工務店のホームページで成果が出るかどうかは、デザインを考え始める前の「構成」でほぼ決まります。どんなページを作り、各ページに何を載せ、どの順番で見せるか。ここが施主の検討行動とズレていると、どれだけ美しいデザインを載せても問い合わせにはつながりません。

この記事では、建設業専門で300社以上のサイトを手掛けてきた経験をもとに、工務店ホームページの「構成テンプレート」を公開します。サイト全体の構成、トップページのセクション順、各ページに載せるべき項目まで、このままワイヤーフレームの下敷きにできる粒度でまとめました。これから新規制作・リニューアルを検討している方は、制作会社との打ち合わせ前にぜひ一度目を通してください。

まず全体像——工務店サイトの標準構成（10〜15ページ）

集客を目的とした工務店サイトの標準的なサイト構成は、次の形です。

• トップページ
• 施工事例（一覧＋詳細20件以上）
• 私たちの家づくり（コンセプト・強み）
• 性能・仕様（断熱・耐震・標準仕様）
• 価格・資金計画の考え方
• 家づくりの流れ（相談〜引き渡し〜アフター）
• イベント・見学会情報（一覧＋予約フォーム）
• お客様の声
• スタッフ紹介・代表挨拶
• よくある質問
• 会社概要（許可・保証・アフター体制含む）
• お知らせ・コラム
• 資料請求・お問い合わせ（フォーム）

ページ数にすると10〜15ページ。これより少ないと検討材料が足りず、逆に最初から数十ページ作ろうとすると原稿が追いつかず公開が遅れます。まずこの構成で立ち上げ、コラムと施工事例を追加していくのが現実的です。

大切なのは、この構成が施主の検討順序に対応していることです。施主は「事例を見る→この会社の考え方を知る→性能と価格を確かめる→人を見る→行動する」という順で不安を潰していきます。構成はその順路の設計図です。

トップページの構成テンプレート——上から順に9セクション

トップページは玄関であり、サイト内で最も多く見られるページです。上から順に、次のセクション構成を推奨しています。

1. ファーストビュー——自社らしさが伝わる施工写真1枚と、「誰に・どんな家を・どの地域で」が3秒で分かるキャッチコピー。会社ロゴ、電話番号、資料請求ボタンをヘッダーに固定します。
2. イベント・見学会の告知——開催予定があるなら最上部近くに。日付と場所、予約ボタンまでワンセットで。
3. 施工事例のピックアップ——代表的な事例を3〜6件。「事例をもっと見る」ボタンで一覧へ誘導します。トップの事例写真の質は、サイト全体の印象を決めます。
4. 私たちの強み（3つ程度）——性能、デザイン、地域密着、価格の透明性など、他社ではなく自社を選ぶ理由を3つに絞って言い切ります。
5. 性能・価格の考え方への入口——数字（断熱等級、耐震等級、参考価格帯）を見出しに出すと通過率が上がります。
6. お客様の声——写真付きで2〜3件抜粋。
7. 家づくりの流れ——簡略版を図で。詳細ページへリンク。
8. スタッフ・代表の顔——人が見えるセクションを必ず1つ。
9. 問い合わせ・資料請求——ページ末尾に大きく。電話・フォーム・LINEなど複数の手段を並べます。

スマホでは、これらが縦一列に並びます。各セクションは「見出し＋写真＋短い本文＋ボタン」の単位で完結させ、どこで離脱されても次の行動への入口が視界にある状態を作ります。

各ページに載せるべきもの——下層ページ各論

施工事例——サイトの主役

工務店サイトで最も読まれるページです。1件ごとに、外観・内観写真（15〜30枚）、施主の要望と背景、間取りと面積、工夫したポイント、参考価格帯、担当者のコメントを載せます。「写真の羅列」で終わらせないための具体的な作り方は成約に効く施工事例ページの作り方で詳しく解説しています。

私たちの家づくり（コンセプト）

「自然素材」「高気密高断熱」といった言葉は、どの会社も使っています。差がつくのは、なぜそれをやるのか、そのために何を犠牲にしているか、まで書けているかどうかです。創業の経緯や社長の原体験と結びついた言葉は、テンプレートでは書けません。ここだけは時間を掛けて言語化する価値があります。

性能・仕様

断熱等級・UA値、耐震等級、気密測定の実施有無、標準仕様の範囲。数字で示せるものは数字で示します。「詳しくはお問い合わせください」が並ぶページは、比較検討の材料になりません。

価格・資金計画

載せ方に悩むページですが、非公開が最も不利です。本体価格の目安、坪単価の考え方（何が含まれるか）、事例ごとの参考価格帯、諸費用の全体像。加えて、住宅ローンや土地探しの相談に乗れることを示すと、検討初期の施主を取り込めます。

家づくりの流れ

初回相談から引き渡しまでを6〜10ステップの図にし、各ステップの期間目安と「この段階でお金が掛かるか」を明記します。施主の不安の大半は「知らないこと」なので、先回りして答えるページです。

お客様の声

引き渡し時のアンケートやインタビューを、施主の写真（または家族の後ろ姿）付きで。「なぜ他社ではなくこの会社にしたか」を聞いた回答は、営業トークの何倍も効きます。

スタッフ紹介・代表挨拶

顔写真、役割、ひとこと。大工や現場監督まで載せている会社はまだ少なく、それだけで差別化になります。家づくりは数千万円の買い物であると同時に、1年近く付き合う「人選び」だからです。

会社概要

建設業許可番号、加入している保証・保険（住宅瑕疵担保責任保険、完成保証など）、施工エリア、アフターメンテナンス体制。信頼の裏付けはこのページに集約します。

問い合わせ導線の設計——「温度感の階段」を作る

構成の最後の仕上げが、コンバージョン（問い合わせ）導線です。ポイントは、施主の検討温度に合わせて複数の入口を用意することです。

• 低温度：資料請求、LINE登録、コラム購読——まだ会いたくない段階の受け皿
• 中温度：見学会・イベント予約——実物を見たい段階
• 高温度：個別相談・お問い合わせ——具体的に進めたい段階

「お問い合わせ」しかないサイトは、高温度の施主しか拾えません。実際には低温度の接点から名簿を作り、イベントで関係を深めて受注に至る流れが王道です。フォームの入力項目は必須5項目以内に絞ってください。項目を1つ減らすだけで完了率が目に見えて変わります。

アクセスはあるのに問い合わせが来ない場合の診断手順は、工務店のホームページから問い合わせが来ない原因と改善策にまとめています。

スマホでの見え方——公開前チェックリスト

工務店サイトの閲覧はスマホが7割前後を占めます。公開前に、実機で次の項目を確認してください。

• ファーストビューでキャッチコピーと写真が両方見えるか
• 電話発信ボタンが画面内に常にあるか（追従ボタン推奨）
• 施工事例の写真がストレスなくスワイプできるか
• フォームが自動入力に対応し、片手で完了できるか
• ページの表示に3秒以上かかっていないか（写真の圧縮漏れが定番の原因です）

公開後に育てるコンテンツ

公開時の構成は骨格にすぎません。検索流入とサイトの説得力は、公開後の積み上げで決まります。優先度が高いのは次の2つです。

施工事例の追加——引き渡しのたびに1件追加する運用を仕組み化します。撮影と施主アンケートを引き渡しフローに組み込んでしまうのがコツです。

コラム——「地域名×注文住宅」「費用・土地・性能」など、施主が検索する疑問に答える記事を月1〜2本。SEOの入口になると同時に、AI検索（ChatGPTやAI Overview）に引用される材料にもなります。

よくある質問

Q. 最初から全ページ揃えないとだめですか？

いいえ。施工事例・流れ・会社概要・問い合わせの4点が揃っていれば公開して構いません。未完成でも早く公開してドメインを育て始めるほうが、SEO上は有利です。

Q. ブログと施工事例、どちらを優先すべきですか？

施工事例です。検索流入の入口としても、問い合わせ直前の最後のひと押しとしても、事例のほうが受注への距離が近いためです。事例が20件を超えたあたりからコラムに比重を移すのがおすすめです。

Q. 参考にできる実例はありますか？

工務店・住宅会社のホームページ制作事例30選と参考デザイン事例40選で、構成とデザインの実例を多数紹介しています。

まとめ——構成は「施主の不安つぶし」の順路

工務店ホームページの構成とは、突き詰めれば「施主が抱く不安を、どの順番で解消していくか」の設計です。事例で腕を示し、考え方で共感を作り、性能と価格で裏付け、人で安心させ、温度感に合った入口で受け止める。この順路が通っていれば、デザインの流行が変わってもサイトは機能し続けます。

費用相場や制作の進め方まで含めた全体像は工務店のホームページ制作 完全ガイド【2026年版】をご覧ください。「うちの場合、どんな構成が最適か」を具体的に知りたい方は、無料相談で現サイトの診断も承っています。