今回やった作業
今回の作業では、情報サイトのトップページを、単なるリンク集ではなく実践ハブとして読める入口へ補強しました。Codexで何ができるのか、このサイトを読むと何が分かるのか、初心者がどの順番で読めばよいのかを本文として追加し、実践ページや確認ページへの導線を整理しました。
作業前の状態
作業前のトップページには主要ページへのカードリンクが並んでいました。リンク自体は必要ですが、カードが多いだけだと、読者には「このサイトが何を解決するのか」が伝わりにくくなります。特にAIやCodexの解説サイトでは、一般論だけではなく、実際のサイト制作や公開前チェックへどうつながるかを示す必要があります。
作業前に問題だったこと
問題だったのは、トップページが早見表としては使えても、初めて訪れた人にとって判断材料が少なかったことです。CodexとChatGPTの違い、任せてよい作業と任せない作業、AdSenseやSearch Console前に見ること、実践ログ型ガイドの役割を本文で説明しないと、サイト全体が薄いカード一覧に見えやすくなります。
Codexに任せたこと
- 既存トップページの構成確認
- 不足している説明ブロックの洗い出し
- CodexとChatGPTの役割分担セクション追加
- 初心者向けの読み順作成
- 実践ログ型ガイドへの導線追加
- 内部リンクとCSS読み込みの確認
人間が判断したこと
人間側では、トップページで何を一番伝えるべきかを決めました。単に検索キーワードを並べるのではなく、Codexを安全に使うには作業範囲、触らないファイル、停止条件、報告書が大事であることを軸にしました。読者が次に進むページも、料金やインストールだけでなく、設定、公開前チェック、ロールバック、実践ログへ自然に流れるように判断しました。
実際に使った指示文の考え方
指示文では、「トップページを派手にする」ではなく、「リンク集に見えないよう、サイトの価値と読み方が分かる本文を追加する」と伝えました。さらに、OpenAI公式と誤認される表現を避ける、料金や仕様を断定しない、内部情報を出さない、AdSenseタグやSearch Consoleタグに触らない、という条件を明確にしました。
うまくいった点
うまくいった点は、トップページが単なる入口ではなく、サイト全体の読み方を案内するページになったことです。実践ガイド群、ニュース、実践ログ型ガイドへの導線がそろうと、読者は自分の目的に合わせて進めます。AdSense審査を意識する場合も、トップページにサイトの目的と有用性が書かれていると、カード一覧だけの印象を避けやすくなります。
詰まった点・危なかった点
危なかった点は、トップページに情報を詰め込みすぎることです。すべての下層ページの要約を長く入れると、かえって読みづらくなります。トップページでは、サイトの価値、読み順、主要導線に絞り、詳しい手順は下層の実践ページへ送る方が自然です。
作業後に確認したこと
作業後は、トップページの200 OK、title、description、canonical、robots index,follow、noindexなし、CSS読み込み、スマホ幅での大きな崩れ、内部リンク、AdSenseタグ、Search Consoleタグを確認しました。実践ログ型ガイドへの導線も追加し、作業記録から再利用できる手順へ進める形にしました。
次から使える指示文テンプレート
目的: トップページをリンク集ではなく実践ハブに補強する
対象: index.html
入れる内容:
- このサイトで分かること
- CodexとChatGPTの違い
- Codexで任せてよい作業と任せない作業
- 初心者におすすめの読み順
- 実践ログ型ガイドへの導線
禁止事項:
- 公式サイトのように見せない
- 料金や仕様を断定しない
- AdSenseタグやSearch Consoleタグを変更しない
確認:
- 200 OK
- SEOタグ
- 内部リンク
- CSS読み込み
- スマホ表示確認チェックリスト
- トップページが 200 OK
- サイトの目的が本文で伝わる
- カードリンクだけで終わっていない
- 初心者向けの読み順がある
- 実践ログ型ガイドへの導線がある
- AdSenseタグを変更していない
- Search Consoleタグを変更していない
- スマホ表示で大きな崩れがない
注意書き
この記事は、実際の作業を一般化してまとめた実践ログ型ガイドです。具体的な案件名、内部情報、サーバーパス、秘密情報は掲載していません。作業対象サイトの条件や利用しているサービスの仕様は変わるため、実際に作業する前には現在の公式情報と自分の環境を確認してください。