このページでは、「ナビゲーション(グローバルメニュー)」の表示/非表示を切り替える方法と、編集方法を紹介します。
また、「ナビゲーション(グローバルメニュー)」はサイト共通部分としてそれぞれ設定することも可能ですので、併せて紹介します。
ここでは、ferret Oneの機能(共通エリアのナビと編集画面でのナビ)の説明となります。
ferret Oneの機能を利用せず、共通パーツやセクションで作成しているナビについては、各パーツのヘルプページをご覧ください。
- 共通パーツについて
>共通パーツ(CTA)を作成・設置する方法 - セクションについて
>セクション・行・カラム・パーツを追加/削除する方法 - リッチテキストを使用している場合
>【機能詳細】ページ編集(LP編集)/デザインパーツ リッチテキストパーツ - リンクリストを使用している場合
>【機能詳細】ページ編集(LP編集)/デザインパーツ リンクリストパーツ
目次
ナビゲーション(グローバルメニュー)とは
サイトの上部に表示され、サイト内の構造を端的に表すための目次の役割を担っています。
サイトに訪れたユーザーをサイト内の主要コンテンツに案内するだけでなく、検索エンジンに対してもサイト構造を伝える、非常に重要な項目です。
グローバルメニューに表示する項目は、慎重に選定するようにしましょう。
※ナビゲーションは、グローバルメニュー、グロナビなどとも言います。
【ナビゲーション(グローバルメニュー)のPC表示例】
【ナビゲーション(グローバルメニュー)のモバイル表示例】
ナビゲーションの内容を追加・変更する方法
管理画面左メニュー > サイト > ページ一覧 をクリックします。
①ナビゲーションに表示したいページを、ページ一覧からクリックして選択します。
②ナビゲーションに表示するには、対象ページが公開状態になっている必要があります。
非公開になってい場合は公開状態に切り替えます。
③「グローバルメニューに表示する」にチェックを入れて保存してください。
非表示にしたい場合はチェックを外してください。
※ナビゲーションに表示される項目名は、各ページの「ページ名」となります。
ナビゲーションには、第1階層のページを8つまで表示することができます。
第2階層以降のページにも上記の方法を適用することで、ナビゲーションを階層表示することも可能です。
但し、複雑な構成のナビゲーションは、サイトの利便性を損なうだけでなく、SEOの評価にも影響をおよぼす可能性があります。主要コンテンツをできるだけ厳選するように心掛けてください。
※第4階層以降は、第3階層と同列に表示されます。
※モバイルは階層表示に対応していません。
【ナビゲーションに表示するページ階層例】
最大表示個数を6から8に変更する方法
サイト > 共通エリア一覧 > 共通ナビの編集画面より変更が可能です。
編集画面左メニュー レイアウト設定 > ナビゲーションの最大メニュー数
ナビゲーションの最大表示個数は、「6~8」のいずれかを設定できます。
※例えば、「グローバルメニューに表示する」ページを8ページ選択していても、
レイアウト設定で最大表示数を「6」に設定している場合は、6ページ分しか表示されないので、ご注意ください。
※ナビゲーションの段数変更についてはこちらをご確認ください。
>ロゴを設定・編集する方法
※キャプチャは旧契約画面になります
ナビゲーションの並びを変更する方法
ナビゲーションにはページ一覧の上から順に表示されます。サイト > ページ一覧 で順序を変えることでナビゲーションの並び順を変えることができます。並び順は、ドラッグアンドドロップで移動できます。
<公開ページのナビゲーション例>
<ページ一覧での並び順>
ナビゲーションを固定する方法
サイト > 共通エリア一覧 > 共通ナビ または 各編集画面の「ナビゲーションをカスタマイズ」から「位置を固定する」をチェックします。
※キャプチャは旧契約画面になります
<完成イメージ>
表示/非表示を切り替える方法
1. サイト > ページ一覧 から該当ページを選択し、「ページ編集」をクリックします。
2. 「このページの基本設定」から「ナビゲーションを表示」をクリックしてON・OFFを切り替えます。
※キャプチャは旧契約画面になります
作成済の共通ナビをページに適用する方法
1. サイト > ページ一覧 から、共通ナビを反映させたいページを選択します。
2. 「ページ設定」の「共通エリアの使用」で「共通ナビを使用する」にチェックを入れて保存します。
■共通ナビの詳細についてはこちら
>【画面説明】サイト/共通エリア一覧 共通ナビ
共通エリアから編集する場合
※共通エリアから編集すると、共通ナビを適用している全てのページに反映されますのでご注意ください。
1. サイト > 共通エリア一覧 から選択し、「要素名:共通ナビ」または「編集」をクリックします。
2.共通エリア編集画面で、ナビゲーションの編集を実施します。
※キャプチャは旧契約画面になります
ナビゲーションの「パーツ配置エリア」には一部のパーツしか配置できません。配置可能なパーツは以下の5つです
- テキスト
- リッチテキスト
- ボタン
- イメージ
- 検索
ページ編集画面から編集する場合
※共通ナビを適用していないページ独自のナビゲーション編集方法です。
※グローバルメニューは、1つのサイトにつき1つしか作成できないため、ページ毎にリンクメニューを変更することはできません。
1. サイト > ページ一覧 から該当ページを選択し、「ページ編集」をクリックします。
2.ページ編集画面で、ナビゲーションの編集を実施します。
※キャプチャは旧契約画面になります
ナビゲーションの「パーツ配置エリア」には一部のパーツしか配置できません。配置可能なパーツは以下の5つです
- テキスト
- リッチテキスト
- ボタン
- イメージ
- 検索
フォントを変更する方法
ナビゲーション(グローバルメニュー)のフォントは、下記いずれかにて変更できます。
- サイト > 共通エリア一覧 > 共通ナビ
- サイト > ページ一覧 の ページ編集
※サイトにテーマのデザインを適用している場合、一部の機能がうまく変化しない場合があります。
①共通ナビ または 各編集画面から遷移し「ナビゲーションをカスタマイズ」をクリックすると、右側に、「ナビゲーションをカスタマイズ」という小窓が出てきます。
※キャプチャは旧契約画面になります
②「フォント選択」をクリックします。
※キャプチャは旧契約画面になります
③フォントを選択します。
④太さが指定できるフォントは、太さが選択できます。
⑤フォントが変更されているのを確認し「保存」します。
⑥「更新する」をクリックすると、公開ページに反映されます。
※フォント選択で選択できるフォントは以下です。
- 標準
- ゴシック
- Times New Roman
- Arial
- sans-selif
- Georgia
- Verdana
- helvetica
- A1明朝
- UD新ゴ
- UD新丸ゴ
- UD黎ミン
- ゴシックMB101
- じゅん201
- すずむし
- はるひ学園
- フォーク
- リュウミン
- 解ミン宙
- 丸フォーク
- 見出ゴMB31
- 見出ミンMA31
- 新ゴ
- 新丸ゴ
- 中ゴシックBBB
- 黎ミン
カテゴリを表示する方法
各ページやブログ記事に、あらかじめカテゴリを設定してください。
■ページにカテゴリを設定する方法はこちら
>【画面説明】設定/タグ・カテゴリ管理 カテゴリ一覧
■ブログ記事にカテゴリを設定する方法はこちら
>【画面説明】ブログ/通常作成 一覧
ナビゲーションに項目を表示するにはページが存在している必要があるため、ナビゲーションに表示するための空のページを作成し、カテゴリへリダイレクトさせる方法となります。
①管理画面左メニュー > サイト > ページ一覧 をクリックします。
②ナビゲーションに表示するための空のページを作成します。
③ナビゲーションに表示される項目名は、ページ名となります。
カテゴリ名などの任意の文言に変更してください。
④ナビゲーションに表示するには、対象ページが公開状態になっている必要があります。
非公開になっている場合は公開状態に切り替えます。
⑤「グローバルメニューに表示する」にチェックを入れます。
⑥「リダイレクトURLの使用」にチェックを入れ、カテゴリのスラッグを含むURLを入力してください。
カテゴリのURLは下記の形式となります。
http(s)://ホームページURL/__/categories/スラッグ
(例)弊社サイトでカテゴリ「戦略」、スラッグ「strategy」に該当するページの場合
https://webmarketing.hmup.jp/__/categories/strategy
※ナビゲーションにはページ一覧の上から順に表示されます。
⑦作成した空のページが検索サイトの結果に表示されないよう、SEO設定のNOINDEXにチェックを入れて保存してください。
各見出しへのリンクを表示する方法
ナビゲーションに項目を表示するにはページが存在している必要があるため、ナビゲーションに表示するための空のページを作成し、見出しへリダイレクトさせる方法となります。
①管理画面左メニュー > サイト > ページ一覧 をクリックします。
②ナビゲーションに表示するための空のページを作成します。
③ナビゲーションに表示される項目名は、ページ名となります。
任意の文言に変更してください。
④ナビゲーションに表示するには、対象ページが公開状態になっている必要があります。
非公開になっている場合は公開状態に切り替えます。
⑤「グローバルメニューに表示する」にチェックを入れます。
⑥「リダイレクトURLの使用」にチェックを入れ、
リンク先に設定したい見出しのIDを確認し、ページURLの末尾に「#見出しID」をつけたURLを「リダイレクトURL」に入力します。
例:https://subdomain9999.hmup.jp/seminar202201#first
※ナビゲーションにはページ一覧の上から順に表示されます。
⑦作成した空のページが検索サイトの結果に表示されないよう、SEO設定のNOINDEXにチェックを入れて保存してください。
■見出しへのリンク設定についての詳細はこちら
>Q.別ページの見出しへリンクさせることはできますか?
別サイトへのリンクを表示する方法
ナビゲーションに項目を表示するにはページが存在している必要があるため、ナビゲーションに表示するための空のページを作成し、別サイトへリダイレクトさせる方法となります。
但し、ナビゲーションはサイト内のコンテンツを案内するための項目であるため、ナビゲーションに別サイトへのリンクを表示する本来の用途から外れた使用は、SEOでのサイト評価が下がる可能性がありますのでご注意ください。
※最後のご確認は、プレビュー画面では表示されない仕様ですのでご注意ください。
<サブドメイン・独自ドメインでferret Oneを運用している場合>
①管理画面左メニュー > サイト編集 > ページ一覧 をクリックします。
②ナビゲーションに表示するための空のページを作成します。
③ナビゲーションに表示される項目名は、ページ名となります。
任意の文言に変更してください。
④ナビゲーションに表示するには、対象ページが公開状態になっている必要があります。
非公開になっている場合は公開状態に切り替えます。
⑥「グローバルメニューに表示する」にチェックを入れます。
⑥「リダイレクトURLの使用」にチェックを入れ、別サイトのURLを入力してください。
※ナビゲーションにはページ一覧の上から順に表示されます。
⑦作成した空のページが検索サイトの結果に表示されないよう、SEO設定のNOINDEXにチェックを入れて保存してください。
以上で、ナビゲーション(グローバルメニュー)の表示項目を変更する方法は完了です。
ナビゲーションを上手に活用して、サイトの回遊に役立ててください。
<ディレクトリ配下でferret Oneを運用している場合>
「ページのURL」の項目をディレクトリ名も含むURLに変更ください。
下層ページをプルダウン表示させる方法
ナビゲーションは、カーソルを合わせるとプルダウンで下層ページを表示させることができます。
ナビゲーションは、第3階層までとなっており、第4階層以降のページは、第3階層と同列に表示されます。
ナビゲーションの階層構造は、ページ一覧と連動しています。
1.ページ一覧で階層を構成する
サイト編集 > ページ一覧 で、各ページをドラッグアンドドロップで移動させ、階層を構成してください。
2.ナビゲーション(グローバルメニュー)に設定する
ナビゲーション上に表示させたいページの「グローバルメニューに設定する」にチェックを入れます。
3.ページを公開する
グローバルメニュー上に表示させたいページの「公開」をクリックします。
※ページが非公開のままでは表示されませんのでご注意ください
よくある質問
Q.第1階層と第2階層のリンク先を同じページにできますか?
A.はい、できます。
第1階層のリダイレクト設定で、第2階層のページに遷移させることで、リンク先を同じページにすることが可能です。
<例>
Q.第2階層がある場合に第1階層のリンクをなくすことはできますか?
A.はい、できます。(※リンクを無効にするということではありませんのでご注意ください。)
第1階層をリダイレクト設定で、第2階層のページに遷移させることで、第1階層のページへのリンクをなくすことができます。
例として、ferret Oneサイトのナビゲーション、第1階層の「お役立ち資料」は、リダイレクト設定で第2階層の「お役立ち資料」のページが表示されるようになっています。
ferret Oneサイト:https://ferret-one.com/
Q.一つのサイトで複数のナビゲーションを設定できますか?
A.いいえ、できません。
一つのアカウントに対してのナビゲーション(グローバルメニュー)の数は一つです。
なお、ナビゲーション(グローバルメニュー)の項目の上限表示数は最大で8つまでになります。
Q.ナビゲーションの幅を均一にしたいのですが、可能でしょうか?
A.いいえ、できません。
ferret Oneのナビゲーション(グローバルメニュー)は現状、文字数に影響する仕様となっております。
※文字数によっては、下記画像のようにナビゲーションが2段になることもあるので、文字数の調整をするようお願いいたします。
Q.ナビゲーションの並び順を変更したのに公開ページに反映されません。
A.キャッシュが原因の可能性があります。
ブラウザのキャッシュを含め、ferret Oneでは表示速度向上のため様々なところにキャッシュを保持しています。ナビゲーションの並び順が公開ページに反映されない場合は以下の方法でキャッシュの更新をお試しください。
- ブラウザのキャッシュクリア
- ferret One管理画面「基本設定」からキャッシュクリア
■基本設定についての詳細はこちら
>【画面説明】設定/基本設定 基本情報 - 共通ナビの編集画面で「更新する」ボタン押してキャッシュを更新
■共通ナビについての詳細はこちら
>【画面説明】サイト/共通エリア一覧 共通ナビ - 共通ナビが使用されているページ編集画面で「更新する」ボタン押してキャッシュを更新
■ページ編集画面についての詳細はこちら
>【画面説明】サイト/ページ編集