SEO
内部リンクとアンカーテキストを整える
内部リンクは回遊導線であり、サイト構造の説明でもあります。リンク先の価値が分かる言葉で、重要ページへ自然に接続します。
ui.design: seo-basicui.design: llm-marketing
まず確認する症状
- 重要ページがボタン風のJavaScript処理だけで辿られている。
- 「こちら」「詳しく見る」だけでリンク先が分からない。
- ページは存在するが、検索エンジンやAIが主題、階層、更新日、関連ページを取り出しにくい。
- metadata、H1、パンくず、内部リンク、sitemap、llms.txtの説明がそれぞれ別の内容を指している。
なぜ問題か
- クロール可能なリンクは、検索エンジンがページを発見し理解する基本です。
- 診断結果から修正方法へ移動できると、レポートの実用性が上がります。
- SEOとAI参照性は、1つのタグではなく、HTML本文、内部リンク、構造化データ、sitemapの整合で決まります。
- 機械可読性が弱いと、良い本文があっても検索結果、AI要約、コーディングエージェントの参照に乗りにくくなります。
診断で見る指標
HTML a要素のhref
アンカーテキストの具体性
関連ページ数
クリック深度
HTML本文とmetadataの一致
canonical/index/noindexの整合
構造化データ検証結果
内部リンクからの到達性
sitemapとrobotsの矛盾
クロール可能なa要素
関連ページリンク
アンカーテキスト
孤立ページ
リンク切れ
修正方法
最小修正
重要ページへ通常リンクを置く
ヘッダー、フッター、本文からScan、Learn、方法論、法務へ到達できるようにします。
推奨修正
リンク文言を具体化する
「CTAの直し方を見る」など、遷移先の主題を含めます。
さらに改善
診断所見と紐づける
checkIdごとに関連Learnページを持ち、レポートから直接参照します。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
- 04HTML本文、title、description、H1、構造化データ、内部リンクの主題が同じページ意図を示している。
- 05公開したいページが通常のHTMLリンクとsitemapから発見でき、robotsやnoindexで塞がれていない。
- 06重要ページに通常のa要素で到達でき、リンク文言だけで遷移先の主題が分かる。
- 07関連ページはユーザーの次の疑問に沿って配置され、同じカテゴリ内外の導線がある。
コーディングエージェント向け修正指示
目的: 重要ページへの通常のHTMLリンクを追加し、アンカーテキストを遷移先の内容が分かる文言にしてください。JavaScriptだけの遷移に依存しないでください。 追加確認: ボタン風UIでもhrefを持つリンクとして実装し、JavaScript実行後だけ到達できる導線にしないでください。
参考資料
よくある失敗
- 同じページへ異なる曖昧な名前でリンクする。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。
- 検索向けの文言だけをmetadataに詰め、画面上の本文やH1と違う約束をする。
- llms.txtやsitemapだけを更新し、実際のHTMLリンクから辿れないページを増やす。