ChatGPT Sitesとは？Webサイトを作る方法と公開手順

「Webサイトを作りたいが、コードやサーバーの知識がない」「ChatGPTにHTMLを書かせても、公開方法が分からない」「LPや診断ページを素早く試したい」と悩んでいないでしょうか。

結論から申し上げると、ChatGPT Sitesは、作りたい相手、目的、掲載情報、必要な動作、公開範囲を文章で伝え、Webサイトや軽量アプリを作成・プレビュー・公開できる機能です。ただし、生成された画面をそのまま公開せず、文章、画像、リンク、フォーム、個人情報、権利、動作、アクセス設定を人が確認する必要があります。

ChatGPT Sitesは、Web版のChatGPT Work、またはデスクトップアプリのWorkやCodexから利用します。通常のチャットで文章案だけを受け取る方法とは異なり、作成したサイトをプレビューし、修正し、共有範囲を決めて公開できます。提供状況はプラン、地域、アカウント、ワークスペース設定で変わります。

この記事では、ChatGPT Sitesとは何か、できることと向かない用途、公開前に準備する情報、Webサイトを作る実践手順、基本プロンプト、LP・ダッシュボード・診断ページの目的別プロンプト、失敗例、公開後の改善方法まで解説します。

Webサイトを作って終わらせず、集客と販売導線へつなげたい方へ
→ 当社が運営する生成AIマスタースクール（GMS）の無料ウェビナーで実践方法を確認する

ChatGPT Sitesとは？会話からWebサイトを公開できる機能

ChatGPT Sitesは、ChatGPTへ作りたいものを説明すると、Webサイト、Webアプリ、簡単なゲームなどを生成し、ホスティング、修正、共有まで進められる機能です。OpenAIは2026年7月時点でパブリックベータとして案内しています。

項目	ChatGPT Sitesで行うこと	人が決めること
企画	要件を整理し、画面と動作へ展開する	誰の何を解決するか
制作	文章、レイアウト、フォーム、動作を生成する	正しい情報、ブランド、必要機能
確認	プレビューと修正版を提示する	事実、権利、導線、安全性、使いやすさ
公開	バージョンを保存し、URLへ展開する	公開範囲、公開時期、最終承認
改善	指示に沿って表示や動作を変更する	アクセスと成果から改善優先度を決める

ChatGPT Sitesは「一言で完成品を出す魔法」ではなく、企画、試作、確認、公開、改善を会話で進める制作環境と考えると使い方を誤りにくくなります。

ChatGPT Sitesでできること

LPや案内ページを作る

商品、無料ウェビナー、イベント、資料請求、個別相談などの案内ページを試作できます。対象者、悩み、提供価値、根拠、内容、よくある質問、CTAを渡すと、ページ構成と画面へ展開しやすくなります。

ただし、誇大な表現、裏付けのない実績、存在しない利用者の声を生成させてはいけません。LPの訴求設計を先に整理したい場合は、ChatGPTでLPを作る方法も参考にしてください。

ダッシュボードや社内ツールを作る

案件一覧、進捗管理、コンテンツ制作表、公開カレンダー、研修ポータルなどを作れます。誰が何を入力し、何を一覧し、どの条件で絞り込み、どの状態を保存するかを決めることが重要です。

診断・計算・教材ページを作る

質問へ回答すると結果を表示する診断、簡単な計算ツール、チェックリスト、学習教材など、操作できるページも候補です。結果の判定条件、免責、入力情報の保存有無、誤判定時の影響を先に決めます。

医療、法律、金融などの重要判断を自動化したり、専門家の代わりに断定したりする用途には向きません。決済カード情報の処理や金融取引を行うサイトとして使わないことも、OpenAIの公式な制限事項に含まれます。

公開URLと独自ドメインを使う

デプロイURLはすべて本番URLです。確認用の候補を作りたいだけなら、先にバージョンを保存し、承認後にそのバージョンをデプロイします。

通常のChatGPT・Work・Codex・WordPressとの違い

手段	主な役割	向いている場面
通常のChatGPT	相談、文章案、構成、コード案を出す	企画や下書きを素早く整理する
ChatGPT Work	調査から文書・表・スライドなどを作る	複数工程の成果物を完成させる
ChatGPT Sites	Web体験を作成、ホスト、公開、共有する	LP、ツール、ダッシュボードを試して届ける
Codex	コードを調査、実装、テストする	既存プロジェクトや複雑な開発を扱う
WordPressなど	記事、固定ページ、CMS、運用資産を管理する	長期的なSEO、更新、サイト全体を運営する

ChatGPT Workの全体像はChatGPT Workとは？できること・料金・使い方を徹底解説、開発作業はChatGPT Codexとは？できることと使い方で確認できます。

Webサイトを作る前に準備する情報

「見栄えのよいサイトを作って」だけでは、誰に何をしてほしいページか判断できません。最低限、次の項目を準備します。

• 目的：申込み、資料確認、診断、情報共有など、達成したい行動
• 対象者：誰が、どの場面で、どの端末から使うか
• 提供価値：利用前後で何が変わるか
• 掲載情報：商品情報、日付、価格、実績、画像、リンク、根拠
• 必要な動作：入力、計算、検索、絞り込み、保存、ダウンロード
• CTA：閲覧後に進んでほしい行動を原則一つに絞る
• 公開範囲：自分だけ、特定メンバー、組織内、インターネット全体
• 禁止事項：収集しない情報、使わない表現、実装しない機能
• 合格基準：スマホ表示、リンク、入力、速度、文章、権利の確認条件

文章や画像をChatGPTに補わせる場合でも、事実まで創作させないでください。会社名、サービス名、料金、開催日、実績、顧客の声、規約、連絡先は、確認済み資料を渡します。

ChatGPT Sitesの使い方｜Webサイトを作る8手順

手順1．WorkまたはCodexからSitesを開始する

Web版ではWorkを選び、デスクトップアプリではWorkまたはCodexを選びます。プロンプトへ「Webサイトを作成してください」と書くか、@Sitesを指定します。表示されない場合は、対象プラン、地域、段階提供、ワークスペース権限を確認します。

手順2．対象者・目的・行動を伝える

最初にデザインの色を決めるのではなく、「誰が、何を理解し、何をするサイトか」を伝えます。たとえば、ウェビナーLPなら、対象者、悩み、参加価値、内容、開催形式、CTAを整理します。

手順3．確認済みの材料を追加する

原稿、表、画像、ロゴ、参考URL、ブランドルールなどを追加します。参考サイトを渡す場合は、丸写しではなく、参考にする要素と避ける要素を言語化します。第三者の文章や画像を無断利用しないようにします。

手順4．必要な画面と動作を指定する

トップ画面、結果画面、入力項目、ボタン、絞り込み、保存などを列挙します。「フォームを付ける」だけではなく、入力項目、必須・任意、送信後表示、保存先、通知、削除方法まで確認します。

手順5．非公開のプレビューで確認する

最初の生成物は下書きです。PCだけでなくスマートフォンでも、文字切れ、余白、ボタン、表、画像、入力欄を確認します。閲覧者と同じ操作を行い、途中で迷わないかを見ます。

手順6．修正内容を具体的に伝える

「もっとよくして」ではなく、「ファーストビューで対象者と価値が分かるようにする」「CTAを無料ウェビナー登録へ統一する」「入力エラー時に修正箇所を表示する」のように、場所、問題、変更後の状態を伝えます。

手順7．バージョンを保存して公開前検査を行う

公開候補のバージョンを保存し、文章、画像、リンク、フォーム、アクセス権、個人情報、機密情報、利用規約、プライバシー表示を確認します。公開URLを発行する前に、承認者と合格基準をそろえます。

手順8．公開し、実際の利用者として再確認する

対象者に合う共有範囲を選んで公開します。別ブラウザやログアウト状態でも開き、想定した人だけがアクセスできるか確認します。公開後は、訪問数、ページビュー、CTAクリック、登録、離脱、問い合わせを記録します。

Webサイト制作からウェビナー・メルマガ・個別相談までつなげたい方へ
→ GMS無料ウェビナーで生成AIを販売導線へ組み込む方法を学ぶ

基本プロンプト｜ChatGPT Sitesでサイトを作る

あなたはWebサイトの企画・制作担当者です。
ChatGPT Sitesを使い、次の条件でWebサイトを作成してください。

【サイトの目的】
［申込み・資料確認・診断・情報共有など］

【対象者】
［誰が、どの場面で使うか］

【対象者の悩み】
［解決したい問題］

【提供価値】
［利用後に得られる変化］

【使用する確認済み情報】
［原稿・ファイル・データ・URL］

【必要なページ・機能】
［画面、入力、計算、検索、保存など］

【CTA】
［原則一つ］

【デザイン条件】
［色、雰囲気、参考要素、スマホ対応］

【公開範囲】
［自分のみ・特定ユーザー・組織内・一般公開］

【禁止事項】
［創作しない情報、収集しない情報、使わない表現］

まず不足情報を質問してください。
回答後に構成案を示し、合意してから作成してください。
公開はせず、最初はプレビュー用の候補として提示してください。

最初から公開まで任せず、質問、構成確認、プレビュー、修正、公開承認の順に分けます。「公開はせず、候補として提示する」という条件を入れると、意図しない本番展開を防ぎやすくなります。

目的別プロンプト例

ウェビナーLPを作るプロンプト

@Sites
個人事業主と中小企業経営者向けの
無料ウェビナー案内サイトを作成してください。

目的はウェビナー登録です。
CTAは「無料ウェビナーへ登録する」の一つに統一します。

次の順で構成してください。
1．対象者が抱える悩み
2．参加後に得られる変化
3．ウェビナー内容
4．講師情報
5．確認済みの実績
6．よくある質問
7．登録CTA

提供資料にない実績、人数、感想は作らないでください。
まず構成と不足情報を提示し、公開せずにプレビューを作ってください。

業務ダッシュボードを作るプロンプト

@Sites
ブログ記事の制作・公開・改善を管理する
社内ダッシュボードを作成してください。

利用者は運営担当者です。
記事番号、狙うキーワード、担当者、状態、公開日、
表示回数、クリック数、CTA遷移数を一覧表示します。

状態と担当者で絞り込み、未公開記事を目立たせてください。
保存が必要な項目と一時表示だけでよい項目を分けて提案してください。
顧客の個人情報は扱いません。
最初は所有者だけが閲覧できる状態で作成してください。

簡易診断ページを作るプロンプト

@Sites
生成AI活用の準備状況を確認する
簡易診断ページを作成してください。

質問は10問、各質問は3択にします。
回答から「準備」「実践」「改善」の3結果を表示します。
判定条件を表で先に示してください。

氏名、メールアドレス、会社名は収集しません。
診断結果は医療・法律・投資などの専門判断に使いません。
結果画面のCTAは無料ウェビナー案内の一つだけにします。
スマートフォンで回答しやすいプレビューを作成してください。

改善例｜曖昧な依頼を成果につながるサイトへ変える

改善前

生成AIのかっこいいサイトを作ってください。

この依頼では、対象者、目的、掲載情報、CTA、必要機能、公開範囲が分かりません。見栄えが整っても、誰にも行動してもらえないサイトになりやすい状態です。

改善後

生成AIを仕事へ生かしたい個人事業主向けに、
無料ウェビナーの案内サイトを作成してください。

目的は登録で、CTAは一つにします。
読者の悩み、参加価値、内容、講師情報、FAQ、CTAの順に構成します。
実績、日付、価格、参加者の声は添付資料だけを使ってください。

スマートフォンを優先し、登録ボタンまで迷わない構成にします。
最初は非公開プレビューを作り、公開前チェック項目も提示してください。

改善点は文章量ではありません。対象者、目的、根拠、CTA、利用端末、公開条件を明確にしたことです。生成後は、実際の登録導線でページを開き、CTAクリックから登録完了まで確認します。

よくある失敗と改善方法

失敗1．「サイトを作って」だけで始める

見た目は整っても、目的と行動が曖昧になります。対象者、悩み、価値、CTAを先に決めます。

失敗2．生成された事実や画像を確認しない

架空の実績、誤った料金、権利不明の画像が入る可能性があります。掲載情報を元資料と照合し、利用権を確認します。

失敗3．プレビューを本番公開だと思わない

デプロイURLは本番です。修正候補はバージョンとして保存し、公開承認後にデプロイします。

失敗4．PC画面だけで確認する

スマートフォンで見出し、表、画像、入力欄、ボタンが崩れることがあります。主要端末と別ブラウザで操作します。

失敗5．共有範囲とログインを混同する

サイト全体の公開範囲と、サイト内のログイン機能は別です。誰が閲覧でき、誰のデータを扱うかを分けて確認します。

失敗6．作っただけで販売導線へ接続しない

訪問後の行動がなければ成果を測れません。ブログ、LP、ウェビナー、メルマガ、個別相談、提案書のどこで使うかを決め、CTAと計測項目を設定します。

仕事で使う際の注意点

機密情報と個人情報を入れない

公開サイトには、プロンプト、会話の文脈、参照ファイル、生成物、コード、ストレージなどの情報が関係する場合があります。公開してよい情報だけを使い、秘密鍵や認証情報をプロンプト、添付ファイル、サイト本文へ書かないでください。

フォームで個人情報を集める場合は、利用目的、必要性、保存、共有、削除、問い合わせ先を確認します。入力できるから収集してよいとは限りません。法令や契約の最終判断は担当者や専門家が行います。

公開範囲は最小から始める

新しいSiteは、最初は所有者と管理者に限定されます。確認後に特定ユーザー、組織内、一般公開へ広げます。一般公開を選ぶ前に、ログアウト状態から閲覧し、意図しない情報が見えないか確認します。

対応していない用途を無理に実装しない

一部のフレームワーク、非公開ネットワーク、データベース、バックグラウンド処理、ホスティング構成は対応しない場合があります。また、保護対象保健情報や決済カード情報の処理、金融取引、13歳未満などを対象にする用途は公式の制限事項を確認してください。

公開後も人が管理する

リンク切れ、古い料金、終了した企画、誤作動、問い合わせを放置しないため、責任者と更新日を決めます。不要になったサイトは公開範囲を狭めるか削除し、以前の対象者がアクセスできないことまで確認します。削除したSiteは復元できないため、必要な記録を先に確認します。

筆者の実務視点｜サイトより先に販売導線を設計する

私は、ブログ、商品企画、LP、ウェビナー、メルマガ、個別相談、講座運営、提案書を一つの販売導線として扱っています。ここでSitesの価値は、単に制作費を減らすことではなく、読者の反応を確かめる小さなページやツールを素早く試せることです。

たとえば、ブログ記事から無料ウェビナーへ進む前に、診断やチェックリストを置けば、読者は自分の課題を理解しやすくなります。一方、診断項目を増やしすぎたり、結果ごとに複数のCTAを置いたりすると、行動は複雑になります。

実務では「何を作れるか」より、「誰のどのつまずきを解消し、販売導線のどこへ進んでもらうか」を先に決めます。Sitesで試作し、反応が確認できたものをブログ、LP、ウェビナー、メルマガ、個別相談へつなげると、単発の制作で終わりません。

よくある質問

ChatGPT Sitesは無料で使えますか？

2026年7月20日時点では、FreeとGoを除く有料プラン向けのパブリックベータとして案内されています。プランごとの上限、地域、段階提供、管理者設定で表示が変わるため、自分のSites画面と公式情報を確認してください。

ChatGPT Sitesが表示されないのはなぜですか？

対象プランや地域でない、アカウントへの提供がまだ、別のワークスペースへログインしている、管理者が無効にしているなどが考えられます。Classicアプリでは利用できないため、Web版または最新のデスクトップアプリも確認します。

コードが書けなくても使えますか？

文章で作りたいサイトを説明して始められます。ただし、目的、情報、動作、公開範囲の判断と、公開前の検査は必要です。複雑な既存システムや独自構成では、Codexや開発担当者が必要になる場合があります。

独自ドメインを使えますか？

利用可能な環境では、保有済みの独自ドメインやサブドメインをDNS設定で接続できます。Sitesはドメインを取得しません。提供条件とEnterpriseでの制限は公開前に公式情報を確認してください。

SEO用のブログをSitesへ移した方がよいですか？

一律には勧めません。長期的な記事管理、内部リンク、更新、計測、運用体制まで比較します。既存ブログは維持し、診断、計算、キャンペーン、資料サイトなど、独立して試せる用途から始める方法が現実的です。

アクセス解析はできますか？

公式ガイドでは、対象となるSiteでユニーク訪問者数とページビュー、その推移を確認できる解析画面が案内されています。ただし、それだけで登録や売上は分かりません。CTAクリック、登録完了、相談、成約は販売導線側でも計測します。

まとめ｜ChatGPT Sitesは目的・確認・公開設計で使う

ChatGPT Sitesは、文章による指示からWebサイトや軽量アプリを作成し、プレビュー、修正、共有、公開まで進められる機能です。LP、ダッシュボード、診断、教材、社内ポータルなどを小さく試す場面に活用できます。

作成前に対象者、目的、掲載情報、必要な動作、CTA、公開範囲、禁止事項、合格基準を整理します。生成後は、事実、権利、スマホ表示、リンク、フォーム、個人情報、アクセス権を確認し、バージョンを保存してから承認済みのものだけを公開してください。

サイトだけで集客や売上が生まれるわけではありません。ブログからサイトへ、サイトからウェビナーやメルマガへ、さらに個別相談、提案書、商品へつながる流れを設計し、公開後の数値と利用者のつまずきから改善することが重要です。

ChatGPT Sitesを仕事・集客・収益化へつなげたい方へ
→ 生成AIマスタースクール（GMS）の無料ウェビナーで販売導線まで含む活用法を確認する

この記事の背景

この記事は、2024年12月以降に当社へ寄せられた生成AI・ChatGPTに関する読者アンケート、講座相談、実務上の質問傾向をもとに制作しています。内容は匿名化・集計・要約済みであり、氏名、連絡先、個別相談の詳細など、個人が特定される情報は使用していません。

単なる一般論ではなく、「ChatGPTでHTMLを作っても公開できない」「Webサイトを作れば集客できるのか」「個人情報を入力させてよいか分からない」「LPや診断を早く試したい」といった、実際に寄せられた悩み、リクエスト、つまずきに基づいています。小谷川拳次がブログ、商品企画、ウェビナー、メルマガ、個別相談、講座運営、販売導線を設計してきた実務上の判断も反映しました。

ChatGPT Sitesはパブリックベータであり、提供プラン、利用上限、共有方法、対応機能、規約は変わる可能性があります。公開後もOpenAIの公式情報を確認し、必要に応じて内容を更新する方針です。

参考情報

• OpenAI Help Center「Creating and managing ChatGPT Sites」（概要、提供状況、作成・編集・共有・公開、独自ドメイン、公開前確認、制限事項を確認）
• ChatGPT Learn「Sites」（プロンプト、バージョンとデプロイ、アクセス、ストレージ、解析、秘密情報、公開前検査を確認）
• OpenAI Help Center「ChatGPT Work and Codex」（Chat、Work、Codexの役割と提供画面の違いを確認）
• OpenAI Help Center「Data Controls FAQ」（会話データに関する設定を確認）
• OpenAI Help Center「How your data is used to improve model performance」（個人向け・ビジネス向けサービスのデータ利用方針を確認）
• OpenAI「ChatGPT Sites Terms」（サイト内容、運営責任、利用条件を確認）

著者

小谷川拳次

リードコンサルティング株式会社代表取締役。生成AIを活用した商品企画、ブログ、LP、ウェビナー、メルマガ、個別相談、講座運営、販売導線の設計に取り組む。初心者、個人事業主、中小企業がChatGPTを触って終わらせず、実際の仕事と収益化へつなげるための実務情報を発信している。

関連記事

• ChatGPT Workとは？できること・料金・使い方を徹底解説
• ChatGPT Codexとは？できることと使い方
• ChatGPTでLPを作る方法｜構成とプロンプトを実例で解説
• ChatGPTでFAQを作る方法｜問い合わせを減らす質問設計
• ChatGPT商品企画プロンプト｜売れるテーマを見つける実践手順