BreadcrumbList構造化データを入れた話: パンくず最適化
検索結果でページのタイトルの上に「サイト名＞カテゴリ＞ページ名」という階層（パンくずと呼ぶらしいです）が出ているのを見て、自分のサイトでもできるだけ認識してもらいやすくしたくなりました。それで、ほぼ全ページに、その階層を機械的に検索エンジンへ伝える小さなデータを仕込んでみた、という話です。先に言ってしまうと、ページ末にこの小さなデータを1ブロック差し込む方式が、ページ数が多くてもいちばんラクで、私には合っていました。
何のためにパンくずを機械に伝えるのか
見た目のパンくず（サイト名＞カテゴリ＞ページ名の階層表示）は、それ自体でも訪問者の道案内になります。ただ、検索結果での見え方まで整えたいなら、見える文字だけでなく、同じ階層を機械が読める形でも添えておいたほうが、認識されやすいみたいです。このあたり正直まだよく分かっていないのですが、両方あると、検索エンジンに階層を伝えやすい印象でした。
検索結果でURLの代わりにパンくずが出ると、このページがどのカテゴリの記事なのか、訪問者が一目で分かります。とくに私のサイトはサブドメインで分けて運用しているので、ドメインだけ見ても中身が想像しづらく、パンくずが出ると、検索結果でページの位置づけが伝わりやすくなる気がしています。
検索エンジンにサイトの構造を伝える、という意味でも、ハブから記事へのつながりを補足できるのは地味に役立ちそうな気がします。地図ファイル（sitemap）や内部リンクに加えて、ページ自身にも「私はこの階層にいます」と書いておくと、情報が揃って少し安心です。
結局、末尾に小さなデータを足すのがいちばん簡単だった
最初は、見た目のパンくずのタグそのものに属性をつけて意味を持たせる方式も考えていました。でもHTMLが読みにくくなるし、あとから直すときの差分が大きくなって困りそうだったので、ページ末に小さなデータを1ブロック差し込む方式に統一しました。これだと表示部分のHTMLには手を入れずに済みます。
中身としては、「1番目はトップ、2番目はカテゴリ、3番目はこのページ」という順番と、それぞれの名前とURLを並べた、ただのリストのようなものです。サイトを組み立てる仕組みのほうに、各ページの階層を渡せば自動で展開されるようにしておくと、ページ数が増えても破綻しませんでした。
いちばん最後の項目（自分自身のページ）にURLを入れるかどうかは、実装例によって少し違いがあるらしいです。私のところは最後にも自分のURLを入れていますが、空にしている例もあるようでした。Googleの管理画面のレポートや確認ツールで警告が出ていないかを見ながら判断しています。
つまずいたところ
最初に作ったとき、順番の番号を0から始めてしまい、Googleの確認ツールに「番号は1以上にしてください」と怒られました。1から始める必要があるんですね。地味に注意が要ります。
もう一つはURLの末尾のスラッシュです。サイト全体で末尾スラッシュありに統一しているのに、このデータの中だけスラッシュ無しで書いてしまい、Googleの確認ツールで別のURL扱いされる挙動を見て焦りました。サイト内のURLの書き方は、見える本文・地図ファイル・この小さなデータの三か所でそろえておくのが、あとで面倒にならないコツだと気づきました。
階層が深いページで、途中のカテゴリページが実在しないのにパンくずに入れてしまうと、リンクを押したときにページが見つからないエラーになります。データ上はエラーにならないのですが、訪問者には不親切なので、パンくずに登場するのは実在するページだけ、というのを原則にしています。
確認は Google のツールで
入れたら、まずGoogleの確認ツールにページのURLを貼って、パンくずがちゃんと認識されているかを見ます。エラーや警告が出ていなければ、ひとまず形は通っているようです。
そのあと、Googleの管理画面で「公開URLをテスト」して、ページが組み上がったあとの状態でもこのデータが拾われているかを確認します。表示のときに後から差し込むようなやり方だと、最初の素のページには載っていなくて読まれないことがあるらしく、できれば最初から書き込んでおくほうが安全みたいです。
Googleの管理画面のパンくずのレポートも、反映してしばらく経ってから眺めるようにしています。見つかったページ数が増えているか、警告が減っているかを、ときどき見ています。一気にたくさん入れたときは、ここで「項目を足してください」という警告がどっと出て、書き方の不備に気づいたこともありました。
入れたあとの変化
サイト全体にパンくずのデータを入れてから、検索結果での見た目が整ったページが増えたように感じています。URLがそのまま出ていた表示が、サイトの構造を表すパンくずに置き換わったページも出てきた、という印象です。クリックされやすさの数値は、季節やタイトル変更の影響もあって、これだけの効果かどうかは正直切り分けられないのですが、少なくとも悪くなってはいませんでした。
おまけのメリットとして、自分でサイトの構造を見直すきっかけになったのが大きかったです。パンくずを書くには、各ページの親カテゴリを必ず決めることになるので、「親のいない迷子ページ」を見つけて整理する作業になりました。サイトの構造を整えるきっかけとしても、ちょうどいい作業だったと感じています。
ページが増えてからやり直すのは面倒なので、サイトを立ち上げた早い段階でテンプレートに入れておくのが、結局いちばんラクだったなと振り返っています。
← 他の制作記を見る ｜ トップ ｜ お問い合わせ