企業サイトのフッターは、ページを読み終えた人が次の情報へ進むための案内です。会社情報や問い合わせ先を確認し直す場所としても使われます。何でも詰め込むのではなく、訪問者が最後に探しやすい形で、役割の異なる情報をまとめます。
フッターの役割を決める
主要なページへの移動、会社の基本情報の確認、問い合わせ方法、サイト利用に関わる方針の確認が代表的な役割です。記事やサービスページから直接入った人でも、サイト全体を理解できるようにします。ヘッダーをもう一度探さなくても移動できる案内があると便利です。
会社の住所や連絡先を掲載する場合は、正しい情報の管理元を決めます。ページごとに書き込むと、変更のたびに食い違う可能性があります。フッターにある情報が会社概要や問い合わせページと一致するか確認します。
掲載候補を役割で分類する
| まとまり | 候補となる内容 |
|---|---|
| 事業の案内 | 主なサービス、実績、関連する情報 |
| 会社の案内 | 会社概要、採用、メッセージなど |
| 連絡方法 | 問い合わせページ、利用できる窓口 |
| 方針と補助情報 | プライバシーに関する説明、サイト利用の案内 |
すべてのサイトで同じ項目が必要とは限りません。提供するサービスや扱う情報に応じて確認します。存在しない取り組みや認証の表示を、信頼感を出すために加えてはいけません。必要な説明の範囲が不明なら、内容を確認してから掲載します。
リンク名を分かりやすくする
「こちら」「詳細」だけでは、移動先を区別できません。「会社概要」「お問い合わせ」のように内容が分かる名前を付けます。独自の名称を使う場合は、初めて訪れた人が意味を想像できるか確認します。英字の見出しだけで理解しにくいなら、日本語の補足を加える方法があります。
同じページへの入口を複数置くこと自体は問題ではありませんが、別の名称で違う内容に見せないようにします。外部サイトへ移動するリンクや資料を開くリンクは、必要に応じて行き先の性質が分かる案内を付けます。
設計から確認までの手順
- 実際に存在するページと連絡方法を一覧にする。
- 読み終えた人が探す情報を優先して選ぶ。
- 役割ごとにグループを作り、見出しを付ける。
- 短いページと長いページへ配置して確認する。
- スマホとキーボードで全リンクを試す。
想定例として、サービスページの末尾に問い合わせの案内があり、フッターにも窓口を置く場合を考えます。本文末では相談内容との関係を説明し、フッターではいつでも探せる連絡先として案内します。同じ大きな訴求を重ねすぎず、役割を分けます。
スマホでの並びと操作を点検する
パソコンでは横並びでも、スマホでは長い縦の一覧になります。情報の順序が自然か、文字とリンクの間隔が狭すぎないかを見ます。背景色と文字の組み合わせによって読みづらくならないことも確認します。
開閉式にする場合は、見出しがボタンと分かり、展開した内容へ進めるか試します。重要な連絡先を隠しすぎると見つかりにくくなります。固定表示のボタンとフッターが重なり、最後のリンクを押せなくならないかも点検します。
更新漏れを防ぐ運用
会社情報、連絡先、外部サービスへのリンクは、管理する人と見直すきっかけを決めます。移転や窓口変更の際はフッターだけでなく、会社概要、構造化データ、フォームの案内など関連箇所を確認します。共通データを使える構成なら、複数箇所への直書きを減らします。
リンク切れを見つけたら、見た目だけ削除する前に移動先が変わったか確認します。公開を終了した内容には、代わりの案内が必要か検討します。フッターの変更後は代表ページからリンクをたどり、ヘッダーやパンくずと名称が矛盾していないか確認します。
掲載項目を追加するたびに、本当に共通の場所へ必要かを考えます。特定の記事だけに関係する資料は本文内で案内したほうが分かりやすい場合があります。共通の案内を保つことが、更新の負担を抑えることにもつながります。
よくある質問
ヘッダーと同じリンクを置いてよいですか
読み終わった場所から移動できるため役立ちます。ただし主要な入口と補助情報を整理し、羅列にしないようにします。
住所や電話番号は必ず必要ですか
サイトの目的や案内する窓口によります。掲載する場合は正確さと対応条件を確認し、情報が食い違わないよう管理します。
関連サービスと基礎資料
Webサイト制作の対象範囲もご確認いただけます。
本記事の手順・確認項目は一般的な検討のための提案です。AIを使って草案を作成し、構成・表現の点検を行っています。個別の契約・運用条件は実際の環境に合わせて確認してください。