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