トップページへ戻る

グローバルナビゲーションとは

この記事を書いた人 :

グローバルナビゲーションとは

検索で表示されたページにもしリンクがなかったら、そのページだけを見て戻るしかありません。そのサイトに複数のページがあっても、それぞれのページを行き来できるリンクがなければ、そのサイトにどれくらいのページがあるのか、どのような情報が載っているかも想像がつかないでしょう。ほとんどのWebサイトには全ページに共通して「グローバルナビゲーション」と呼ばれるメニューが表示されています。このグローバルメニューのサイトにおける役割についてご紹介します。

関連タグ:
今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ

グローバルナビゲーションとは?

グローバルナビゲーションとは、Webサイトの全ページに共通して表示するメニューのこと。本でいう目次のような役割をしていて、グローバルナビゲーションを見ればそのサイトの構成が大まかにわかります。では、なぜそれが全ページについているのでしょう。本は、表紙をめくって、目次、その後はノンブルを辿って順番に読み進めますが、Webサイトは必ずトップページから見られるとは限らず、さまざまな検索キーワードで検索結果に表示されたページから見られるので、欲しい情報が無かった時に同じサイト内の他のページも探せるようにサイト内リンクで繫がっているわけです。したがってグローバルナビゲーションは、どこをクリックすれば欲しい情報にたどり着けるのか、サイトを訪れた時にすぐに判断できる分かりやすさが求められます。

グローバルナビゲーションの種類

グローバルナビゲーションと一口にいっても、サイトで扱っている情報の種類によって表示形式はさまざまです。ここではその中の代表的なタイプを5つご紹介します。

ブレッドクラムナビゲーション

ブレッドクラム(Breadcrumb)はその名の通りパンくずのナビゲーションです。ページのタイトルが現在見ているページからトップページまで、右から左に向かって「>」を挟んで順番に並んでいます。

ローカルナビゲーション

グローバルナビゲーションがサイト全体の主要コンテンツを案内しているメニューなのに対して、ローカルナビゲーションは、グローバルナビゲーションの下位で、サイト内の同じ階層に共通するコンテンツを案内するメニューです。

リニアナビゲーション

リニアナビゲーションは、同じ階層にある複数のページを順番に表示させるメニューです。「< 2 >」のような表示でブログのページに利用されることが多く、このタイプはページの前後にしか移動できません。

ページネーション

ページネーションは、文章が長いページを分割して表示させるときに使用します。検索結果画面やブログのページの下に「< 1 2 3 4 5 6 7 8 >」のように番号で表示するものです。

ステップナビゲーション

ステップナビゲーションは、会員登録や商品購入のフォームで手続きのステップが何処まで進んでいるかを示す案内です。
手続きの流れでその時行っている段階を色でおしえてくれます。

グローバルナビゲーション作成の注意点

サイト内でグローバルナビゲーションをどこに配置したらいいのか、どんな項目にしたらいいかは悩みどころです。

全ページのデザインを統一する

どのページに移動してもグローバルナビゲーションが同じ位置に同じデザインであることで、ユーザーがナビゲーションの機能を理解して記憶しやすくなります。

項目を増やしすぎない

グローバルナビゲーションは、サイト全体の主要コンテンツを案内するメニューです。下層のページで共通する項目はローカルナビゲーションをつけることもできますので、グローバルナビゲーションは、全ページに共通する必要最低限の項目数に絞りましょう。

メニューの並び方も意識する

人の目線は左から右に移る傾向があります。グローバルナビゲーションのデザインを考える際には、左から右に、使用頻度が高い項目を並べるなどして、ユーザーの使いやすいデザイン設計を意識しましょう。

テキストで制作する

グローバルナビゲーションの文字の部分を画像にした場合、alt値は設定できますが、テキストよりは検索ロボットの可読性が良くないため、項目はテキストで作成しましょう。

まとめ

ウェブブラウザには、「進む」か「戻る」しかついていないため、WEBサイト内に設置されているグローバルナビゲーションは、サイト内を円滑に移動するために重要な機能です。どんなに良いコンテンツを掲載していても、グローバルナビゲーションが使いにくいと離脱を招いてしまう可能性もあります。サイトのビジュアルやコンテンツだけでなく、どのページへリンクさせたらユーザーがほしい情報にストレスなくたどり着けるかも良く考えて設定しましょう。

data maisonでは、各業界100サイトを通じて、グローバルナビゲーションのメニューにどのような項目が使われているか調査し、よく使用される項目ごとに対象サイト数を統計表示しました。あなたのサイトのグローバルナビゲーションのデザインに是非お役立てください。
Webデザインを学びたい・アイデアが欲しい

今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ