エムタメ!について twitter

マーケティング担当者のために
マーケティングに関わるためになる情報をためていく

  1. TOP
  2. デザイン
  3. 意外と知らない?Webサイトの「ナビゲーション」の種類と役割をご説明します

意外と知らない?Webサイトの「ナビゲーション」の種類と役割をご説明します

記事公開日:2015/02/13
最終更新日:2023/10/18
意外と知らない?Webサイトの「ナビゲーション」の種類と役割をご説明します

サイトナビゲーションとは、Webサイト上で目的のページを探す手がかりとなる、リンク付きの表示のことです。

サイトナビゲーションは、Webサイトを訪れたユーザーが探し求めている情報へたどり着くための案内です。 もしも、サイトナビゲーションが不足していたり、わかりにくかったりするWebサイトであれば、ユーザービリティは低下し、そのWebサイトや運営企業に対する信用や好感度も落ちたりしてしまうでしょう。

本コラムでは、代表的な6つのナビゲーションをご紹介いたします。


BlueMonkey
  • 2,100社以上のWeb制作実績!
  • BtoB企業で成果を出すWeb制作プラン公開中!
  • Webサイトを制作するだけではなく、戦略・施策立案、Web制作、SEO、MAを活用したリードナーチャリング、コンテンツマーケティングなど、Webマーケティングの川上から川下まで、一気通貫で支援が可能です。少しでもWebリニューアル、ホームページ制作に興味がある方はお気軽に詳細をみていってください!

    詳細を見てみる

1.階層型ナビゲーション(グローバルナビゲーション)

ツリー構造で表した時に最上位階層をメニュー化したものになります。どのページを開いても決まった場所、決まった並びで表示されています。

階層型ナビゲーション(グローバルナビゲーション)

2.ローカルナビゲーション

ツリー構造で表した時に最上位階層と同カテゴリ内の移動を可能をするナビゲーション。グローバルナビゲーションで選択されたカテゴリ内のページ表示されます。

ローカルナビゲーション

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

表示しているページの位置情報を示します。「パンくずナビゲーション」とも言われていますね。「パンくず」は、童話「ヘンゼルとグレーテル」からきているそうです。

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

4.ダイナミックナビゲーション

主に検索のことをいいます。行きたいページがわかってる時、役に立ちますね。

ダイナミックナビゲーション

5.関連ナビゲーション

Webページのコンテンツ(文脈)に関連した内容で構成されるナビゲーション。ECサイトなどでみる関連商品やブログページでみるおすすめ記事などのことを指します。

関連ナビゲーション

6.ページネーション

ページ割り。主にECサイトなどに見かけられます。情報量が多く1ページでは収まらない時は複数のページを設けます。その時に使われるナビゲーションです。

ページネーション

7.まとめ

今回はナビゲーションについていくつかご紹介しました。

普段何気なく押しているボタンやテキストリンク、実は、ユーザーが目的のページ早くたどりつけるような工夫だったのです。

関連キーワード

用語集 Web制作

特集

はじめての展示会物語

はじめての展示会出展までの道のりを描いたドッタンバッタン劇場

メールマーケティング

この記事を共有