まず一言でいうと
公開前チェックは、ページを作った後に「ちゃんと表示されるか」「検索に出してよい状態か」を確認する作業です。
このページで整理すること
公開URL、スマホ表示、内部リンク、画像、CSS、SEOタグ、robots、noindex、sitemap、AdSenseやSearch Consoleタグ非変更を確認します。
ホームページ制作は、文章、構成、画像、HTML/CSS、内部リンク、公開確認がつながる作業です。Codexには対象ファイル、やること、やらないこと、停止条件、確認項目を明確にして渡します。
Codexでできること
| 作業 | Codexでできること | 注意点 |
|---|---|---|
| HTTP | 200 OKか | リダイレクトや404に注意 |
| スマホ | 390px相当で崩れないか | 横スクロールに注意 |
| 内部リンク | 404がないか | 未作成URLを避ける |
| SEOタグ | title / description / canonical | 既存ページは原則変更しない |
| robots | index,followか | noindex混入に注意 |
Codexだけに任せないこと
CodexはHTML/CSSの反映や確認を助けますが、内容の正確性、権利確認、成果判断、問い合わせフォームや決済導線、本番反映の判断は人間が確認します。公式ロゴや外部画像素材、個人情報、認証情報は不用意に扱いません。
実際の作業フロー
- ChatGPTで目的と構成を整理する
- Geminiで調査や素材整理を行う
- CanvaやFigmaで見た目や素材を整理する
- CodexでHTML/CSSへ反映する
- 公開URL、スマホ表示、内部リンクを確認する
- Search Console反応を見て補強する
公開前チェック
| 確認項目 | 見ること |
|---|---|
| HTTP | 200 OKか |
| スマホ | 390px相当で表示崩れがないか |
| 内部リンク | 404がないか |
| SEOタグ | title / description / canonical |
| robots | index,followか |
| noindex | 混入していないか |
| sitemap | 新規URLが入っているか |
| 画像/CSS | 読み込みエラーがないか |
やってはいけないこと
- Codexで必ずホームページが完成すると書かない。
- 上位表示、集客、AdSense合格を保証しない。
- 公式ロゴ、公式画像、権利不明の外部画像を勝手に使わない。
- 問い合わせフォーム、決済、DB、cron、.htaccessを軽作業扱いしない。
- AdSense、Search Console確認タグ、robots.txt、ads.txtを勝手に変更しない。
- APIキー、認証情報、秘密情報を本文や指示書に入れない。
FAQ
Codexだけでホームページは完成しますか？
完成を保証するものではありません。CodexはHTML/CSS反映や確認を助けますが、目的、文章、権利、公開判断は人間が確認します。
初心者は何から始めればいいですか？
まず目的、必要ページ、素材、やらないこと、停止条件を整理します。その後、Codexに小さな範囲から頼むと安全です。
スマホ表示はなぜ重要ですか？
PCで見やすくても、スマホでは横スクロールや文字詰まりが起きることがあります。390px相当で確認するのが実務的です。
既存CSSは直してよいですか？
必要な場合だけ、影響範囲を確認して最小限にします。共通CSSを大きく変える時は停止条件を置きます。
Codex作業カレンダー
公開日・確認日・次に見る日を整理する
Codex作業が増えたら、公開日、Search Console確認日、SNS投稿日、cron確認日、週次チェック日を予定表に分けて残すと、次の補強判断がしやすくなります。自動登録やAPI連携ではなく、人間が確認するための実務メモとして使います。