1. TOP
  2. ブログサイトにおけるナビゲーションメニューの役割と効果的な設定方法

ブログサイトにおけるナビゲーションメニューの役割と効果的な設定方法

 2017/02/15 SEO  

あなたは以下のナビゲーションメニューをどのように配置すればいいのか気になったことはありませんか?

ナビゲーションメニューの配置例

ナビゲーションメニューを設定していく前に知っておいてほしいことがあります。

それはナビゲーションメニューを正しく活用すると、

  • SEO効果
  • 売り上げUP

につながるということです。

そこで、今回の記事ではナビゲーションメニューを設定する際に知っておいてほしいポイントと、効果的な配置事例をお伝えしていきます。

ナビゲーションメニューの本当の役割とは何か?

ナビゲーションメニューの役割について、Google社はこのように言っています。

検索エンジン最適化スターターガイド

サイトのナビゲーション(メニュー)は、ユーザーが迅速に目的のコンテンツ にたどり着けるようにするために重要です。

出典:検索エンジン最適化スターターガイドp.10

簡単にいうと、

「サイトの訪問者があなたのサイトを見たときに自分の見たいページを迷いなく見れる設計にしておいてね」

ということです。

あなたのサイトのが以下の図のように迷路にならないように、ナビゲーションメニューを正しく設定しておく必要があります。

ナビゲーションメニューが複雑だとユーザーは目的のページにたどり着くことができない

訪問者の利便性から見たナビゲーションメニュー

ナビゲーションメニューの役割は上記のように、「サイト訪問者が目的のページにいち早く、簡単にたどり着くこと」です。

例えばあなたが女性向けのブログサイトに訪れたとして、このナビゲーションメニューを見れば大体どこに何の情報があるかわかるはずです。

女性用サイトのナビゲーションメニュー例

このようにわかりやすいナビゲーションメニューが設定されていると、訪問者がそれぞれのページにいきやすいように以下のような構成になります。

ブログサイトの構造を表しています

トップページから3〜4クリック以内で目的のページにたどり着くことができる構成です。

一方で以下のようなナビゲーションメニューになるとどうでしょう?

メニューのダメな例

もはや、外部のサイトへのリンクばかりで、あなたのサイトの記事にたどり着くことはできません。

これだと、訪問者に優しい構成ではなくなってしまいますね。

このようにならないように気をつけてください。

SEOの面から見たナビゲーションメニュー

また、ナビゲーションメニューはSEOの観点から見ても、重要な役割を果たします。

普段、インターネット上を巡回する検索エンジンのロボットはこの世に存在する数千億以上のウェブサイトをぐるぐると回っています。

クローラーの巡回の様子

そうなると、一つ一つのページをじっくり見る余裕もありません。

となると、サイト自体の構成が先ほど挙げた以下の図のようになっていると、

ブログサイトの構造を表しています

ロボットも巡回しやすくなるんですね。

ロボットが巡回するということはちゃんとした記事を書いていれば、上位表示される可能性も高まるということです。

配置によって集客効果も期待できる

実はナビゲーションメニューは配置次第で売り上げも向上させることができます。

ナビゲーションメニューの配置によるクリック率について解説します。

位置によってクリック率が格段に違う

グローバルメニューの各位置によって、クリック数が驚くほどに違うことが見てとれると思います。

「メニュー1」の場所と、「メニュー3」、「メニュー5」の場所では、同じ内容のリンクなのにも関わらず、10倍以上の開きがあるのです。

順位で言えば、

1位 メニュー1
2位 メニュー6
3位 メニュー2
4位 メニュー4
5位 メニュー5
6位 メニュー3

の順番。

出典:売り上げが変わる!グローバルナビゲーションの効率的な使い方

SNSの専門家の落合氏の検証結果によると、ナビゲーションメニューの配置次第で以下のようなクリック率の変化が出たようです。

売り上げが変わる!グローバルナビゲーションの効率的な使い方を参考に作成

ここからわかることは両端のメニューには、最もクリックしてほしい情報を載せておくということですね。

商品販売への導線を意識する

上記の検証データから、ナビゲーションメニューの両端にはクリックしてほしい情報を載せておいたほうがいいということがわかりました。

もっというと、この部分に商品販売につながるページ

  • メルマガ登録用のランディングページ
  • 商品案内ページ

などを配置しておくと、より多くのアクセスを集めることができ、結果的に売り上げアップにつながるということになります。

このデータをもとに、あなたも売り上げを最大化するメニューの配置を意識してみてはいかがでしょうか?

理想的なナビゲーションメニューの配置方法

前章までのGoogleスターターガイドや検証結果を参考に理想的なナビゲーションメニューを配置していくと、以下のようになります。

理想的なナビゲーションメニュー

特に最も右の大カテゴリが、見てほしい大カテゴリになります。

女性用サイトのナビゲーションメニュー例

ナビゲーションメニュー作成時の注意点

ここまで、ナビゲーションメニューの役割や、理想的な配置方法などをお伝えしてきましたが、もちろん注意点があります。

この章でお伝えする注意点をしっかりと守ってもらうことで、あなたのブログサイトのナビゲーションメニューが正しく機能します。

1.テキストで表示すること

一つ目の注意点はナビゲーションメニューのリンクはテキスト(文字)リンクを適用するということです。

なぜ、テキストで作ったリンクでなければならないのかというと、その理由はGoogleが発行しているガイドラインが説明しています。

重要な名前、コンテンツ、リンクを表示するときは、画像ではなくテキストを使用します

出典:ウェブマスター向けガイドライン(品質に関するガイドライン)

とあり、特殊な効果が使われている場合、ページを見にきたロボットが中身を確認しづらくなるというのが理由です。

なので、ナビゲーションメニューは基本的にテキストで表示します。

2.サイトの中で最も見やすい位置に設定すること

二つ目の注意点がメニューの位置になります。

一般的にメニューはヘッダー画像の上下周辺にあります。

一般的なメニューの位置

どのブログサイトでもおおよそこの位置にメニューが配置されているので、基本的にメニューは探さなくても見つかります。

一方で、いつもの位置にメニューがないとどうでしょう?

いつもの位置にメニューがないサイト

きっと「?」が生まれ、結果的には、サイトに使いにくさを感じ離れていってしまいます。

デザイン性などに凝ろうと思えば、メニューの表示方法や配置場所は工夫できますが、「いつもの場所」にあることでサイトの利便性が高まります。

「訪問者第一」のメニューの配置にこだわってください。

まとめ

以上がナビゲーションメニューの役割、理想的な配置、配置の際の注意点でした。

ナビゲーションメニュー次第で、SEOも売り上げも大きく変化するということが大袈裟ではなかったと理解していただけたでしょうか?

この記事を参考に効果的なメニューを作成して見てください。

検索結果で上位表示を狙うなら、まずはあなたのワードプレスに最低限の設定をしておきましょう。以下の記事では初心者の方でも0からワードプレスブログを始める方法を網羅的に解説しています。ぜひご覧ください。

【保存版】初心者がワードプレスブログを0から始める方法と効果的な使い方


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする

関連記事

  • SEOライティング|ユーザーの期待を上回るブログ記事の書き方

  • 検索エンジンの順位決定の仕組みを図解でわかりやすくまとめました

  • ワードプレスの正しいパーマリンクの設定をして、検索エンジンを味方につける方法

  • 検索アクセスを倍増する!ロングテールSEOの基本と実践方法

  • SEOキーワード選定方法!上位表示しやすいサイトを作るコツ

  • ワードプレスの内部SEO対策!劇的な成果を出す「たった7つの設定」