WordPress ウェブサイトの UX を向上させる 4 つのヒント

人気の（そして収益性の高い）ウェブサイトを作成する場合、常にユーザーエクスペリエンスに重点を置く必要があります。

それは言うまでもありませんが、非常に多くのウェブマスターは、多くの人がウェブサイト作成の黄金律と考えていることを無視しているようです。最大限の敬意を表しますが、ユーザーを第一に考えていないとしたら、あなたは気が狂っています。

そして、それがこの投稿のテーマ、つまり WordPress ウェブサイトのユーザーエクスペリエンスを向上させる無数の方法につながります。以下では、多くのウェブマスター (特に WordPress ユーザー) が犯しがちな具体的な間違いを取り上げ、人々がサイトに何度も戻ってくるようにするために何をすべきかを示します。

基礎

まず最初に、美しいユーザーエクスペリエンスを作成するために正しく行う必要がある 3 つのことについて説明します。

デザイン
使いやすさ
コンテンツ

見た目が美しく、ナビゲートしやすく、優れたコンテンツを備えたサイトをお持ちなら、あなたは最高です。後は、優れたマーケティングキャンペーンに焦点を当てるだけです（ただし、それについては、また別の機会にお話しします）。上記の 3 つの要件を列挙するのは非常に簡単ですが、実際にそれらを実行することはまったく別の話です。

以下の実用的なヒントはすべて、デザイン、使いやすさ、コンテンツに焦点を当てています。この投稿から他に何も理解できない場合は、WordPress ウェブサイトのデザイン、保守、最適化、更新に関しては、常にこれら 3 つのことに焦点を当てる必要があることを認識してください。

さて、それでは本題に取り掛かりましょう！

1. デザインをすっきりとシンプルにする

下手な Web デザイナーは、機能性よりも見た目の美しさを重視することがよくあります。このアプローチの誤謬は深刻です。訪問者はほとんどの場合、形よりも機能を好みます。 Web サイトをデザインするとき、常に立ち返るべき主な質問は、「私のサイトは訪問者を混乱させるだろうか?」ということです。

ユニークで興味深いデザインは賞を受賞することもありますが、その性質上、ユーザビリティは悪夢のようなものであるのが一般的です。なぜ？なぜなら、人々は予測可能性を好むからです。彼らは、特定の場所に特定の要素が表示されることを期待しており、そうでない場合は混乱し、イライラします。それから彼らは去ります。

写真ではなく、通常は円や四角形などの単純な幾何学的形状で構成されるベクターアイコンを使用できます。ただし、訪問者がアイコンの意味を理解できるように、必ずテキストを含めてください。ほとんどの人はあなたのサイトを芸術作品とは見なさないでしょう。彼らはただ情報を（しかも迅速に）求めているだけなのです。

標準的なブログレイアウト (ヘッダー、メインコンテンツ、サイドバー、フッター) にまったく問題はありません。そして実際には、標準的なレイアウトを使って印象的なものにすることができることはたくさんあります。 Hubspot は、標準的なブログレイアウトを採用していますが、独自のリスト (人気の投稿、編集者のおすすめ、大胆なニュースレターの登録など) を追加しているため、その好例です。

すっきりとシンプルでありながら、印象的で美しい。形と機能の絶妙なバランスを表現しています。それはまさにあなたが探しているものです。

2. ナビゲーションを簡単かつ明白にする

エンドユーザーにとって、サイト内を簡単に移動できる必要があります。探しているものを簡単に見つけられるように、1 つ以上のナビゲーション要素が表示される必要があります。ナビゲートしやすい Web サイトの多くは、次の 1 つまたは複数を実装しています。

ナビゲーションバー (実質的に必須)
サイドバーのカテゴリリスト
サイドバーの検索ボックス
アーカイブページ
パン粉

WordPress の強力なカスタムメニュー機能 (WordPress ダッシュボードの [外観] > [メニュー] にある、またはライブカスタマイザー経由) を使用して、主要なページを配置し、名前を付けます。デフォルトでは、ページ名はメニューにそのまま表示されますが、The Next Web の人々のようにカスタマイズすることもできます。

WordPress には検索機能が組み込まれていますが、それはかなり基本的なものです。したがって、Relevanassi や SearchWP などの堅牢なプラグインを使用することは、検索機能をより詳細に制御できるだけでなく、読者の全体的なエクスペリエンスも向上するため、素晴らしい選択です。

アーカイブページ に関しては、これも WordPress のコアの一部であり、使用するだけで済みます。アーカイブは、さまざまな修飾子ごとにコンテンツを整理するページです。たとえば、日付、カテゴリ、タグ、著者などに応じたアーカイブがあります。WPExplorer の Kyla の著者アーカイブページは次のとおりです。

もちろん、このようなオプションの表示は、コンテンツを効果的に分類、タグ付けなどで整理した場合にのみエンドユーザーに役立ちます。

最後に、ブレッドクラムは、訪問者がサイト内のどこにいるのかを確認し、すぐに自分の位置を特定できる優れた方法です。サイトのセクション、カテゴリ、タグのレイヤーが表示され、最後にユーザーが表示している投稿またはページが表示されます。再び WPExplorer を例として使用すると、現時点でのセットアップ方法は次のようになります。

サイト内にブレッドクラムを統合するのは簡単です。Yoast の WordPress SEO (当社のお気に入りの SEO プラグインであり、当社のサイトで使用しているもの) に含まれる内部リンク機能を使用するだけです。

上記の例全体に共通するテーマは、ナビゲーションの容易さです。多くの人は、たった 1 ページを見ただけでサイトを離れてしまいます。あなたの仕事は、探索を続けるための簡単な選択肢を彼らに提供することです。効果的なナビゲーションはそれを行うのに役立ちます。

3. 始める場所を与える

投稿が大きく拡散する場合を除き (たとえ拡散しても)、あなたのホームページがサイト内で最もアクセス数の多いページであることに気づくでしょう。その理由は 2 つあります。

これは明らかなエントリポイントであり、他のどのページよりも頻繁に他のサイトからリンクされます。
これは、ユーザーがどのページを通じて初めてサイトにアクセスしたときにクリックする可能性が高い次のステップです。

したがって、新しい訪問者にサイトがどのようなメリットをもたらすかを示す手助けをすることで、ユーザーエクスペリエンスを大幅に向上させることができます。これを行うには 2 つの方法があります。

1つ目はフィーチャーボックスです。これはサイトの上部に目立つように表示され、訪問者に何を提供するのかがすぐにわかるようにする必要があります。ページ上部にあるカンファレンスの Wired 広告のように、コンバージョン率の高いオプトインフォームとしても機能します。

適切にまとめられた機能ボックスがあれば、サイトが何を提供するのか訪問者が混乱することはありません。最新のブログ投稿や同様の要素を掲載するだけの直線的なホームページと比較すると、ユーザーエクスペリエンスの点で大幅に改善されています。

2 番目に検討できるのは、「ここから開始」ページです。このページの目的は単純です。サイトの利点を明確に説明し、進歩するための実行可能な次のステップを人々に提供することです。これはすべての種類のビジネスにとって意味があるわけではないかもしれませんが、ガイドやサービスを提供すれば役立つかもしれません。

機能ボックスと同様に、「ここからスタート」ページを使用すると、ユーザーのブログへの関心を高め、コンバージョンや販売につながる可能性が最も高いサイト上のページにユーザーを誘導するという二重の効果を達成できます。

4. コンテンツの見栄えを良くする

私たちウェブ民はかなり気まぐれな集団です。コンテンツの見た目が良くなると、私たちはコンテンツをより高く評価することがよくあります。以下は友人のトムからの例です。

「私自身、つい最近、私の古い記事が iOS 雑誌に掲載されたときに、この効果に気づきました。それは次のようになりました:

これまで:

純粋に面白そうだという理由だけで自分が書いた記事を再読せざるを得なくなった。」

コンテンツをユーザーにとってより魅力的なものにする方法は 2 つあります (実際に優れたコンテンツを作成する以外にも)。

デザイン、タイポグラフィーなど
書式設定

WPExplorer は、オレンジ色のヘッダーと読みやすいサンセリフフォントを備えた、タイポグラフィを使用してプレーンテキストに多様性と面白みを与える方法の好例です。フォーマットに関しては、投稿ごとに決めることができます。次のことを考慮してください。

短い単語、短い文、短い段落: 読みやすいものにします。
サブヘッダー: 積極的に使用し、説明的なものにします。
太字: 重要な箇所を強調表示します。
斜体: 特定の単語を強調します。
画像: 色や多様性を加えるために自由に使用してください。
その他のグラフィック要素: リスト、表、ブロック引用符など、コンテンツに少しスパイスを加えるものなら何でも使用します。

魅力的なコンテンツを作成するということは、コンテンツ自体だけではなく、そのコンテンツをどのように提示し、より魅力的に見せるかが重要です。

次は何？

上記のコンセプトをしっかりと理解できれば、完全に魅力的な Web サイトを作ることができるでしょう。ポジティブなユーザーエクスペリエンスのために最も重要な考慮事項の一部を含めましたが、もちろん、ここで取り上げていないこと以外にもできることは常にあります。

それを念頭に置いて、以下のコメントセクションであなたの提案を読んでいただければ幸いです。訪問者に可能な限り最高のユーザーエクスペリエンスを提供するために、ウェブマスターは他にどのような対策を講じるべきだと思いますか?お知らせ下さい！