フッター
概要と構成要素
Web ページの最下部に配置される全ページ共通のエリアのこと。
サイト名、ロゴ、運営者情報、著作権表示(コピーライト)、サイトマップ(フッターナビ)、お問い合わせ導線、SNS リンクなどを配置する。HTML 上では <footer> 要素で囲うのが標準であり、ページの終わりを示す視覚的な区切り(アンカー)としても機能する。
現場の核心:「次の一手」の提示と信頼性の担保
フッター設計における最大の勘所は、「記事やコンテンツを最後まで読み終えたユーザーに対し、最適な『次の一手』を提示する」ということ。
ページを一番下までスクロールした(読了した)直後のユーザーは、情報への理解が深まり行動意欲が一段階上がっている。そのため、フッターエリアに設置されたお問い合わせボタンや資料請求の CTA(Call to Action)、主要な関連ページリンクは、非常にコンバージョン(CV)につながりやすいという特性を持つ。
同時に、企業情報、特定商取引法(特商法)に基づく表記、プライバシーポリシー、利用規約といった、企業の誠実さを示すコンプライアンス情報の集約場所としても極めて重要である。
実務における設計思想と UI/UX のコントロール
アクセス解析(GA4 等)を見ると、フッターへの到達率は意外なほど高い。CVR(コンバージョン率)改善の効果が出やすい領域であるため、実務では以下の設計を意識する。
- スマホ表示の最適化(モバイル UI):PC 用の大量のリンク列をスマホでそのまま縦一列に並べると画面が長くなりすぎる。スマホ表示時は主要カテゴリだけを表示し、詳細はタップで開閉する「アコーディオンメニュー」にするなどの配慮が不可欠。
- SEO 的制約(過剰リンクの禁止):かつての SEO の悪習である「検索キーワードを含んだ内部リンクをフッターに何十個も詰め込む行為」は、現代の Google からはスパムポリシー違反(ユーザー無視の低品質な実装)とみなされ、サイト全体の評価を落とすリスクがある。あくまで「ユーザーが迷わないための動線」として設計する。
やってはいけない「現場の落とし穴」と防衛策
- 単なる「メニュー表 + コピーライト」での放置:フッターを単に文字リンクと著作権表記だけを並べた「飾り」として終わらせてしまい、目立つお問い合わせボタンや資料請求といった CV 動線を一切仕込まない。※読了者という「極めて質が高く、熱量のあるユーザー層」の受け皿(次の行動の選択肢)を必ず用意すること。
- 情報の陳腐化(コピーライトの年号放置):西暦(例:© 2020-2025)の更新が止まったまま放置され、ユーザーや取引先に「この会社は Web サイトの運用をサボっている(潰れた会社か?)」という不要な不信感を与えてしまう。(※現代の実務では JavaScript 等で自動的に今年の西暦が表示されるよう実装しておくのが防衛策となる)。
言葉をよく利用する人
- Web 担当者(発注側)
- デザイナー
- コーダー / フロントエンドエンジニア
- 法務 / 契約担当
会話上での使用例
フッターの役割を、マーケターとWeb担当者で見直す場面
-
マーケター
フッターって、情報をまとめておくだけで十分なんでしょうか。
-
Web担当者
フッターまで読み進めた方は読了率が高くて行動意欲も上がっているので、お問い合わせのボタンや関連ページのリンクといったコンバージョン動線も仕込んでおきたいです。意外と効く場所なんですよ。
-
マーケター
読み終えた人ほど次に動きやすい、ということですね。
特商法表記の置き場所を、法務とWeb担当者で整える場面
-
法務
特定商取引法の表記、どこに置くのが適切ですか。
-
Web担当者
フッターのリンクからたどれるようにしておきます。プライバシーポリシー、利用規約、運営者情報と合わせて四点セットで整備すれば、全ページから到達できて漏れもなくなります。
-
法務
まとめて配置してもらえると確認も楽です、お願いします。