ホームページの構成の考え方|迷わせないサイトマップ設計5つのコツ

VALUE CONNECTION

「ホームページはあるのに、問い合わせが来ない」
「ページを足してきたら、どこに何があるのか自分でも分からなくなった」
「リニューアルしたいけれど、何ページ作ればいいのか分からない」

こうした悩みは、デザインや文章よりも手前のサイト構成(サイトマップ)に原因があることが少なくありません。

この記事では、専門知識がない方にも分かるようにホームページの構成の考え方を整理します。読み終えるころには、自社サイトのどこから直せばよいかが見えてくるはずです。

Contents

サイトマップ(サイト構成)とは?ホームページの「設計図」

サイトマップとは、ホームページにどんなページがあり、それぞれがどうつながっているかを一覧にした設計図です。

家でいえば間取り図にあたります。間取りが悪い家は住みにくいのと同じで、構成が整理されていないサイトでは訪問者が迷い、途中で離れてしまいやすくなります。

なお「サイトマップ」という言葉には2つの意味があります。

  • 設計用のサイトマップ:制作前にページ構成を決めるための図や一覧(この記事のテーマです)
  • XMLサイトマップ:Googleなどの検索エンジンに、サイト内のページを知らせるためのファイル

XMLサイトマップはSEO(検索結果で見つけてもらいやすくするための工夫)の一つです。送信方法や扱いは変わることがあるため、Google Search Centralなどの公式情報で最新をご確認ください。

ホームページの構成は「訪問者の目的」から逆算して考える

よくある失敗は、「会社案内・事業内容・お知らせ…」と、自社が載せたい情報から順に並べてしまうことです。

大切なのは、訪問者が何を知りたくてサイトに来るのかから考えることです。

ステップ1:訪問者の目的を書き出す

どんな人が、何を確かめに来るのかを書き出してみましょう。たとえば美容室や歯科医院なら、次のような目的が考えられます。

訪問者の目的 必要なページの例
どんなお店・医院か知りたい コンセプト、スタッフ紹介
料金が知りたい メニュー・料金表
自分に合うか判断したい 施術事例、よくある質問
行き方を確認したい アクセス・営業時間
予約・相談したい 予約・お問い合わせ

ステップ2:目的ごとにページを割り当てる

目的ごとにページを割り当てていくと、足りないページや余分なページが見えてきます。どの目的にも当てはまらないページは、ほかのページへの統合や削除を考えてよいでしょう。

企業サイトでよく必要になるページは、コーポレートサイトに必要なページ構成の解説も参考にしてください。

階層は深くしすぎない|少ないクリックで目的のページへ

階層とは、トップページから目的のページまで何段階たどるかという「深さ」のことです。

階層が深いと「どこにあるの?」と迷われやすくなります。中小企業や店舗のサイトなら、トップページから2〜3クリック程度で主要な情報にたどり着ける形がひとつの目安です。

  • 第1階層:トップページ
  • 第2階層:サービス、料金、会社概要、お問い合わせなど
  • 第3階層:サービスごとの詳細ページ、事例の個別ページなど

「トップ > サービス > ○○」のように今いる場所を示すパンくずリストを置くと、訪問者にも検索エンジンにもサイトの構造が伝わりやすくなります。

グローバルナビは「よく見られるページ」に絞る

グローバルナビとは、どのページにも共通して表示される上部のメニューのことで、サイトの案内板にあたります。

ここに項目を詰め込みすぎると、かえって選びにくくなります。5〜7個程度を目安に、訪問者がよく見るページを優先しましょう。

  • メニューに載せる候補:サービス、料金、事例、会社概要(店舗情報)、お問い合わせ
  • フッター(ページ最下部)に回す候補:プライバシーポリシー、採用情報、過去のお知らせ

スマートフォンではメニューが「≡」アイコンの中に隠れることが多いため、問い合わせボタンや電話ボタンは別に目立つ場所へ置くと安心です。画面の大きさに合わせて表示が切り替わる作り(レスポンシブ対応)にしておくことも前提になります。

「うちのサイト、構成から見直したほうがいい?」と迷ったら
VALUE CONNECTIONでは、今のホームページを拝見して、ページ構成や導線の改善点を無料でご相談いただけます。まずはVALUE CONNECTIONのトップページから、お気軽にご覧ください。

問い合わせまでの導線を設計する

導線とは、訪問者が情報を読んでから問い合わせや予約をするまでの「通り道」のことです。構成を考えるときに、この通り道もあわせて設計しておきましょう。

各ページの最後に「次にとってほしい行動」を置く

サービスや事例のページを読み終えた人が行き止まりにならないように、ページの下に問い合わせボタンや関連ページへのリンクを置きます。

問い合わせの方法と、連絡しやすさを見直す

  • 電話・フォームなど、お客様に合った連絡方法を用意する
  • 「無料相談」「見積もりだけでもOK」など、気軽に連絡できることを伝える
  • フォームの入力項目は必要なものだけにする

フォームの見直し方は、問い合わせフォームの反応を上げるコツで詳しく紹介しています。

まとめ|構成を整えて「伝わる」ホームページへ

  • サイトマップはサイトの設計図。まずはページ全体を一覧にする
  • 自社が載せたい情報ではなく、訪問者の目的から逆算してページを決める
  • 階層は浅くして、主要なページへ少ないクリックで届くようにする
  • グローバルナビはよく見られる項目に絞る
  • どのページからでも問い合わせへ進めるようにする

デザインを変える前に構成を見直すだけでも、「伝わらない」「反応がない」状態が良くなることはよくあります。

ホームページの構成・リニューアルのご相談はVALUE CONNECTIONへ
株式会社VALUE CONNECTIONは大阪・梅田(大阪駅前第3ビル)を拠点に、全国からのご相談にもオンラインで対応しています。ホームページ制作に加え、MEO対策(Googleマップで見つけてもらいやすくする取り組み)、SNS運用、印刷物まで、制作と集客をまとめてお手伝いします。

「何から手をつければいいか分からない」という段階でも大丈夫です。
お電話(050-3131-8839)か、本サイトのお問い合わせフォームから、お気軽に無料相談をご利用ください。

関連記事

  1. 「ホームページを作ったのに売上が増えない」を変える、見直すべき5つのポ…

  2. News.NextLinkという自社メディアサイトの運営も行っておりま…

  3. VALUE CONNECTION

    美容室・サロンのホームページ作り方|予約につながる必須ページ5選と導線…

  4. 月額700円でモバイル端末が3回線分も保証!

    月700円で入れるノートPC・スマホ・タブレット用のモバイル端末保険【…

  5. VALUE CONNECTION

    店舗のInstagram活用|ホームページとの役割分担で集客の流れを仕…

  6. VALUE CONNECTION

    ホームページ制作を依頼する前に準備したい5つのこと|失敗を防ぐチェック…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。