グローバルナビゲーションとは？役割・作り方・置くべき項目を事例付きで解説

「グローバルナビゲーションに何を置けばいいか分からない…」
「ナビを見よう見まねで作ったけど、本当にこれで合っている？」
「ナビを変えたらSEOに悪影響が出ないか不安…」

グローバルナビゲーションは単なる装飾ではなく、サイトの回遊率、コンバージョン率や、ひいてはSEO評価も間接的に左右しかねない重要な要素です。項目数は5〜7個に絞り、ユーザーの行動フロー順に並べれば、サイト内のユーザー行動を改善できる可能性があります。

この記事では、200社以上のSEO支援実績を持つEXTAGEが、グローバルナビゲーションの役割から具体的な作り方、業種別の設計事例までを解説します。

最後まで読めば、自社サイトのグローバルナビゲーションを根拠を持って設計し、実装できる状態になります。ぜひ最後までお読みください。

グローバルナビゲーションとはサイト共通の案内メニュー

グローバルナビゲーションとは、サイトの全ページに共通で表示される主要ページへのリンクメニューです。

たとえるなら、ショッピングモールの「フロアガイド」のような存在です。どのフロアにいても現在地と行き先が分かるように、グローバルナビゲーションはどのページにいてもサイト全体の構造を把握できる案内板として機能します。

PCではヘッダー上部に横並びで配置されますが、スマホではハンバーガーメニューという三本線のアイコンに格納されます。

グローバルナビゲーションには、以下の3つの役割があります。それぞれ詳しく解説します。

ユーザーの回遊率を上げる案内機能

グローバルナビゲーションは、ユーザーがサイト内で見つけたい情報をガイドする、いわば案内役のような存在です。

ユーザーはWebサイトに訪れたあと、より有益な情報はないかとサイトのヘッダー部分を見ます。このとき、グローバルナビゲーションに気になる情報があれば、さらにサイトを回遊してくれるでしょう。

一方、グローバルナビゲーションがなかったり、あまり魅力的でなかったりすると「このサイトは微妙そうだな…」と離脱されてしまいます。軽視されがちですが、ユーザーに対して直感的にサイトの情報量を伝えられる、優秀なガイドなのです。

クローラーにサイト構造を伝えるSEO機能

グローバルナビは、なんとなくサイトが使いやすくなるだけでなく、明確なSEO効果があります。なぜなら、検索エンジンのクローラーは、サイト内の内部リンクをつたってサイト構造を理解するためです。

Googleのクローラーは内部リンクが集中するページを重要だと判断します。グローバルナビゲーションに載せたページは全ページから内部リンクが集中するため、SEO評価が高まるというしくみです。

さらに、クローラーはナビのリンクをたどってサイト全体を巡回するため、新規ページがインデックス登録されるまでの期間も短縮できます。

内部リンクのSEO効果を体系的に知りたい方は、「内部リンクとSEOの関係」の記事もあわせてご覧ください。

あわせて読みたい

【徹底攻略】内部リンク施策によるSEO効果を最大化させるポイント7選！効果的な設置場所も紹介 「内部リンクは本当に必要なの？」「内部リンクとSEOは関係あるの？」「内部リンク設置のポイントが知りたい！」 内部リンクとは、同じWebサイト内の記事同士をつなぐリ...

コンバージョンページへの導線機能

グローバルナビゲーションがさらに重要な理由は、どのタイミングからもコンバージョンにつなげられる優秀さです。

多くの企業サイトでは、グローバルナビに問い合わせ・資料請求・料金ページなど、コンバージョンに直結するページへの導線が置かれています。

前述のとおり、グローバルナビゲーションは全ページに表示されるため、ユーザーがどのページを見ていてもコンバージョンページが常に目に入る状態を作れます。

グローバルナビゲーションの役割が分かったところで、次は「何を載せるか」を決める判断基準を見ていきましょう。

グローバルナビゲーションに置くべき項目の決め方

グローバルナビゲーションの項目は、ユーザーが求めるページとコンバージョンの両面を考えて決めていきましょう。まずは、Webサイトの型ごとに使えるテンプレートをまとめました。

項目：Webサイト別に項目を決める

BtoBサイトのグローバルナビゲーションには、以下の項目を軸に構成するのが定番です。

BtoBサイトでは「サービス」「導入事例」「お問い合わせ」の3項目は必須です。この3つがないとユーザーが検討に必要な情報にたどり着けません。

「料金」をナビに入れるかどうかは、料金体系がオープンかどうかで判断します。「要見積もり」のビジネスモデルなら、料金ページの代わりに「資料請求」を設置する方が適切です。

サイトの種別が変わればナビの構成も変わります。以下の表で、サイト種別ごとの定番構成を比較しましょう。

サイト種別	定番ナビ項目
BtoBサイト	サービス・事例・料金・会社概要・問い合わせ
ECサイト	カテゴリ一覧・セール・ランキング・カート・マイページ
メディアサイト	カテゴリ別コンテンツ・人気記事・運営者情報・問い合わせ
コーポレートサイト	事業内容・企業情報・採用情報・IR・問い合わせ

自社サイトの種別に合った定番構成をベースにカスタマイズするのが、ナビ設計の最短ルートです。ゼロから考えるのではなく、同業種の上位サイトのナビ構成をチェックして、真似してみるのもよいでしょう。

項目数：5〜7個に設定する

EXTAGE株式会社が支援させていただいた経験則上、グローバルナビゲーションは4〜6個くらいを限度として設けるのがおすすめです。

あれもこれもと入れたくなってしまいがちですが、人間が一度に処理できる情報量には限度があります。項目が多すぎると、どれを選ぶべきか判断できなくなり、結果として離脱されるリスクもあります。

実際に、ナビ項目が10個以上あるサイトは、7個以下のサイトと比較してナビのクリック率が下がる傾向があります。ナビ項目は5〜7個に絞るのが鉄則です。

ナビの項目数はサイト全体の設計と密接に関係します。サイト設計の全体像を把握したい方は、「サイト設計の基本」の記事もあわせてご覧ください。

あわせて読みたい

Webサイト設計のやり方・手順を企業サイト・ブログ向けに徹底解説【テンプレートあり】 「毎日更新しているのに順位が上がらない」「アクセスはあるのに問い合わせに繋がらない」「記事のネタ切れを起こしている」 もし一つでも当てはまるなら、その原因は記...

順番：認知→検討→行動の順で決める

グローバルナビゲーションの項目は順番も大切で、ユーザーの行動フローに合わせて左から右に配置します。具体例として、BtoBサイトのケースにおける理想の並び順を見てみましょう。

位置	フェーズ	ナビ項目
左	認知	サービス
中央	検討	事例・料金・会社概要
右	行動	お問い合わせ

ユーザーの視線は左から右に流れます。最初に目に入る左側にはサービスのような認知系の項目、最後に目に入る右側にはコンバージョンに直結する項目を配置すると、自然な流れになります。

階層構造：必要に応じてドロップダウンを採用する

サービスが複数ある場合や、カテゴリ分けが必要な場合はドロップダウンメニューを活用しましょう。たとえばサービスというナビ項目にカーソルを合わせると「SEOコンサル」「コンテンツ制作」といったサブメニューが展開される形式です。

縦に展開される形式が一般的ですが、企業サイトでは次の画像のように横方向にビジュアルが展開されるパターンもあります。

ドロップダウンを採用すれば、カテゴリが多すぎて包括しきれないケースでも、情報をきれいにまとめられます。

ただし、ドロップダウンは多くても2階層までにしましょう。あまりに細かく階層を設けても、ユーザーは迷ってしまいますし、操作性が悪くてストレスを与えてしまいます。

グローバルナビゲーションの作り方5ステップ

ここからは、グローバルナビゲーションを設計・実装する具体的な手順を5ステップで解説します。

グローバルナビゲーションと合わせて設定しておきたいのがパンくずリストです。パンくずリストの設置方法とSEO効果については、「パンくずリストとSEO」の記事で詳しく解説しています。

あわせて読みたい

パンくずリストのSEO効果とは？パンくずリストを設置しない3つの理由も徹底解説 「パンくずリストってSEOに効果があるって聞くけど、実際どうなの？」「パンくずリストの種類が多すぎて、どれを選べばいいかわからない…」「せっかくパンくずリストを...

グローバルナビゲーション設計の注意点

グローバルナビゲーションの作り方を理解した上で、以下の注意点を押さえておくと失敗を防げます。それぞれ詳しく解説します。

スマホのハンバーガーメニュー設計

現在、多くのサイトでスマホからのアクセスが50%以上を占めています。スマホではグローバルナビゲーションがハンバーガーメニュー（三本線アイコン）に格納されるため、PC版とは異なる設計上の配慮が求められます。

スマホのナビ設計ではタップサイズと電話ボタンの常時表示が見落とされがちです。BtoBサイトでも電話問い合わせは一定数あるため、ヘッダーに常設しましょう。

ナビのテキストは画像でなくHTMLで

グローバルナビゲーションのテキストは、画像ではなくHTMLテキストで実装してください。

画像でナビを作ると、Googleのクローラーがテキスト情報を正確に読み取れず、SEO上不利になります。また、修正のたびにデザイナーへの依頼が必要になり、更新コストも高くなります。

ナビのテキストは必ずHTMLで実装しましょう。画像ナビはSEO評価が下がるだけでなく、更新コストも増加します。

CSSを活用すればHTMLテキストでも十分にデザイン性の高いナビゲーションを作れます。フォント・色・ホバーエフェクトなど、見た目はCSSで自由にカスタマイズしましょう。

メガメニューは項目10個以上の場合のみ

メガメニューとは、ナビにカーソルを合わせると画面の幅いっぱいに広がるパネル型のメニューです。Amazonや楽天のような大規模ECサイトで見かける形式です。

ただし、中小規模のサイトでメガメニューを導入するのはおすすめしません。メガメニューはカテゴリが10個以上ある大規模サイト向けの手法です。

中小企業のコーポレートサイトやBtoBサイトの場合、ナビ項目は5〜7個で十分まとまります。メガメニューを使うと情報量が多くなりすぎて、ユーザーが選択に迷い、かえって離脱を招く原因になります。

ナビ変更後はクロール状況を確認する

グローバルナビゲーションを変更したら、1〜2週間後にGoogle Search Consoleでクロール状況を確認しましょう。

特に注意が必要なのは、ナビから外したページです。ナビから外す＝全ページからの内部リンクが消えるということなので、そのページのSEO評価やインデックス状況に影響が出る可能性があります。

ナビ変更後は1〜2週間後にSearch Consoleで確認してください。ナビから外したページのインデックス落ちを見逃すと、検索流入が減少します。

ナビ改善後は直帰率の変化もチェックしましょう。直帰率の改善施策については、「直帰率を改善する方法」の記事で詳しく解説しています。

あわせて読みたい

直帰率改善の方法5選！平均値や高すぎる原因まで徹底解説 「自社サイトの直帰率が高いのか低いのか分からない」「直帰率を改善したいけど何から手をつければいいだろう？」 直帰率の数字だけに一喜一憂し、手当たり次第に改善策...

ここまでの注意点を踏まえた上で、実際にグローバルナビゲーション改善で成果が出た事例を見ていきましょう。

グローバルナビゲーション改善で成果が出た事例

項目	内容
業種・規模	EC（景品・ギフト）／株式会社マイルーム
課題	商品カテゴリへの導線が弱く、ユーザーが目的の商品群にたどり着けない
施策	グローバルナビに「イベント別で探す」カテゴリを追加し、ドロップダウンで項目一覧を表示
成果	「ディズニーペアチケット 景品」で15位→3位に上昇

景品・ギフトのECサイトを運営する株式会社マイルーム様の事例です。当サイトでは、もともとグローバルナビゲーションが設定されていたものの、もっとも評価を集めたい景品の種別カテゴリページは設定されていない状態でした。

そこでグローバルナビに「景品で探す」というカテゴリメニューを新設し、ドロップダウンで各景品一覧のページにワンクリックで遷移できるように設定。結果として「ディズニーペアチケット 景品」で15位→3位に上昇し、商品の購買も増えました。

この事例の詳細は「株式会社マイルーム様のSEO支援事例」でご覧いただけます。

よくある質問

グローバルナビとローカルナビの違いは何ですか？

グローバルナビゲーションはサイトの全ページに共通で表示される主要メニューです。一方、ローカルナビゲーションは特定のカテゴリやセクション内でのみ表示される案内メニューです。たとえば「サービス一覧」ページにだけ表示される「サービスA」「サービスB」のサブメニューがローカルナビに当たります。

役割が異なるため、併用するのが一般的です。

グローバルナビの項目数に上限はありますか？

明確な上限はありませんが、5〜7個が推奨です。10個以上になるとユーザーの認知負荷が高くなり、クリック率が下がる傾向があります。

項目が多い場合はカテゴリにまとめてドロップダウンで整理しましょう。

ブログやコラムはナビに入れるべきですか？

コンテンツマーケティングに注力しているサイトなら入れるべきです。ただし、ナビの文言は「ブログ」より「お役立ち情報」「コラム」の方がクリック率が高い傾向があります。

「ブログ」という文言は個人の日記を連想させやすく、ビジネスサイトでは避けた方が無難です。

ハンバーガーメニュー内のリンクはSEOに影響しますか？

Googleはモバイルファーストインデックスを採用しており、ハンバーガーメニュー内のリンクも正常にクロール・評価されます。

ただし、ユーザーがタップしないとメニューが表示されないため、UXの観点からはコンバージョンに直結するボタンはメニュー外にも配置することをおすすめします。

グローバルナビを変更するとSEO順位は下がりますか？

適切な設計変更であれば、中長期的にはプラスに働きます。変更直後は一時的にクロール頻度が変動する可能性がありますが、1〜2週間で安定するのが一般的です。

ナビから外したページはフッターリンクやサイトマップで補完しましょう。

ナビにコンバージョンボタンを入れるのは効果的ですか？

「お問い合わせ」「資料請求」などのボタンをナビに含めるのは有効です。ボタンの色をナビの他の項目と変えて視認性を上げると、クリック率がさらに向上します。

多くのBtoBサイトでは、ナビの右端にコンバージョンボタンを配置するのが定番の設計パターンです。

ナビの文言は何文字が適切ですか？

2〜4語が目安です。「お問い合わせ」「導入事例」のように、ユーザーが直感的に遷移先を理解できる短い文言を選びましょう。

「弊社のサービスについて」のように長い文言は、特にスマホで表示が崩れる原因になります。

ナビにアイコンを付けるべきですか？

テキスト＋アイコンの併用は視認性を高める効果があります。ただし、アイコンのみでテキストを省略するのはNGです。

アイコンだけではユーザーが意味を理解できず、クリック率が低下します。必ずテキストラベルを併記してください。

固定ヘッダー（追従ナビ）は設置すべきですか？

記事型サイトや縦長のLPでは有効です。ユーザーがページを下にスクロールしても、常にナビゲーションが画面上部に表示されるため、いつでもコンバージョンページに遷移できます。

ただしスマホでは画面占有率に注意が必要です。スクロール時にヘッダーを縮小するデザインにすると、コンテンツ領域を確保できます。

グローバルナビの効果測定はどうやりますか？

GA4のイベント計測を設定してナビのクリック数を測定するのが基本です。さらに、ヒートマップツール（Microsoft Clarity等）を導入すると、ナビのどの項目がクリックされているかを視覚的に確認できます。

改善前後の回遊率・直帰率の比較も忘れずに行いましょう。

SEO歴10年。上場企業を含む200社以上のSEO・Webマーケティング支援を実施。KADOKAWA社より『文章で金持ちになる教科書』『Webライターが5億円稼ぐ仕組み』を出版。
>>詳しいプロフィールはこちら