AIでホームページを作成した例｜業種別の構成・プロンプト例と仕上げ方
「AIでホームページを作ると、実際にどんな仕上がりになるの？」「自分の業種でも使えるのか、例を見て判断したい」。そう考えている方に向けて、この記事ではAIでホームページを作成する具体例を紹介します。
結論から言うと、AIは業種・ターゲット・目的を伝えれば、その業種でよく使われるページ構成と文章のたたき台を数分で作れます。ただ、そのままだと「どこかで見たようなサイト」になりがちです。成果につながる例に共通するのは、AIのたたき台に自社にしかない情報（実績・数字・写真・お客様の声）を人が足している点です。
ここでは、飲食店・美容室・工務店・士業・BtoB製造業の5業種について、プロンプト（AIへの指示文）の例、生成される構成の例、AIの文章を仕上げるビフォーアフターの例を、ホームページ制作会社の視点で解説します。
目次
AIでホームページを作成するとどうなる？基本の流れ
AIでのホームページ作成は、「AIに条件を伝える → 構成とデザインのたたき台ができる → 人が中身を仕上げる」という流れが基本です。
使うツールは大きく2種類あります。
- AIホームページビルダー：WixやJimdoなど。質問に答えるとデザイン込みでサイトが自動生成され、そのまま公開できる
- 生成AI（チャット型）：ChatGPT、Gemini、Claudeなど。構成案や原稿、HTMLのコードを作成し、別のツールで公開する
どちらを使っても、AIが最初に出してくるのは「その業種でよくあるサイト」です。ここからどれだけ自社らしく仕上げるかで、完成度が大きく変わります。ツールの選び方はAIホームページ作成ツールの比較記事でくわしく紹介しています。
AIへの指示（プロンプト）の例：5つの要素を入れる
AIに「ホームページを作って」とだけ伝えると、ありきたりな結果になります。次の5つの要素を入れて指示するのがコツです。
たとえば、工務店のホームページを作る場合のプロンプト例は次のとおりです。
| 要素 | 指示文の例 |
|---|---|
| 業種・地域 | 福岡市南区の注文住宅の工務店です |
| ターゲット | 30代の子育て世帯で、初めて家を建てる人 |
| 目的 | 完成見学会の予約を増やしたい |
| 強み | 国産の無垢材を標準仕様にしている、年間施工棟数は20棟程度 |
| トーン | あたたかく誠実な雰囲気。専門用語は使わない |
これに「サイトマップと、各ページの見出し・本文のたたき台を作ってください」と続けると、かなり具体的なたたき台が出てきます。工程ごとのプロンプト例はWeb制作AIプロンプト実践例20選でもまとめています。
【業種別】AIで作るホームページの構成例
5つの業種について、AIが作るページ構成の例と、人が足すべき情報をまとめました。
例1：飲食店のホームページ
飲食店の場合、AIは「トップ／メニュー／店舗情報（地図・営業時間）／予約」という構成をよく提案します。来店を決める人の多くはスマートフォンで調べるため、営業時間・地図・予約ボタンがすぐ見つかる構成になっているかを確認しましょう。
AIが苦手なのは「行きたくなる理由」の部分です。実際の料理写真、仕込みや食材へのこだわり、店主の想いは、人が用意して載せる必要があります。
例2：美容室のホームページ
美容室では「トップ／メニュー・料金／スタッフ紹介／ヘアスタイル例／アクセス・予約」が定番の構成です。AIはメニュー説明や料金表の体裁を整えるのが得意です。
一方で、スタッフごとの得意なスタイル、実際のスタイル写真は差別化のカギになります。生成画像のヘアスタイルを掲載すると、実際の仕上がりとの違いでトラブルになる可能性もあるため、スタイル写真は必ず実際の施術例を使いましょう。
例3：工務店・ハウスメーカーのホームページ
工務店では「トップ／施工事例／家づくりの流れ／性能・素材へのこだわり／会社概要／見学会情報」という構成が一般的です。家づくりの流れやFAQは、AIで分かりやすく整理できます。
成果を分けるのは施工事例の充実度です。施工事例の数、施主の声、価格帯の目安など、比較検討している人が知りたい具体的な情報を人が補いましょう。
例4：士業事務所（税理士・弁護士・社労士など）のホームページ
士業では「トップ／業務内容／料金表／事務所・代表紹介／よくある質問／相談予約」が基本です。AIは専門的な業務内容を一般の人にも分かる言葉で説明するのが得意です。
ただし、法律や制度に関する記述は誤りがあると信頼を大きく損ないます。AIが書いた制度の説明は、必ず専門家が確認してください。代表の経歴や想い、解決事例（個人が特定されない形で）を加えると、相談のハードルが下がります。
例5：BtoB製造業のホームページ
製造業では「トップ／製品・技術紹介／設備一覧／品質管理／導入事例／お問い合わせ・見積もり依頼」という構成がよく出てきます。AIは技術的な内容を発注担当者向けに整理するのに役立ちます。
BtoBで問い合わせを増やすには、「対応できる材質・サイズ・精度」「小ロット対応の可否」「納期の目安」など、発注担当者が比較に使う具体的な数値が欠かせません。ここはAIでは作れない、自社だけの情報です。
AIの文章を「選ばれる文章」に仕上げるビフォーアフター例
AIの文章をそのまま使うと、競合他社と似た内容になりやすいのが課題です。次は、工務店を例にした仕上げのビフォーアフターです（例として作成した架空の文章です）。
直したポイントは3つです。
- あいまいな言葉を具体的にする：「地域密着」→「車で30分圏内だけを担当」
- 数字や条件を入れる：「高品質」→「国産無垢材を標準仕様」「坪単価の目安を公開」
- 約束を明確にする：「アフターサービス充実」→「10年間、毎年1回の無料点検」
この3つを意識するだけで、AIのたたき台が「その会社にしか書けない文章」に変わります。
制作会社から見た「うまくいくAI作成例」の共通点
ホームページ制作の現場で、AIを使ってうまくいっているケースには共通点があります。
- AIに渡す材料が多い：パンフレット、過去の提案書、お客様アンケートなど、一次情報をたくさん渡している
- 構成を決めてから文章を作る：いきなり全ページを作らせず、まずサイトマップと導線を人が決めている
- 写真は実物を使う：AI画像は背景やイメージに限定し、人物・商品・実績は実際の写真を使っている
- 公開後に改善している：アクセスや問い合わせのデータを見ながら、AIで改善案を出して修正している
反対に、うまくいかないのは「AIが作ったものをほぼそのまま公開し、その後は放置」というケースです。AIの完成度が上がった分、他社とも似たサイトが増えています。差がつくのは、AIに任せない部分です。
AIでホームページを作成するときの注意点
作成例を参考にAIでホームページを作る際は、次の点に注意しましょう。
| 注意点 | 内容 |
|---|---|
| 事実確認 | AIは料金・制度・数字をもっともらしく間違えることがある。公開前に必ず確認する |
| 画像の扱い | 生成画像を実際の商品・施工例・スタッフのように見せない |
| 権利 | 他社サイトの文章やデザインをAIに読み込ませて似せない |
| 表現 | 「地域No.1」など根拠のない最上級表現は避ける |
| 個人情報 | お客様の名前や相談内容をそのままAIに入力しない |
【業種別】さらに3業種のAI作成例
ここからは、制作の現場でご相談の多い3つの業種について、AIで作るときの構成例とポイントを紹介します。
例6：歯科医院のホームページ
歯科医院では「トップ／診療案内／初診の流れ／院長・スタッフ紹介／設備紹介／アクセス・Web予約」という構成が一般的です。AIは診療内容を患者さん向けのやさしい言葉に言い換えるのが得意です。
ただし、医療機関のホームページは医療広告ガイドラインの対象になり、「絶対に痛くない」「地域で一番」といった表現や、治療前後の写真の扱いなどにルールがあります。AIが作った文章は、必ずガイドラインに照らして確認しましょう。業種特化の集患については歯科医院専門WEB集患サービスでも紹介しています。
例7：ホテル・旅館など宿泊施設のホームページ
宿泊施設では「トップ／客室／料理／温泉・館内施設／周辺観光／アクセス／宿泊予約」という構成がよく提案されます。AIは周辺観光の紹介文や、多言語対応の翻訳のたたき台づくりに役立ちます。
一方で、宿泊予約は予約サイト（OTA）との比較で選ばれます。「公式サイトから予約するメリット（特典や最安値の保証など）」をはっきり打ち出すことが、AIでは考えてくれない大切なポイントです。くわしくは宿泊施設専門WEB集客サービスもご覧ください。
例8：ケーキ屋・洋菓子店のホームページ
洋菓子店では「トップ／商品一覧／季節限定商品／ご予約・ギフト／店舗情報／Instagram」という構成が定番です。AIは商品説明文を短時間でたくさん作れるため、商品数が多いお店ほど作業時間を短縮できます。
成果を分けるのは、写真と「季節感」です。誕生日ケーキの予約方法、受け取りまでの日数、季節限定商品の販売期間など、お客様が迷うポイントを具体的に書きましょう。くわしくはケーキ屋・お菓子屋専門WEB集客サービスもご覧ください。
AIで作成例を作るときの「よい指示」と「惜しい指示」
同じAIでも、指示の出し方で仕上がりは大きく変わります。違いを比較してみましょう。
| 惜しい指示 | よい指示 |
|---|---|
| 美容室のホームページを作って | 福岡市中央区・天神の美容室。30代の働く女性向け。髪のダメージを抑える施術が強み。新規予約を増やしたい。上品で落ち着いた雰囲気で |
| かっこいいキャッチコピーを考えて | 「忙しくても通いやすい」ことが伝わるキャッチコピーを、20文字以内で10案。誇張表現は使わない |
| 会社概要ページを作って | 次のメモをもとに、取引先が安心できる会社概要ページを。沿革は年表形式、代表あいさつは300字で |
よい指示に共通するのは、「誰に」「何を伝えて」「どうしてほしいか」と、文字数や表現の条件がはっきりしていることです。
よくある質問
Q. AIで作ったホームページの実例はどこで見られますか？
WixやFramerなど多くのAIビルダーは、公式サイトでテンプレートや作成例を公開しています。実際に無料プランでサイトを生成してみるのが、自社に合うかを判断する一番の近道です。
Q. AIで作ったホームページだと分かってしまいますか？
AIの文章や画像をそのまま使うと、表現が無難で似通っているため、見る人が見れば分かることがあります。具体的な数字や実際の写真を入れて仕上げれば、AIを使ったかどうかは気にならなくなります。
Q. どの業種でもAIでホームページを作れますか？
構成や文章のたたき台づくりは、ほとんどの業種で役立ちます。ただし、医療・法律・金融など、表現に規制がある業種では、専門家による確認が特に重要です。
Q. AIで作った例をそのまま使っても著作権は大丈夫ですか？
AIの生成物が既存の作品に似てしまうと、権利侵害になるおそれがあります。文化庁が公表している「AIと著作権に関する考え方について」なども参考にし、他社サイトに似せる指示は避けましょう。
まとめ：AIの作成例は「たたき台」、仕上げで差がつく
- AIは業種・ターゲット・目的を伝えると、業種ごとの定番構成と文章のたたき台を作れる
- プロンプトには「業種・地域」「ターゲット」「目的」「強み」「トーン」の5要素を入れる
- 成果が出る例の共通点は、実績・数字・写真など自社だけの情報を人が足していること
とはいえ、自社の強みを言葉にしたり、業種に合った導線を設計したりするのは簡単ではありません。スゴヨクでは、業種ごとの市場調査・競合分析をもとに「売れる」ホームページを制作し、公開後の改善まで伴走しています。
まずは無料相談から、お気軽にご相談ください。
