WordPressウェブサイトのナビゲーションを改善する8つの方法
公開: 2018-10-25優れたユーザーエクスペリエンスとは、すべてのWebサイトとブログがオーディエンスに提供するものです。 Web開発プラットフォームとCMS（コンテンツ管理システム）のどちらを使用するかは関係ありません。Webサイトではカスタマージャーニーを念頭に置く必要があります。 ユーザーはどのようにして私のウェブサイト上の特定のページを見つけるのでしょうか？ 彼らはどうやって私に連絡する方法を知るのでしょうか？ Webサイトのナビゲートを簡単にするために何ができますか？ それが黄金の質問です！ そして、私は答えを持っています：あなたのナビゲーションを改善してください。
「ウェブサイトの訪問者は、見つけやすくしない限り、コンバージョンにつながることはありません。 」 それは彼らが探しているものを見つけるのを非常に難しくします。 ウェブサイトで過ごす時間は非常に重要です。 訪問者が欲しいものを見つけることができず、それを見つけようとして時間を無駄にしているように感じるという理由だけで、訪問者がバウンドすることを望まないでしょう。
「ウェブサイトのナビゲーションを改善することは、ウェブサイトやブログにとって最優先事項です。 」 WordPressを使用している場合、テンプレートはナビゲーションを最適化するための良いスタートですが、すべてのテンプレートがユーザーを念頭に置いて設計されているわけではなく、ページやコンテンツが簡単にナビゲートできるという意味でもありません。
また、Webサイトのナビゲーションを改善することは、訪問者にとってだけでなく、SEO（検索エンジン最適化）にとっても素晴らしいことです。 これらのアイデアから始めましょう：
- 単純にする
- ナビゲーションバーを最適化する
- 連絡先情報を含める
- ブレッドクラムを使用する
- ソーシャルネットワーキングボタンを含める
- 壊れたリンクを修正する
- サイトマップを追加する
- モバイル向けに最適化
1.シンプルに保つ
あなたのウェブサイトのデザインを意味します。 デザインをシンプルに保つことは、多くの要因に役立ちます。 ユーザーにとってナビゲートしやすいだけでなく、コンバージョンを獲得する可能性も高まります。 訪問者にアピールするためにすべてのクリエイティブを取得する必要はありません。シンプルな方が優れています。 「現代の現状に固執する」 –現在機能しているものはすべて明らかに理由で機能しているため、テストされていない独自のことをやめようとしないでください。
シンプルなデザインは、ユーザーが探しているものを見つけるために余分な時間を費やす必要がないことも意味します。 あなたのウェブサイトに多くの気晴らしがなく、あまり雑然としていない場合、訪問者は彼らが欲しいものを発見する可能性が高くなります。
2.ナビゲーションバーを最適化します
ナビゲーションバー（ナビゲーションバー）は、訪問者が興味のあるページを見つけるために不可欠です。 適切に最適化されたナビゲーションバーがないと、その訪問者を失い、ひいてはコンバージョンを失う可能性があります。 このナビゲーションバーは、明らかに各Webページの折り目の上にある必要がありますが、常にユーザーの前に置いておく必要があります。 ユーザーが下にスクロールしてさまざまなページを移動するときに、ユーザーをフォローする粘着性のあるナビゲーションバーを作成することを検討してください。
メニュー項目（ナビゲーションバーのページへのリンク）に興奮しすぎないでください。 繰り返しになりますが、デザインはシンプルで使いやすいものにする必要があるため、メニュー項目を7項目未満に制限して、ナビゲーションバーが乱雑にならないようにします。 ほとんどのWebサイトにアクセスすると、メニュー項目が7以下になっていることがわかります。 正直にもっと多くのメニュー項目が必要な場合は、ドロップダウンメニューではなくメガメニューを使用してください。
メガメニューは、ナビゲーションバーにある特定のカテゴリのさまざまなページを表示してリンクするのに適しています。 アパレルに関連する商品を提供するウェブサイトがあるとします。「商品」をメニュー項目として使用して、訪問者にクリックしてもらうだけでは不十分です。 それはあまりにも曖昧であり、Googleの検索エンジンでさえ、そのカテゴリのすべてのページがどこにあるかを理解するのに苦労するでしょう。 代わりに、メニュー項目「製品」を使用できます。訪問者がその項目にマウスを合わせると、メガメニューがドロップし、さまざまなサブカテゴリの製品カテゴリに関連付けられているさまざまな種類のアパレルをすべて表示できます。
メニュー項目を適切に整理し、メガメニューを含むカテゴリメニュー項目をクリックできないようにしてください。これは混乱を招く可能性があります。
3.連絡先情報を含める
訪問者があなたに連絡する必要がある場合はどうなりますか？ 彼らはどのようにしてあなたの情報を見つけますか？ これを行うにはいくつかの方法があり、WordPressはそれを素晴らしく簡単にします。
「お問い合わせ」ページをご利用ください。 訪問者にあなたとコミュニケーションをとらせるための非常に人気のある方法は、「お問い合わせ」ページを使用することです。 このページは、常にナビゲーションバー内または少なくともフッター内に配置する必要があります。 これは訪問者にあなたがコミュニケーションにオープンであり、彼らから聞きたいと思っていることを伝えます。 これは、訪問者に質問や懸念がある場合に連絡を取りたいと思う可能性が高いため、検討および実装するのが非常に簡単で重要なナビゲーション要素です。
変換する「お問い合わせ」ページをデザインする11の方法
あなたのウェブサイトはあなたのビジネスにとって最も重要なマーケティングとブランディングツールの1つです、それでそれを見てゴージャスで使いやすいものにするために時間とお金を費やすことは大きな投資です。 しかし、すべての...
ユーザーがいつでも簡単に連絡できるように、お問い合わせフォームまたは「[メール保護]」などのアクティブなメールアドレス（またはその両方）を含めることを検討してください。 WordPressには、連絡先フォームを作成するためのプラグインがいくつかあります。非常に人気のあるプラグインの1つは、ContactForm7です。
ページにライブチャットを追加します。 ライブチャットを使用すると、訪問者は任意のWebページであなたに連絡できます。 多くのサービス会社がこの方法を使用しており、お問い合わせページと密接に関連しています。 訪問者に連絡して変換してもらいたい場合は、そのライブチャットをできるだけ早く追加してください。 デスクトップとモバイルの両方のWebサイトバージョンにライブチャットを配置するのに最適な領域には、画面の右下隅または左下隅があります。 ただし、ライブチャットボタンが他のWebサイトのコンテンツと重ならないようにしてください。 はい、WordPressにはこのためのプラグインもあります。
4.ブレッドクラムを使用する
ブレッドクラムは、訪問者がページをさかのぼる方法を見つけるのに最適です。特に、Webサイトに多くの情報がある場合はそうです。 しかし、パンくずリストは、帰り道を見つけるためだけでなく、あなたがどこにいるかを伝えるためでもあります。 大量のページまたは少量のページがある場合、ブレッドクラムは、訪問者がどのようにしてそこに到達し、どのようにして元の場所に戻ることができるかをガイドします。
これは、ページを数回クリックするだけでアクセスできるため、現在表示しているページへのアクセス方法が混乱する可能性があるため、大規模なWebサイトに特に適しています。
5.ソーシャルネットワーキングボタンを含める
ユーザーがソーシャルメディアであなたを見つけたり、最近の投稿を共有したりしたいですか？ あなたのウェブサイトにソーシャルメディアボタンを含めてください。 ソーシャルメディアは、ブランドを複数のレベルに拡大します。 あなたのコンテンツに興味を持っている訪問者にとって、それは彼らが有用または興味をそそるものであると彼らが見つけたものを他の人と共有するための方法です。 あなたのビジネスにとって、それはあなたがあなたの名前を広めるのを助ける方法です。
訪問者はどのようにあなたのコンテンツを共有したり、ソーシャルネットワークであなたを見つけたりしますか？ WordPressには、ソーシャルネットワークの共有を支援するプラグインがいくつかあります。 デスクトップとモバイルのWebサイトバージョンに最適なものを選択してください。
6.壊れたリンクを修正します
時間の経過とともに、Webページが古くなり、エラーが発生する可能性があります。 Webページの平均寿命は100日と言われています。 これを念頭に置いて、リンクは時間の経過とともに壊れることがあります。 そのページがあなたのものであろうと、どこかでハイパーリンクされた別のWebサイトのものであろうと、404エラーページは訪問者にとって役に立ちません。 実際、彼らは彼らを去りたくさせます！
壊れたリンクを修正します。 大規模なWebサイトは特にこの傾向があります。これは、リンクが非常に多いページが非常に多く、定期的に各ページを個別にチェックして正しく機能していることを確認する時間がないためです。 これを簡単にするために、WordPressには、ページ、投稿、コメント、ディレクトリなどのリンク切れをチェックするための複数のプラグインがありますが、この目的のトッププラグインの1つであるため、リンク切れチェッカーを使用することをお勧めします。
7.サイトマップを追加します
サイトマップは、Webサイト上のすべてのURLのリストです。 すべてのページと投稿には、独自のサイトマップURLがあります。 Webサイトにサイトマップを追加するということは、次の2つのことを意味します。
- ユーザーは、すべてのリンクを自分の前に置き、クリックするリンクを選択できます。
- Googleは、追加されるのを待って、Googleがすべてのページのインデックスを作成してランク付けすることを期待するよりもはるかに速く、SERP（検索エンジンの結果ページ）にユーザーを追加できるようになります。
注：すべてのWebサイトが訪問者にサイトマップを使用しているわけではありませんが、訪問者にその追加のユーザーエクスペリエンスを追加したい場合は使用できます。 競合他社が何をしているかを確認してください。
Webサイトに必要なサイトマップは、フッターに必要な基本的なHTMLインデックスです。これは、最も重要ではありませんが、一部の訪問者には役立つ可能性があるためです。 USPSAboutサイトマップのようになります。 繰り返しになりますが、これにより、訪問者はWebサイトにあるすべてのページ/投稿へのすべてのリンクを表示できます。これは、Webサイトの全体像を確認したい場合に役立ちます。
これと同じサイトマップをSEOの目的でGoogle検索コンソールにアップロードできますが、XMLファイルをお勧めします。 HTMLサイトマップはユーザー向けであり、Googleは、関連するすべてのページ、投稿、および画像やビデオなどの添付ファイルをWebサイトで見つけることができない場合があります。
8.モバイル向けに最適化
前述のすべてがモバイルWebサイトのバージョンにも役立ちますが、デスクトップの訪問者に同じ影響を与えないモバイルWebサイトについて考慮すべきことがいくつかあります。
2017年第1四半期の時点で、モバイルデバイスは全世界のWebページビュー全体の49.7％に使用されていることがわかりました。 これは、キックバットモバイルレイアウトを確実に準備する必要があることを意味します。
WordPressサイトをモバイルフレンドリーにする方法
モバイルフレンドリーなWordPressサイトが新しい標準であることは周知の事実ですが、どれほど一般的に見えるかもしれませんが、美しくレスポンシブなサイトを作成するには、まだ少し手間がかかる可能性があります。 このガイドは...
デスクトップWebサイトバージョンにあるすべてのものがモバイルバージョンにうまく適合していることを確認してください。 予算と全体的なニーズに最適なものに応じて、レスポンシブまたはアダプティブモバイルバージョンを作成するかどうかを選択します。
デスクトップサイトとは異なるものが必要になる場合があります。 モバイルデバイスは通常、はるかに狭い画面であるため、ナビゲーションは同じではありません。 たとえば、navbarを最適化する必要があります。 メニュー項目を一覧表示する代わりに、モバイルメニューが必要になります。
これは、画面の右上または左上に「ハンバーガー」メニューアイコンとして表示できます。 ハンバーガーメニューアイコンは、3本の横線が積み重なっているため、常にナビゲーションバーを表示するデスクトップ手法を使用するのではなく、「ここをクリックしてメニューを表示」するのに最適な方法です。 （これにより、ユーザーが表示するまで、すべてのメニュー項目の乱雑さが解消されます）。 これらの行の下または行内に「メニュー」というテキストを追加すると、アイコンの意味がわからない場合があるため、モバイル訪問者に特別な恩恵を与えることになります。
この手法はますます普及しており、しばらくの間推測されてきました。 しかし、3つの積み重ねられた線がメニュー項目用であることを明確にする限り、それは訪問者にとって非常に役立つことがわかります。
結論
「WordPressのWebサイトにこれらのテクニックのいずれかまたはすべてを使用すると、自分自身と訪問者を支援できます。 」 エンドポイントに到達するために飛躍的なハードルを乗り越えたいと思う人はいないので、ナビゲーションを簡単にして最適化して、ユーザーエクスペリエンスを向上させます。