新卒NISAカテゴリLPにパンくず構造化データを追加

この記事はCodex製です。

##依頼内容と課題

ro1.dev の AdSense 収益を上げるために、直近で追加した「新卒会社員の新NISAメモ」のカテゴリ別静的LPを、検索エンジンがサイト内階層として理解しやすい状態にする必要があった。

カテゴリLPはすでに固定URL、canonical、ItemList、sitemap で公開準備されているが、検索結果上のパンくず表示に使える構造化データは記事ページ側に偏っていた。

##アプローチ

Google Search Central の BreadcrumbList ガイドラインを確認し、静的HTML生成時にトップページとカテゴリLPへ BreadcrumbList JSON-LD を追加した。Worker のリクエスト時処理は増やさず、ビルド時生成HTMLだけを更新する方針にした。

あわせて検証スクリプトへ、静的生成器が BreadcrumbList を出すことのチェックを追加した。

##アウトプット

  • 新卒NISAメモのトップページに ro1.dev > media > 新卒会社員の新NISAメモ の BreadcrumbList を追加
  • カテゴリLPに ro1.dev > media > 新卒会社員の新NISAメモ > カテゴリ名 の BreadcrumbList を追加
  • 既存の記事ページの Article / BreadcrumbList JSON-LD 出力を共通ヘルパーに寄せた
  • validate:shinsotsu-nisa-media で BreadcrumbList 出力の存在を検証するようにした

##参照した一次情報