完成見学会の来場予約用ページ（LP）をClaudeで作るには？

完成見学会の予約用LPは、物件の特徴・開催条件・写真の説明をClaudeに渡し、原稿を人が確認してからHTMLにすると下書きまで作れます。AIは下書き担当です。日付・条件・広告表現の最終判断は担当者が行います。

LPは6つの手順で作る

全体像は次のとおりです。各手順は後の節で指示文つきで説明します。

1. 担当者が、開催日・場所・条件・見どころ・写真の許可を確定する
2. 施主名や詳細住所など、公開しない情報を除く
3. 指示文1で、構成と原稿案だけを出してもらう
4. 担当者が原稿を確認し、広告表現と未確認事項を直す
5. 指示文2で、確認済みの原稿を1枚のHTMLにしてもらう
6. 指示文3で点検し、担当者が確定情報と照合してから公開を判断する

どこで止まっているかで、LPに置く内容は変わります。

広告画像はバナー作成、紙面は見学会チラシで扱います。同じ物件情報を使うと、内容を揃えられます。

どのAIに何を任せる？

AIが担当するのは、構成の整理・文章の下書き・HTML化・抜けの点検です。公開するかどうかは担当者が決めます。

AIに決めさせないことは、日程や条件の補完、性能値や時短効果の創作、残席・口コミ・人気の演出です。入力にない事実は、ページに入れません。

素材と個人情報、広告表現はどう確認する？

Claudeの新しい会話に、掲載許可を確認した写真の説明と開催情報を渡します。以下はすべて練習用の架空条件です。実際に開催するイベントではありません。

入力情報を保存すると、同じ条件で練習できます。実際の資料では、開催日・公開範囲・予約の受付方法を担当者が確定します。

個人情報と社内情報は、次のように扱います。

• 施主名・詳細住所・電話番号は入力しない。必要なら「A邸」のように置き換える
• 外部AIへの入力が認められているか、社内のAI利用ルールを先に確認する
• 写真は、施主の掲載許可を得たものだけを使う
• 予約の受付は、自社で用意した確認済みのページで行う。そこで集める項目や利用目的の表示は、社内ルールと専門家で確認する

学習設定の項目名や初期値は、プランによって異なります。最新の内容は公式ヘルプで確認してください。

広告表現も、公開前に確認します。実際より良く見せる表示や、条件を偽る表示は、景品表示法で問題になることがあります。住宅・不動産の広告には、業界の表示ルールもあります。

本記事は法的判断をしません。「期間限定」「先着」「お得」など事実の裏付けが要る表現は、消費者庁などの公式情報か専門家で確認してください。本記事は検索結果の抜粋で確認した範囲で、条文や基準の本文は未確認です。

3本の指示文で原稿からHTMLまで進める

前の出力を確認してから、次へ進みます。全工程を一度に頼むと、誤りがどこで入ったか分からなくなります。置き換える場所は次のとおりです。

指示文1：見どころを来場理由に変える

あなたは工務店の見学会ページを編集する担当です。
次の確定情報だけで、ページの構成と原稿案を作成してください。
［物件情報・開催条件・写真の説明を貼る］
順序：見出し／実物で確認できる3点／写真説明／開催概要／FAQ／予約案内。
設備名の羅列ではなく、どの暮らしの動線を見学できるかを具体化する。
情報がない性能値・時短効果・残席・口コミを創作しない。
「限定」「お得」など、事実の裏付けが要る表現は使わず、使いたい場合は社内確認リストに分ける。
未確認事項は公開原稿に断定せず、社内確認リストに分離する。
まず原稿だけ出し、私の確認を待ってください。

見出しと開催条件を、人が先に確認します。「洗濯が半分の時間に」は、実測の裏付けがなければ使えません。「洗う・干す・しまう動線を歩いて確かめる」なら、実際の見学内容と照合できます。

指示文2：確認した原稿をHTMLにする

以下の確認済み原稿から、単一のHTMLファイルを作成してください。
［原稿を貼る］
日本語、スマホ1列、PCは見どころをカード表示。文字は読みやすく、見出し順を守る。
CSSは同じファイル内。外部スクリプト・解析タグ・フォーム送信処理は入れない。
写真は差し替え位置と代替テキストを示し、未支給の写真はプレースホルダーにする。
予約先URL：［確認済みURL］。未入力なら予約ボタンを有効にせず「公開前に設定」と表示。
開催日時・所要時間・駐車・子ども同伴・住所の案内方法を読み取れる位置へ配置。
プレビューとダウンロード用HTMLを用意してください。公開は行わない。

ファイル作成が使えない環境では、HTML全文を出してもらい、UTF-8で open-house.html として保存してブラウザで開きます。ファイルを開くことと、会社のサイトで公開することは別の工程です。

指示文3：スマホと情報の抜けを直す

次のHTMLを点検してください。［HTMLを貼る］
幅390pxで横スクロールが出ないこと、文字が背景に埋もれないことを確認する。
元情報：［確定情報］と、日時・価格・場所・見どころを項目別に照合する。
未確認の事実、予約先未設定、写真の差し替え漏れを一覧にする。
修正版HTMLと、変更点を出してください。事実を追加して見栄えを整えないこと。

出力はどう読む？完成見本と直し方

編集部が架空素材から作った見学会ページの完成見本を開くことができます。Claudeで実測した出力ではありません。見本は外部への送信も予約受付も行わず、写真枠と予約先の設定箇所を明示しています。

見本の見出しは「体験」を示し、見どころは実際に確認する場所に落としています。FAQは確認済みの条件だけで答えます。

初稿によくある誤りは、次のように直します。

直すときは、次の共通指示を使います。

直前の出力の［該当箇所］を修正してください。
誤って追加された内容：［記入］
確定情報にない内容を削除し、不明な点は「社内確認」として残してください。
修正箇所と理由を示し、ほかの確認済み部分は変えないでください。

公開前と公開後は何を確認する？

公開前に、次の4点を確認します。

• 日付・時間・場所・条件が、確定情報と一致している
• 広告表現を、担当者と責任者が確認した
• 写真は掲載許可があり、AIで生成した画像には実物と区別する表示がある
• 担当者以外の人が、LPから予約ページまで操作できた

公開後は、期間と条件を揃えて数字を見ます。

アクセスが少ない段階では、成否を断定しません。広告別の数字は広告レポート作成で整理できます。来場後の準備には初回ヒアリングを使ってください。