ホームページに何を載せる？2つの制作実例から分かった準備の5項目

ただし、同じ5項目でも、商品を選ぶサイトと、地域のサービスへ相談するサイトでは、見せる順番と必要な情報が変わります。AI導入サポートが受託制作した2サイトを例に、実際に何を載せたのか、何を先に決めると制作を進めやすいのかを紹介します。あわせて、制作で整理できること、事業説明に使う場合の価値、新規事業・イベント用ページの考え方、現在案内できる納期も分けて説明します。

この記事が向いている人

• 初めてホームページ制作を依頼する
• 原稿や写真をどこまで準備すればよいか分からない
• 自分の業種では、何を掲載すべきか整理したい
• 制作会社へ相談する前に、手元の情報を確認したい

先に決めたいのは「読んだ人に何をしてほしいか」

掲載項目を増やす前に、ホームページを見た人に取ってほしい主な行動を一つ決めます。

たとえば、次の行動は似ているようで、必要な情報が異なります。

• 商品の仕様を選び、注文内容を確認する
• 写真を送って、見積もりを相談する
• 電話で空き状況を確認する
• 料金と制作範囲を見て、ホームページ制作を相談する

主な行動が決まると、その直前に必要な判断材料を逆算できます。ページの見た目から決めるよりも、「読んだ人が何を確認して、次へ進むか」から考える方が、掲載内容を整理しやすくなります。

ホームページ制作で得られるのは、ページだけではない

ホームページは、作って置くだけで信用や売上が自動的に増えるものではありません。一方で、事業情報を整理し、相手が自分のタイミングで確認できる場所を持つことには、次の実務上の利点があります。

「名刺代わり」というより、名刺を渡した後に詳しく見てもらう事業案内に近い役割です。取引先から見た信用も、ホームページの有無だけで決まるものではありません。会社・運営者情報、実例、料金・条件、連絡方法が現在の事実と合い、確認しやすくまとまっていることが判断材料になります。

制作する側にも利点があります。頭の中にある事業情報をページへ出す過程で、誰に何を提供するのか、料金や対象外をどう説明するのか、どの実例を公開できるのか、どこから相談してほしいのか、まだ決まっていないことは何かを整理できます。

実例1：商品を選び、仕上がりを確認するサイト

1件目は、贈り物や記念品向けのオリジナルラベル付きワインを扱うサイトです。

このサイトでは、商品説明だけでなく、次の判断を同じ流れで進められるようにしました。

1. ラベルの柄を選ぶ
2. 掲載する文字と書体を選ぶ
3. 完成イメージを画面で確認する
4. 用途、本数ごとの料金、送料、オプションを確認する
5. 注文内容の確認またはLINE・見積依頼へ進む

商品写真を置くだけでは、オリジナルラベルの完成像は伝わりません。そこで、「何を選べるか」と「選ぶとどう見えるか」を同じ画面で確認できる構成にしています。

オリジナルラベル制作サイトを見る

実例2：料金・作業・担当者を確認して相談するサイト

2件目は、千葉県の清掃事業者のサイトです。

清掃サービスでは、完成品をその場で選ぶのではなく、依頼する前の不確実さを減らす情報が必要でした。

• 代表的な清掃メニューと料金
• 追加作業や対応エリアの条件
• 清掃前後の写真
• 担当スタッフの情報
• 依頼の流れとよくある質問
• 写真を送れるLINE、電話、フォーム

相談方法も一つに限定せず、写真を見せて相談したい人、電話で確認したい人、フォームで文章を送りたい人が選べるようにしています。

清掃サービスサイトを見る

2つのサイトで、掲載内容はどう変わったか

同じテンプレートへ会社名と写真だけを入れ替えると、この違いを扱いにくくなります。商品サイトでは「選んだ内容を確かめること」、サービスサイトでは「料金・作業・担当者を確かめること」が、相談前の主要な判断材料でした。

制作前に準備する5項目

1. 事業・商品・サービスの内容

最初に、何を誰へ提供しているのかを整理します。

• 主な商品・サービス
• 対象となるお客様
• 対応地域や提供方法
• 対応できること、対応しないこと
• 依頼から提供までのおおまかな流れ

文章として完成していなくても、箇条書きや既存のチラシ、SNS、見積書などがあれば整理できます。AIを使う場合も、元になる事実が必要です。

2. 料金と条件

料金を公開するかどうかにかかわらず、制作側では条件を把握する必要があります。

• 基本料金または代表的な料金例
• 追加費用が発生する条件
• 送料、外部サービス料、維持費などの別費用
• 対応地域、数量、納期などの条件
• 料金が未確定の場合、何を確認して見積もるか

料金が決まっていない箇所を、AIや制作側が推測して埋めることはできません。「要見積もり」とする場合も、何を伝えれば見積もれるかを示すと、相談しやすくなります。

ホームページ制作そのものの費用項目は、個人事業主のホームページ制作費用ガイドで分けて説明しています。

3. 見本・写真・確認材料

写真は枚数よりも、どの疑問に答えるかで分けます。

• 商品や完成イメージを確かめる写真
• 作業前後や工程を確かめる写真
• 担当者や事業の雰囲気を確かめる写真
• 店舗、設備、対応範囲を確かめる写真
• サイズ、色、仕様の違いを確かめる図や見本

用意できない写真は、掲載しない選択もできます。フリー素材やAI生成画像を使う場合は、実際の商品の写真・実績と誤認されない使い方が必要です。顧客、スタッフ、建物、ロゴなどが写る場合は、掲載許可も確認します。

4. 相談・注文方法

お問い合わせフォームを置くだけでは、相談の流れは完成しません。

• 電話、メール、LINE、フォームのどれを使うか
• 写真や資料の添付が必要か
• 相談時に必ず確認したい項目は何か
• 送信後、誰がどの方法で返信するか
• 申込み、見積相談、一般質問を分けるか

ラベル制作サイトでは、選んだ内容の確認とLINE・見積依頼を用意しました。清掃サイトでは、現場写真を送りやすいLINE、電話、フォームを選べるようにしました。事業者が実際に対応できる方法だけを掲載します。

5. よくある質問

FAQは、ページを長くするための項目ではありません。相談前に繰り返し聞かれることと、誤解されやすい条件を整理します。

• 料金に含まれる範囲
• 追加料金が発生する場合
• 対応地域、数量、納期
• 準備するもの
• キャンセル、変更、修正
• 相談した時点で申込みになるのか

実際に聞かれた質問が少ない段階では、想像で「よくある」と断定せず、「事前に確認いただきたいこと」として出す方法もあります。

【実測】重要な情報までの距離を短くした例

清掃サービスサイトのスマホ改善では、情報を追加するだけでなく、読む順番を変えました。

2026年9月10日、同じ375×812 CSS pxのブラウザ検証環境で、改善前の本番画面と改善後のPreviewを比較しました。スクロールバー15pxを除く本文幅は360pxで、実機Safari・Android Chromeの測定値ではありません。料金はページ上端から料金セクション上端まで、入力欄はフォーム上端から氏名入力欄上端までを測っています。

長い写真一覧の後ろにあった料金を前へ移し、清掃事例はまず2件を表示して残りを本人が開ける形にしました。フォームでは、任意の日付・時間帯を後から開けるようにしています。掲載順や初期表示する情報量も同時に変えているため、一つの変更だけを比べた結果ではありません。

これは画面上の表示距離を測った結果です。離脱率、問い合わせ率、成約率が改善したという実績ではありません。掲載項目と同じくらい、必要な情報へ届く順番が大切だと分かった制作上の記録です。

原稿が完成していなくても、ここまで整理できれば相談できる

次の表で「ある・ない・未定」を付けるだけでも、制作の相談を始められます。

不足している情報を隠す必要はありません。「未定」を確認して、公開前に決める項目と、公開後に追加する項目に分けられます。

新規事業・イベントは、専用ページか専用サイトかを先に決める

新しい事業や期間限定のイベントでは、既存サイトの中に専用ページを作る方法と、独立した専用サイトを作る方法があります。すべてを別サイトにすると、ドメイン、更新、計測、公開終了後の管理も増えます。最初に次の基準で分けます。

新規事業を早く案内したい場合は、最初から情報量の多いサイトを完成させる方法だけではありません。対象者、提供内容、料金・条件、根拠、問い合わせ先を絞ったページを先に公開し、確認できた事例やFAQを後から加える方法もあります。ただし、必要な機能や素材によって実施可否と日程が変わるため、公開希望日だけで完成日を約束することはできません。公開後の文章・画像追加や継続改善は、現在の基本制作へ自動的に含まれるものではなく、別途相談となります。

イベント用ページでは、少なくとも次を一か所で確認できるようにします。

• 開催日時、会場、アクセス
• 対象者、内容、当日の流れ
• 参加費、定員、申込締切、申込方法
• 変更・中止時の案内、主催者、問い合わせ先
• 最終更新日と、終了後にページを残すか閉じるか

Googleのイベント向け案内でも、各イベントに固有のURLを用意し、一つのイベントへ焦点を当てたページにすることが示されています。独立したドメインが必須という意味ではありません。

納期は「返信・たたき台・完成」を分けて確認する

AI導入サポートの現行の進め方では、日数を次の3段階に分けています。

3営業日は、ホームページ全体の完成日ではありません。また、上の3営業日のたたき台は、現在案内している通常のホームページ制作についての期限です。新規事業・イベントの専用サイトにも同じ期限を適用するかは決めていないため、希望日、必要ページ、申込・決済などの機能、素材、確認担当者を聞き、たたき台と完成の予定を個別に示します。

たたき台を3営業日以内に提示することが難しいと相談時点で分かった場合は、その場で必要な日数を伝えます。

実際に確認できたこと・まだ分からないこと

確認できたこと

• 商品サイトと地域サービスサイトでは、相談前に必要な判断材料が異なった
• 商品サイトでは、仕様選択と完成イメージの確認が中心になった
• 清掃サイトでは、料金・条件・前後写真・担当者・複数の相談方法が中心になった
• 清掃サイトのスマホ改善では、料金や入力欄までの画面上の距離が短くなった

まだ分からないこと

• どの掲載項目が問い合わせ増加へ寄与したか
• 表示順の変更で離脱率や成約率が改善したか
• 2サイトの検索順位や売上が制作前後でどう変わったか

制作実例として示せるのは、画面、掲載内容、導線、実測した表示位置までです。顧客成果として確認していない数字は記載していません。

【考察・見解】5項目に分ける理由

「ホームページに必要なものを全部用意してください」と言われると、選択肢が多く、どこから始めるか決めにくくなります。事業内容、料金、見本、相談方法、FAQの5項目に分けると、手元にあるものと未定のものを確認できます。

行動心理の観点では、これは選択過多と曖昧さを小さくする整理です。完成原稿を求めるのではなく、「ある・ない・未定」を見える形にすると、次の一歩を選びやすくなります。実際の相談率への効果は、今後の計測が必要です。

よくある質問

原稿が完成していなくても依頼できますか？

依頼できます。事業内容、料金・条件、手元の写真、相談方法、実際に聞かれる質問を確認し、文章とページ構成を整理します。事業の事実と公開可否は、事業者の確認が必要です。

写真は何枚必要ですか？

業種やページ構成によるため、一律の枚数は決めていません。商品、仕上がり、作業、担当者など、読み手のどの疑問に答える写真かを先に決めます。

料金が決まっていない場合はどうしますか？

架空の金額は載せません。「要見積もり」とする場合は、見積もりに必要な情報や追加費用が発生する条件を整理します。

ロゴやドメインは最初から必要ですか？

相談開始時に必須ではありません。既に持っているものと、新たに決めるものを分けます。ドメインや外部サービスの費用・名義も、着手前に確認します。

今のサイトやSNSの文章を使えますか？

利用できる権利と、内容が現在も正しいことを確認したうえで整理できます。古い料金・終了したサービス・権利不明の写真は、そのまま移しません。

新規事業やイベント用のページも相談できますか？

相談内容として確認します。既存サイト内の専用ページがよいか、独立した専用サイトがよいかを、屋号、対象者、料金、問い合わせ先、掲載期間から整理します。専用商品の料金や一律の完成日数は現在決めていないため、必要範囲と公開希望日を確認し、対応可否と予定を個別に提示します。

完成まで何日かかりますか？

相談後3営業日以内に1ページのたたき台を提示します。相談時点で難しいと分かった場合は、その場で必要な日数を伝えます。ホームページ全体の完成・公開日は、ページ数、素材の準備、既存サイト、必要機能、確認日程によって変わるため、ヒアリング後に書面で提示します。