ブログ

パンくずリストにjavascriptを使う際の注意点

SEO対策の中でもパンくずリストの設置は基本であり、ユーザーのためにも必ず行いたい施策です。
ですが、サイト運営者からはパンくずリストの設置が難しいと言った声も聞こえてきます。

本記事では、パンくずリストに関する基本的知識やパンくずリストにjavascriptを使う際の注意点について解説しますので、参考にしてください。

パンくずリストとは

パンくずリストとは英語で「breadcrumbs(ブレッドクラム)」と言い、パン粉、パンくずを意味します。
Webマーケティングの世界で使われるパンくずリストは、ページを訪れたユーザーに、現在自分がサイトの中でどこにいるのかを分かりやすく伝えるナビゲーションリストのことです。
パンくずリストは、通常ページの最上部に表示され、トップページを最上階する階層順にページを表示し、それぞれにリンクを設置します。
パンくずリストがあると、ユーザーは迷うことなくサイト内を移動することが可能になることから、ユーザービリティを高めると同時にSEO対策にもなります。
パンくずリストがあれば、検索エンジンのクローラーがサイト内をスムーズに巡回できるため、ページ内コンテンツを適切に評価することになり、その結果Googleからの評価も高まり検索結果に良い影響をもたらすのです。

パンくずリストを設置するメリット

上述の通り、パンくずリストはユーザーの現在地を視覚的に知らせる役割を担います。
サイトを訪れるユーザーは、毎回トップページからアクセスするとは限らないため、パンくずリストを設置する意味は非常に大きいです。
また、コンテンツが沢山ある比較的大きなサイトでは、階層も深くなることが多いです。
コンテンツが充実しているサイトは、読み応えがあり魅力的な反面、階層が深くなりすぎるとユーザーが自分の位置を見失いがちになります。
そのような大規模サイトの場合に、パンくずリストはユーザーの大きな助けになるのです。

そして、パンくずリストはGoogleの検索結果画面上にタイトルの下部に表示されることから、サイトを訪れる前段階で、ユーザーに目的のページへたどり着きやすくする効果もあります。

その他にも、階層を示すテキストにはリンクを設置(アンカーテキスト)することでSEO対策にもなるのです。
アンカーテキストにキーワードを含むことで内部リンクが整備され、ユーザービリティを重視するGoogleアルゴリズムからも高評価を獲得できます。

javascriptでパンくずリストを設置する際の注意点

Webサイト構築をある程度経験積まれている方の中には、javascriptで動的なパンくずリストを設置してみたい方もいらっしゃるでしょう。
ですが、javascriptでパンくずリストを設置する際には注意が必要な点があります。

Googleで javascript の実行は可能ですが、認識が遅れる場合があるのでパンくずリストを設置する際は、テキストで記述することを推奨します。

また、Googleのクローラーにパンくずリストを認識させる手助けを行うため、構造化データでもパンくずリストを記述しましょう。
構造化データは、検索エンジンがページ内の情報を認識しやすくするようマークアップ行うことで、リッチスニペットとして検索画面に表示されるという特徴があります。
そして、構造化データはjavascriptでは記述が出来ないので、テキストを用いなければなりません。

以上のことから、SEO的な観点で見ると、パンくずリストの設置にjavascriptは使わないほうが賢明です。

まとめ

Webサイト運営には欠かせないのがパンくずリストです。
ユーザーがどのページにいるのかを視覚的に素早く伝えることができ、クローラーの巡回速度を高める効果があるので、数ある内部SEO施策の中でも重要になります。
また、パンくずリストを導入する際の注意点としては、javascriptを用いずテキストでの記述をお勧めします。

 

◇この記事もおすすめ!
・SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します





■関連情報:サクラサクマーケティングのSEOコンサルティングサービス
中小・ベンチャー企業の売上をサポートするSEO対策低価格・高品質なSEOコンサルティング

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

監修者:根岸 雅之

記事一覧

取締役社長 COO

2006年株式会社オプトにてSEMコンサルタントとして、大手企業のリスティング広告の運用に従事。

その後、サクラサクマーケティング株式会社に転職し、SEOコンサルタントとして、10年以上、100サイトの以上の顧客のWEBマーケティングのパートナーを担う。また、セールス、新規企画開発、アライアンスと幅広く従事し、2014年より取締役社長として会社を牽引。



無料資料ダウンロード

サービス資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. サイトリニューアルで失敗しない為のSEOチェックポイント

    制作してから年月が経過したWebサイトでは、リニューアルを行うケースもあるかと思います。 メインとする目的は様々でしょうが、その際、検索流入を失いたくないというのはすべてのWeb担当者が持つ共通の思いでしょう。 この記事 […]...

    1. インスタグラムの公式な投稿埋め込み方法がSEOに不向きな理由

      ブログやWebサイトだけでなく、インスタグラムやtwitterなどのSNSを運営していて、ブログ上でSNSの紹介や、逆にSNS上でブログの紹介をされる方も多いかと思います。 ブログ上でSNS投稿を紹介する場合、投稿埋め込 […]...

おすすめコンテンツ

  1. SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します

    SEO対策とは「検索エンジン最適化」のことで、数あるWeb集客手法の中でも、検索エンジンからの成果を最大化することです。基本的にはユーザーや検索エンジンからより評価されるように、WebサイトやWebページの変更・改修を続 […]...

    1. コンテンツマーケティングとは?特徴と事例、社内でできる方法を解説します

      ここ数年で急激にコンテンツマーケティングという言葉を聞くようになりました。しかし、「興味があるがまだ着手できていない」という人や、「そもそもどんなコンテンツを作ればいいのかわからない」、「社内で運用しているが成果がでない […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        目次 SEOに強いコンテンツとは回答性網羅性文字数ユーザー体験[回答性×網羅性×文字数×ユーザー体験]を考慮したSEOに強いコンテンツ制作お問い合わせフォーム SEOに強いコンテンツとは 検索エンジンで上位表示をさせるた […]...

最新情報を取得する

PAGE TOP