AI 生成サイトを公開するまでの手順｜仕上げ・QA・開発引き継ぎガイド

AI で生成したサイトは、「スタジオで仕上げる → 公開 URL を発行する、または HTML をエクスポートする」の2段階で公開できます。

公開方法には3つの選択肢があります。1つ目は公開 URL の発行でそのまま LP として使う方法、2つ目は HTML をエクスポートして自社ドメインで公開する方法、3つ目は開発チームへ引き継いで本格実装する方法です。

この記事では、仕上げ・公開・引き継ぎ・QA の順に、あなたのケースに合った進め方を解説します。

スタジオで固めるべきは、情報設計・主要コピー・CTA の位置・ビジュアルの方向性の4点です。

情報設計では、セクション順と見出し階層を確認します。左側のセクション一覧の矢印ボタンで表示順を入れ替えられます。

主要コピーと CTA は、テキストをダブルクリックしてその場で編集できます。ビジュアルは右パネルの「テーマ」から色とフォントを一括調整できます。

ここまでをスタジオで固めたら、必要に応じてチームで確認しましょう。

内容が確定したら、スタジオの公開設定から URL を発行します。発行した URL は SNS や広告からすぐ共有できます。

多くのケースでは、この時点で LP として公開を開始できます。まず公開してみて、反応を見ながら改善していく進め方が現実的です。

カスタムドメイン、CMS 連携、高度なフォーム実装が必要な場合は、HTML をエクスポートして実装チームへ引き継ぎます。

引き継ぎ時は、エクスポート HTML に加えて、差し替え画像リスト、未確定事項メモ、計測要件（GA4、広告タグ、フォーム連携）をセットで渡すと手戻りが減ります。

実装チーム側は要件が明確になるため、見積もりも納期も正確になります。

公開前には、次の6項目を必ず確認してください。

1. モバイル表示（実機での確認を推奨）。2. フォーム送信の動作。3. 404 ページとリダイレクト。

4. メタタグ（title / description / OGP）。5. 表示速度。6. Cookie・プライバシーポリシーへのリンク。

DesignLayer は制作の加速に特化したツールです。本番運用のコンプライアンスや SLA は、各社のポリシーに沿って整備してください。

構成の見直しには「ランディングページの構成テンプレート」、文章の最終チェックには「LP コピーライティングの書き方」の記事も役立ちます。