fbpx

グローバルナビゲーションの作り方  WordPressでのデザイン方法まで徹底解説

この記事をシェアする

登場人物

  • 斉藤えんじ
  • かくたま猫

斉藤えんじはかくたまコーポレーションに所属する25歳の会社員。かくたまコーポレーションは人員不足により、デジタルマーケティング周りをすべて斉藤えんじ一人で行っている。斉藤もまだまだ知識が足りず、オフィスで飼っている「かくたま猫」がいつも手助けをしてくれており、何とか乗り切っている。

 

今日は新しくグローバルナビゲーションを作れと社長から指示されたけどグローバルナビゲーションって何のことだろう。どうすればいいんだ。。。

斉藤くん、今回はグローバルナビゲーションについてだね。

かくたま猫!助けてくれ~!

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

グローバルナビゲーションとは一般的にはグロナビとも呼ばれているね。
ホームページで各ページに設置されるメニューのことだよ。基本的にすべてのページで共通したメニューになっていて主要なコンテンツがまとめられているんだ。ユーザーは見たいページにすぐたどり着けるし、サイト全体の構造がどうなっているかを把握するためにも便利な機能なんだ。

そうなんだ。でもそれならトップページに見せたいページのリンクを置けばいいんじゃないの?

斉藤くんはなにもわかってないね。じゃあメリットを説明するよ!

 

グローバルナビゲーションのメリット

じゃあ具体的にどんなメリットがあるの?

ユーザー向けと検索エンジンに分けて説明するね。

 

【ユーザー向け】求めている情報にたどり着きやすい

ページに流入したユーザーがグロナビ経由でどのページからでも到達できるから利用する上で便利だね。pv数、直帰率の改善も見込めるし、ユーザーからの評価も改善される効果が期待できるよ。

なるほど。全部のページにあることにもメリットがあるのか。

 

【検索エンジン向け】主要なコンテンツを強調できる

グロナビに追加されたコンテンツはTOPページの次に各ページからの内部リンクを集めることになるんだ。これは検索エンジン側に対して主要なコンテンツがどれかを認識させてSEOの効果も期待できるんだよ。

そんな効果があったのか。グロナビには重要な役割があるんだなあ。早速作ってみるよ。ええと。。

 

グローバルナビーションの作り方

じゃあ早速グローバルナビゲーションを作ってみよう!

うん。WordPressでサイト構築しているんだけどグロナビも作れるの?

WordPressならより簡単に作れるよ!じゃあ画面を操作しながら説明しよう。

 

グローバルメニューの編集ページを開く

WordPressにログインして左のメニューの「外観」からメニューを選択するとメニューの編集画面が開かれます。

 

メニュ―が開けたら「新しいメニューを作成しましょう」をクリックすると新しいグロナビが作成できます。

 

下の画面が開かれるのでメニュー名を入力(今回は練習用というメニュー名で進めます。)メニューを作成をクリックします。

 

赤枠内でグロナビに入れるページを選択し、「メニューに追加」をクリックします。

 

下の画像のように追加した項目が表示され、メニュー設定にてナビゲーションを表示させる場所を選択します。

 

設定後下の画像のように各ページに表示されます。

すごい簡単に設定出来たよ!ありがとう!

 

グローバルナビゲーションのコンテンツの選び方の注意点

そんなメリットがあるならもっとたくさんページを追加して。。新しく作ったページも見て欲しいし。

だめだよ!グロナビはたくさんのページを詰め込んでしまうと、効果が充分に発揮されないんだ。

え、そうなの?

 

できるだけ簡潔にメニューを厳選する

大前提グロナビはユーザーにとって使いやすいものでなければならないのに、たくさんのページが入っていたらユーザーも混乱してしまうよ。特にスマホからページを閲覧していている時はグロナビが表示画面を圧迫してしまうんだ。サイトがどんな構造になっているかを分かりやすく伝えるためにも出来るだけメニューのコンテンツを厳選しよう。

たしかにスマホで見たらページが隠れてしまうね。他に気を付けた方が良いところのかな?

そうだね。見て欲しいページを強調することよりも、順番やメニューのワードがわかりやすいか再度確認したほうがいいね。

 

まとめ

グロナビについて理解できたよ!サイト運営者側が見せたいページを選ぶんじゃなくて、ユーザーが目的のページにたどり着きやすいように作るべきなんだね。

そうだね。今回紹介したページ上部に表示させるのかサイドに表示させるのかは効果を測定しつつ選ぶことがオススメだよ。どのページをグロナビに追加すべきかわからない時は、サイトの階層構造を書き出してどのページが重要なのかをりかいするところからはじめよう。

ありがとう!助かったよ!

斉藤えんじはグロナビをサイトに追加し、pv数、直帰率の数値が改善されたのであった。

資料ダウンロード申し込み

この記事をシェアする
Scroll to Top