LPのページ内ナビ(アンカーメニュー)とは?向いているLPと項目の選び方、スマホでの置き方
ページ内ナビ(アンカーメニュー)は、縦に長いLPで、読む人が見たい情報にすぐたどり着けるようにするメニューです。この記事では、次の4つをまとめています。
- ページ内ナビとは何か(ほかのメニューとの違い)
- 向いているLPと、項目の選び方
- PCとスマホでの置き方(図)
- モールやカートで作るときの注意
目次
ページ内ナビ(アンカーメニュー)とは
ページ内ナビは、LPの中の見出しへ、ワンタップ(クリック)で移動できるリンクのメニューです。アンカーメニュー、ページ内リンクとも呼ばれます。縦に長いLPでも、読む人が見たい情報にすぐたどり着けるようになります。
| 種類 | 移動する先 | LPでの扱い |
|---|---|---|
| ページ内 ナビ | 同じLPの中の見出し | 長いLPで、探されやすい所に絞って置く |
| グローバル ナビ | 会社のサイトのほかのページ | LPでは減らす。LPから出ていく入口になる |
| パンくず リスト | 上の階層のページ | LPでは、ほとんど使わない |
LPは、1ページで申し込みや問い合わせまで進んでもらうページです。ほかのページへのメニューは減らし、移動するのは同じLPの中だけ、というのがページ内ナビの考え方です。ヘッダー全体の作り方はLPのヘッダーの作り方の記事でまとめています。
ページ内ナビが向いているLP
- 縦に長く、内容が多いLP(サービス、システム、BtoBの商材など)
- 料金、実績、よくある質問など、目的の情報を探して読む人が多いLP
- 比べるために、同じLPを何度か見に来る人がいる商材
反対に、短いLPや、漫画のように上から順に読んでほしいLPでは、ページ内ナビがなくても困りません。途中を飛ばされると、伝えたい流れが崩れることもあります。
項目の選び方

- 読む人が探しに行く情報に絞る。たとえば「特徴」「料金」「事例」「よくある質問」
- 項目の数は、スマホで1行に収まるくらいにする
- メニューの言葉と、移動した先の見出しの言葉をそろえる
- 申し込みのボタンは、メニューの項目と分けて、目立つ色にする
上の図は、架空のサービスのLPの例です。PCではヘッダーに横に並べ、スマホでは画面の下に固定しています。
PCとスマホでの置き方
| 画面 | 置き方 |
|---|---|
| PC | ヘッダーに横に並べる。ヘッダーを固定するなら、高さを抑えて本文を隠しすぎない |
| スマホ | ヘッダーやフッターに固定する、開閉式のメニュー(三本線のボタンで開くメニュー)に入れる、など |
| 共通 | 移動した先の見出しが、固定したヘッダーに隠れないようにする。指で押しやすい大きさと間隔にする |
固定したヘッダーの下に見出しが隠れるときは、CSS の scroll-margin-top で、移動した後の位置を下にずらせます。押しやすい大きさの目安はLPのヘッダーの作り方の記事でまとめています。
モールやカートで作るときの注意
ページ内ナビは、ページの中に移動先の印(id)を付け、そこへリンクする仕組みです。そのため、使えるHTMLが限られるモールやカートでは、置けない場合があります。
LP制作.jpでは、楽天市場はPCのページには設置できますが、スマホのページには設置できません。Yahoo!ショッピングには設置できません。ほかのカートシステムでも、仕様によって設置できない場合があるので、作る前に確かめます。楽天の商品ページの決まりは楽天の商品ページ(LP)の作り方の記事でまとめています。
LP制作.jpに頼む場合
LP制作.jp(株式会社Ryuki Design)は、CVR(成約率)を一番に考えてLPを作る制作会社です。アンカーメニューは、LPの雰囲気に合わせてオリジナルでデザインします。
料金は1デバイスあたり+15,000円(税別)で、PCとスマホの両方に置く場合は15,000円×2です。別にディレクション費(各種費用の20%)がかかります。LPのご相談はこちら:https://rdlp.jp/lp-inquiry
まとめ
ページ内ナビ(アンカーメニュー)は、LPの中の見出しへ移動できるメニューです。ほかのページへのメニューと違い、LPから出ていく入口になりません。
縦に長く、料金や事例を探して読む人が多いLPに向いています。項目は探されやすい情報に絞り、PCはヘッダー、スマホはヘッダーやフッターに固定するか、開閉式のメニューに入れます。モールやカートでは、置けない場合もあります。
よくある質問
- アンカーメニューとは何ですか。
LPの中の見出しへ、ワンタップ(クリック)で移動できるリンクのメニューです。ページ内ナビ、ページ内リンクとも呼ばれます。縦に長いLPで、料金やよくある質問など、見たい情報にすぐたどり着けるようにします。
- LPにメニューを入れると、離脱が増えませんか。
会社のサイトのほかのページへのメニューは、LPから出ていく入口になるので減らします。ページ内ナビは同じLPの中で移動するだけなので、LPから出ていく入口にはなりません。
- スマホでは、アンカーメニューをどこに置けばよいですか。
ヘッダーやフッターに固定するか、開閉式のメニューに入れます。項目は1行に収まるくらいに絞り、指で押しやすい大きさにします。申し込みのボタンは、メニューと分けて目立たせます。
- アンカーメニューを付ける費用はいくらですか。
LP制作.jpでは、1デバイスあたり+15,000円(税別)です。PCとスマホの両方なら15,000円×2で、別にディレクション費(各種費用の20%)がかかります。









へのお問い合わせはこちらから
