本文へスキップ
ui.design

SEO

内部リンクとアンカーテキストを整える

内部リンクは回遊導線であり、サイト構造の説明でもあります。リンク先の価値が分かる言葉で、重要ページへ自然に接続します。

ui.design: seo-basicui.design: llm-marketing

まず確認する症状

  • 重要ページがボタン風のJavaScript処理だけで辿られている。
  • 「こちら」「詳しく見る」だけでリンク先が分からない。

なぜ問題か

  • クロール可能なリンクは、検索エンジンがページを発見し理解する基本です。
  • 診断結果から修正方法へ移動できると、レポートの実用性が上がります。

診断で見る指標

HTML a要素のhref
アンカーテキストの具体性
関連ページ数
クリック深度

修正方法

最小修正

重要ページへ通常リンクを置く

ヘッダー、フッター、本文からScan、Learn、方法論、法務へ到達できるようにします。

推奨修正

リンク文言を具体化する

「CTAの直し方を見る」など、遷移先の主題を含めます。

さらに改善

診断所見と紐づける

checkIdごとに関連Learnページを持ち、レポートから直接参照します。

受け入れ条件

  1. 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
  2. 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
  3. 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。

コーディングエージェント向け修正指示

目的: 重要ページへの通常のHTMLリンクを追加し、アンカーテキストを遷移先の内容が分かる文言にしてください。JavaScriptだけの遷移に依存しないでください。

参考資料

よくある失敗

  • 同じページへ異なる曖昧な名前でリンクする。
  • 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
  • 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。

関連ページ