ホームページの構成はどう決める？小さなお店に必要なページと構成例

ホームページを作ろうと思っても、どんなページが必要で、どの順番で並べればいいのか分からない。とりあえず、ほかのお店のホームページをまねしてみたけれど、しっくりこない。そんな方は多いと思います。

ホームページの構成は、先に「ゴール」を決めると、必要なページと並べる順番が決まります。

この記事では、福井で小さなお店のホームページづくりをお手伝いしている立場から、ホームページの構成の決め方、小さなお店に必要なページ、構成の作り方の手順をまとめました。

ホームページの構成とは？

ホームページの構成は、「どんなページを、どうつなぐか」と「各ページに、何をどの順番で載せるか」の2つです。

ホームページの構成には、2つの意味があります。

	中身	例
サイト全体の構成（サイトマップ）	どんなページがあって、どうつながっているか	トップ・メニュー・アクセス・予約のページ
ページの中の構成	1つのページに、何をどの順番で載せるか	トップページの上から順に、写真・強み・メニュー・アクセス

家づくりにたとえると、サイト全体の構成は「間取り」、ページの中の構成は「部屋ごとの家具の置き方」です。間取りが決まらないまま家具を選び始めると、あとで入らないことがあります。ホームページも、まず全体の構成を決めてから、ページの中身を考えましょう。

ホームページの構成を決める前に決めること

構成を考える前に、「ゴール」「目的」「読む人」の3つを決めます。いちばん大切なのは、ホームページを見た人に最後に何をしてほしいか（ゴール）です。

UpCoreでホームページをお手伝いするときも、最初にお聞きするのはゴールと目標です。

ゴールが決まると、「予約のボタンをどこに置くか」「予約の前に何を知ってもらう必要があるか」が見えてきます。ゴールの考え方は、ホームページの集客の記事でもくわしく書いています。

小さなお店のホームページに必要なページ

小さなお店なら、トップ・お店について・メニュー・アクセス・予約や問い合わせの5つがあれば、まずは十分です。

ページ	載せること	必要度
トップ	何のお店か、強み、各ページへの入口	必ずいる
お店について（こだわり）	お店の想い、作り手の紹介、こだわり	必ずいる
メニュー・商品・サービス	内容と料金、写真	必ずいる
アクセス・営業時間	住所、地図、駐車場、営業時間、定休日	必ずいる
予約・問い合わせ	予約フォーム、電話、LINE	必ずいる
よくある質問	お客様からよく聞かれること	あるとよい
お知らせ・ブログ	新商品、営業日の変更、お役立ち情報	あるとよい
お客様の声・実績	感想、事例	あるとよい

最初から全部をそろえる必要はありません。「必ずいる」ページから作って、あとから足していきましょう。

UpCoreのホームページの構成

例として、UpCoreのホームページの構成を紹介します。UpCoreのホームページは、ゴールを「LINE登録」に決めています。

• トップ：UpCoreが何をしているかと、LINEへの入口
• サービス紹介：ホームページ・LINEなど、サービスごとのページ
• ブログ：お店の方が検索しそうな悩みに答える記事
• 会社概要・プライバシーポリシー・特定商取引法に基づく表記

どのページを見ても、最後にLINEへ進めるようにしています。ページの数より、「どのページからもゴールに進める」ことを大切にしています。

業種別のホームページの構成例

業種によって、お客様が知りたいことは違います。いちばん知りたいことを、トップページの近くに置きましょう。

業種	ページの例	お客様がいちばん知りたいこと
飲食店	トップ／メニュー／お店について／アクセス／予約	メニューと雰囲気、予約できるか
美容室・サロン	トップ／メニュー・料金／スタッフ／スタイル写真／予約	料金と、どんな仕上がりになるか
物販のお店	トップ／商品／こだわり／アクセス／ネットショップ	どんな商品があるか、どこで買えるか
教室・サービス	トップ／コース・料金／講師紹介／よくある質問／体験の申し込み	料金と、自分に合うか

ほかのお店のホームページを参考にするときは、見た目ではなく「どんなページがあって、何を先に見せているか」を見てみましょう。

トップページの構成

トップページは、上から「何のお店か → 強み → メニュー → お客様の声 → アクセス → 予約や問い合わせ」の順に並べるのが基本です。

いちばん見られるのは、ページを開いて最初に見える部分です。ここで「何のお店か」が伝わらないと、下まで読んでもらえません。予約や問い合わせのボタンは、いちばん下だけでなく、途中や画面の上にも置いておくと、読む途中で決めた人もすぐに進めます。

ホームページの構成の作り方の手順

構成は、「ゴールを書き出す → 載せたいことを全部書き出す → ページに分ける → 各ページの見出しを決める → スマホで確かめる」の順で作ります。

1. ゴールと目標を書き出す

最初に決めたゴール（予約・問い合わせ・LINE登録など）と目標を、紙の一番上に書いておきます。迷ったときは、ここに戻って考えます。

2. 載せたいことを全部書き出す

商品やサービスの内容、料金、こだわり、よく聞かれる質問など、載せたいことを全部書き出します。UpCoreでも、この段階で商品やサービスの詳細をリストアップし、手元の写真（画像）を整理しています。どんな写真があるかで、作れるページや見せ方が変わるからです。

3. ページに分ける

書き出したものを、「メニュー」「お店について」「アクセス」のように、まとまりごとにページに分けます。1つのページに入れすぎないようにしましょう。

4. 各ページの見出しを決める

ページごとに、上から順に見出しを並べます。お客様が知りたい順番（何のお店か → 内容 → 料金 → 予約）を意識すると、迷わず読み進めてもらえます。

5. スマホで見る順番を確かめる

小さなお店のホームページは、多くの方がスマホで見ます。スマホでは横に並べたものが縦に並ぶので、上から順に読んだときに、自然な流れになっているかを確かめましょう。

構成を書き出す道具は、紙でも、スプレッドシートでも、スマホのメモでも大丈夫です。UpCoreでも、お客様が分かりやすい方法で説明しながら一緒に作っています。

ホームページの構成でよくある失敗

よくある失敗は、ページを増やしすぎること、ゴールのボタンがないこと、スマホで長すぎることです。

ホームページの構成でよくある質問

何ページあればいいですか？

小さなお店なら、トップ・お店について・メニュー・アクセス・予約や問い合わせの5ページくらいで十分です。ページの数より、ゴールまで迷わず進めることが大切です。

1ページだけでもいいですか？

載せることが少ないうちは、1ページにまとめる形（ランディングページのような形）でも大丈夫です。お知らせや商品が増えてきたら、ページを分けていきましょう。無料で自分で作るか、頼むかの考え方は、こちらにまとめています。

自分で作るときも、構成は考えたほうがいいですか？

無料のツールで自分で作るときも、先に構成を決めておくと、途中で迷わずに作れます。テンプレートを選ぶときも、自分の構成に合うものを選べます。

頼むとき、構成も考えてもらえますか？

制作を頼む場合、構成は一緒に考えてもらえることが多いです。ただ、お店のゴールや強みは、お店の方にしか分かりません。ゴール・目標・載せたいこと・手元の写真を準備しておくと、打合せがスムーズに進みます。頼み先の選び方は、こちらにまとめています。

まとめ｜ゴールを決めてから、必要なページを並べる

ホームページの構成は、先にゴールを決めると、必要なページと並べる順番が決まります。最初から全部をそろえず、必要なページから始めて、育てていきましょう。

構成が決まったら、作るときにかかる費用の目安もあわせてご覧ください。

「何を載せればいいか分からない」「ゴールから一緒に考えてほしい」という方は、LINEからお気軽にご相談ください。ゴールや目標の整理から、写真や商品の整理、構成づくりまでお手伝いします。