今回やった作業
内部リンクを増やすことは大切ですが、存在しない内部詳細ページへリンクすると404を作ってしまいます。今回の実践ログでは、内部ページがあるカードだけリンクし、ないカードは非リンクにする判断を一般化します。
今回の作業では、カードの見た目を大きく作り替える前に、ユーザーがクリックする場所を分解して確認しました。サムネイル、タイトル、詳しく見るボタン、外部確認リンクは、同じカード内にあっても役割が違います。どのリンクを主導線にし、どのリンクを補助導線にするかを決めることで、ランキング型ページや情報メディアの回遊が分かりやすくなります。
作業前の状態
作業前は、カード一覧のすべてを内部リンク化したい意図がありました。しかし、カードによっては内部詳細ページがまだ存在せず、一律でリンクを出すと存在しないURLへ進む可能性がありました。見た目だけ統一すると、クリック後に404になる危険があります。
特に注意したのは、クリックできる場所が多いほど、ユーザーが次に何をすればよいか迷いやすくなる点です。カードが並んでいるだけでは、サイト内で比較するページなのか、外部へ送る入口なのかが曖昧になります。リンク先の役割を確認せずにボタンだけ整えると、導線の問題は残ったままになります。
作業前に問題だったこと
内部リンクは多ければよいわけではありません。存在しないページへリンクすると、ユーザーは期待した情報にたどり着けず、サイトの信頼性も下がります。公開前チェックでも404リンクは重要な問題になるため、リンクを増やす前にリンク先の有無を確認する必要があります。
内部リンクを強める作業では、リンクを増やすこと自体が目的になりがちです。しかし、存在しない内部ページへリンクすれば404になりますし、外部リンクを強く出しすぎればサイト内の比較導線が弱くなります。つまり、リンク確認では、href、リンク先の存在、ボタン文言、クリック後の体験をまとめて確認する必要があります。
Codexに任せたこと
Codexには、カードごとの内部詳細ページURL、実ファイルの存在、公開URLの状態、href出力の有無を確認させました。内部ページがあるカードだけリンク化し、内部ページがないカードは非リンクのまま表示する方針で確認させています。
Codexには、現在のファイル構造と公開HTMLを見比べる役割を任せました。作業報告だけではなく、実際にHTML上でどのhrefが出ているか、内部ページが存在するか、公開URLが200 OKか、リンクを追加したことで別のページへ混入していないかを確認させます。見た目の修正だけに寄せず、導線の確認まで含めるのが安全です。
人間が判断したこと
人間側では、一律リンク化しないこと、内部ページがある場合だけリンクすること、内部ページがない場合は非リンクでもよいことを判断しました。外部リンクがある場合は補助導線として残すか確認し、404回避を優先しました。
人間が判断するのは、リンクの正しさだけではありません。ユーザーにどの順番で読んでもらいたいか、外部リンクをどの程度目立たせるか、内部詳細ページがないカードをどう扱うかも判断対象です。Codexは確認と実装に向いていますが、サイト内での読ませ方や公開してよい導線の設計は人間が決めます。
実際に使った指示文の考え方
Codexへの指示では、「全部リンク化」ではなく、「内部詳細ページが存在するカードだけリンク」と条件を明記します。存在しないページへのリンクを作らないこと、公開HTML上のhrefと対象URLのHTTP状態を確認することを完了条件に入れます。
この種の作業では、「リンクを追加して」だけでは不十分です。どの要素のhrefを見るのか、内部詳細ページがある場合とない場合をどう分けるのか、外部リンクを消すのか残すのか、公開HTMLと実画面のどちらを確認するのかまで指示します。停止条件として、404リンクが出そうな場合や、存在しないページへのリンクが必要になりそうな場合は作業を止めるようにします。
うまくいった点
うまくいった点は、リンクを増やす作業と404回避を同時に扱えたことです。内部詳細ページがあるカードは自然に回遊でき、ないカードは無理にリンクしないため、ユーザーに壊れた導線を見せずに済みます。
リンク導線を分解したことで、カード一覧の改善が見た目だけの話ではなくなりました。内部詳細ページへ進む導線、外部で確認する導線、リンクを出さない判断を分けられるようになり、公開前チェックでも確認しやすい状態になります。
詰まった点・危なかった点
危なかった点は、デザインの統一を優先して、内部ページがないカードにも同じリンク構造を出してしまうことです。また、URL文字列があるだけで実際にはページが存在しない場合もあるため、ファイル存在と公開HTTP状態の両方を見る必要があります。
- hrefを見ずに見た目だけで完了扱いにする
- 内部ページがないのにリンクを出す
- 外部リンクを主導線にしすぎる
- 公開HTMLではなく作業報告だけで判断する
- 実画面でクリック先を確認しない
カード一覧のリンク修正は小さな変更に見えますが、hrefを間違えるとユーザーの移動先が変わります。特に、内部ページがないカードを無理にリンク化すること、外部リンクを主導線にしすぎること、実画面クリックを確認しないことは避けたいポイントです。
作業後に確認したこと
作業後は、内部ページがあるカードだけhrefが出ているか、ないカードは非リンクになっているか、対象URLが200 OKかを確認します。公開HTMLでhrefを確認し、実画面でもクリックできるカードとできないカードの表示が不自然でないかを見ます。
あわせて、対象ページが200 OKであること、canonicalとrobotsが変わっていないこと、noindexが入っていないこと、CSSが読めていること、スマホ表示でカードやボタンが崩れていないことも確認します。リンク導線の作業でも、SEOタグや公開状態の確認を省かないことが重要です。
次から使える指示文テンプレート
以下は、同じようなリンク導線整理をCodexへ依頼する時に使えるテンプレートです。
以下の公開中サイトで、カード一覧の内部リンク条件を確認してください。
内部詳細ページURLが存在するカードだけ内部リンクにしてください。
内部詳細ページが存在しないカードは、無理にリンクを作らず、非リンクにしてください。
404を出さないことを優先してください。
外部リンクがある場合は、補助導線として残すかどうかを確認してください。
作業後は公開HTML上のhrefと、対象URLのHTTP状態を確認して報告してください。確認チェックリスト
作業後は、リンクを追加したかどうかではなく、クリック先と役割が合っているかを確認します。
- 内部ページが存在するか確認した
- 存在する場合だけリンクした
- ない場合は非リンクにした
- 404を出していない
- 外部リンクへの逃がし方を確認した
- 公開HTMLで確認した
- 実画面で確認した
- 既存カード構造を壊していない
関連する使い方ガイド
注意書き
この記事は、実際の作業を一般化してまとめた実践ログ型ガイドです。具体的な案件名、内部情報、サーバーパス、秘密情報は掲載していません。
リンク先の確認は、作業報告だけで完了扱いにせず、公開HTMLと実画面の両方で確認することを前提にしています。Codexに任せる部分と、人間が導線の意味を判断する部分を分けることで、404や不自然な外部誘導を避けやすくなります。