SEO
構造化データでページの種類を伝える
構造化データはリッチリザルト獲得だけが目的ではありません。HTML本文と矛盾しない形で、ページの種類、パンくず、日付、発行者を明示します。
ui.design: meta-wellknownui.design: seo-basic
まず確認する症状
- 記事ページなのに発行日やパンくずが機械可読でない。
- 構造化データと画面上の内容が一致しない。
なぜ問題か
- 検索エンジンはschema.org語彙を参照しますが、Google向けにはSearch Centralの要件を優先する必要があります。
- AI検索や外部ツールも、ページ構造を取り出す手がかりとして使います。
診断で見る指標
JSON-LDの有無
Article/BreadcrumbListの整合
canonicalとの一致
ブロックされていないHTML
修正方法
最小修正
パンくずを追加する
カテゴリと記事の親子関係をBreadcrumbListで示します。
推奨修正
記事metadataを揃える
headline、description、datePublished、dateModified、author、publisherを本文と一致させます。
さらに改善
検証ツールで確認する
構造化データがページ本文と矛盾せず、クロール対象にあることを確認します。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
コーディングエージェント向け修正指示
目的: 記事ページにArticleとBreadcrumbListのJSON-LDを追加してください。構造化データのheadline、description、URL、日付、発行者は画面上の内容と一致させてください。
参考資料
よくある失敗
- 画面にないFAQや評価を構造化データだけに入れる。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。