デザイン会社が発信するLP制作情報メディア

LPのページ内ナビ(アンカーメニュー)とは?向いているLPと項目の選び方、スマホでの置き方

公開日: 更新日:
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では、ページ内ナビがなくても困りません。途中を飛ばされると、伝えたい流れが崩れることもあります。

  • 弁護士事務所のLP制作実績
  • eponoのLP制作実績
  • BLACKBULLのLP制作実績
  • グミサプリのLP制作実績
  • SnoクリアエッセンスのLP制作実績

zoom_in画像クリックで拡大

制作費用はこちら

項目の選び方

ページ内ナビ(アンカーメニュー)の置き方の例。PCはヘッダーに横に並べ、スマホは画面の下に固定する

  • 読む人が探しに行く情報に絞る。たとえば「特徴」「料金」「事例」「よくある質問」
  • 項目の数は、スマホで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から出ていく入口になりません。

縦に長く、料金や事例を探して読む人が多いLPに向いています。項目は探されやすい情報に絞り、PCはヘッダー、スマホはヘッダーやフッターに固定するか、開閉式のメニューに入れます。モールやカートでは、置けない場合もあります。

よくある質問

アンカーメニューとは何ですか。

LPの中の見出しへ、ワンタップ(クリック)で移動できるリンクのメニューです。ページ内ナビ、ページ内リンクとも呼ばれます。縦に長いLPで、料金やよくある質問など、見たい情報にすぐたどり着けるようにします。

LPにメニューを入れると、離脱が増えませんか。

会社のサイトのほかのページへのメニューは、LPから出ていく入口になるので減らします。ページ内ナビは同じLPの中で移動するだけなので、LPから出ていく入口にはなりません。

スマホでは、アンカーメニューをどこに置けばよいですか。

ヘッダーやフッターに固定するか、開閉式のメニューに入れます。項目は1行に収まるくらいに絞り、指で押しやすい大きさにします。申し込みのボタンは、メニューと分けて目立たせます。

アンカーメニューを付ける費用はいくらですか。

LP制作.jpでは、1デバイスあたり+15,000円(税別)です。PCとスマホの両方なら15,000円×2で、別にディレクション費(各種費用の20%)がかかります。

この記事を書いたライター
株式会社Ryuki Design
LP制作に特化したデザイン会社です(LP制作実績)。累計取引社数4,000社以上、累計5,000本以上(2025年は年間600本以上)のLPデザインを手掛けています。
完全内製体制を採用しており、構成作成からデザイン、コーディングまで一貫して対応可能です。各種サーバーへの設置をはじめ、自社ECサイト、楽天市場、Yahoo!ショッピングなどのECモールへの反映にも対応しています。

LP制作.jpへのお問い合わせはこちらから

お電話でも承ります
050-3541-5719

     
    LPアーカイブ
    LP制作.jp