まず一言でいうと
公開前チェックは、ページを作った後に「ちゃんと表示されるか」「検索に出してよい状態か」を確認する作業です。
このページで整理すること
公開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 | 読み込みエラーがないか |
初めて公開する時に確認すること
1ページ目を公開する時は、そのページだけでなくサイト全体の設定も確認する機会になります。ここで見ておくと、後からまとめて直す手間が省けます。
| 確認する場所 | 見ること | 間違えていると |
|---|---|---|
| 公開URL | 意図したアドレスで開けるか | そもそも誰にも見てもらえない |
| robots設定 | noindexが入っていないか | 検索結果に一切出ない。見た目には分からない |
| スマホ表示 | 横にはみ出していないか | 訪問者の多数派が読みにくい状態になる |
| リンク | 押した先が存在するか | 離脱の直接原因になる |
| 連絡先 | 実際に使える形になっているか | 問い合わせページがあっても機能しない |
2行目が最も見つけにくい問題です。noindexが入っていても表示は正常なので、検索結果を確認しない限り気づけません。公開したのに検索に出ない状態が何週間も続く原因の多くがこれです。
公開した後の見方
公開直後は結果を気にしがちですが、見るべきタイミングがあります。早すぎる確認は判断を誤らせます。
- 公開当日：表示とリンクだけ確認します。検索結果に出ていなくても正常です。
- 数日後：検索エンジンに認識されたかを見ます。まだの場合もあります。
- 2〜4週間後：表示回数の傾向が出始めます。ここで初めて内容の評価ができます。
公開直後に反応がないことを問題と考えて手を加え続けると、何が効いたのか永久に分からなくなります。変更したら最低2週間は空けて、その間は他のページを進める方が建設的です。
やってはいけないこと
- 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連携ではなく、人間が確認するための実務メモとして使います。
metaタグ・OGP・canonical linkをまとめて確認する
Codexでページを作った後は、title、description、OGP、canonical、robots、noindex、sitemap掲載、SNS表示を分けて確認します。順位やクリックを保証するものではなく、公開前の確認項目として扱います。