WordPressプラグインなし。コード追加のみで構造化データ対策用パンくずリストを表示

2022年6月14日

WordPressパンくずリストとは?

パンくずリストとは、WordPress(または任意のサイト)に関連し、投稿またはページの上部に表示されるナビゲーションリンクとなります。
ユーザーに、現在表示しているコンテンツとつながった上層のカテゴリを表示し、以前に表示したページに簡単に戻る手段を提供します。

検索クローラーにとって非常に大切なパンくずリスト。

WordPressでは便利なプラグインが多くあり、プラグイン依存ではなくコードで操作したい。というケースも少なからずあるかと思います。
前回、『WordPressで出来るだけ避けたい・卒業したいプラグイン』という記事でも触れた内容をご紹介。
※下記コードはトップページにパンくずリストは表示されません

function create_breadcrumb() {
// 
$wp_obj = get_queried_object();
// 構造化データ対応用
echo
'<div class="p-breadcrumb">'.
'<ul class="p-breadcrumb__lists" itemscope itemtype="https://schema.org/BreadcrumbList">'.
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url() . '">'.
'<span itemprop="name">TOP</span>'.
'</a>' .
'<meta itemprop="position" content="1">'.
'</li>';
// 固定ページ(page-○○.php)
if(is_page()){
echo
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($_SERVER["REQUEST_URI"]) . '">'.
'<span itemprop="name">' . single_post_title('', false) . '</span>' .
'</a>' .
'<meta itemprop="position" content="2">'.
'</li>';
}
// カスタム投稿 TOPページ(archive-○○.php)
if(is_post_type_archive()){
echo
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($wp_obj->name) . '">'.
'<span itemprop="name">' . $wp_obj->label . '</span>'.
'</a>' .
'<meta itemprop="position" content="2">'.
'</li>';
}
// カスタム投稿 タクソノミー一覧ページ(taxonomy-○○.php)
if(is_tax()){
$post_slug = get_post_type();
$post_label = get_post_type_object($post_slug)->label;
echo
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($post_slug) . '">'.
'<span itemprop="name">' . $post_label . '</span>'.
'</a>' .
'<meta itemprop="position" content="2">'.
'</li>'.
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($post_slug . '/' . $wp_obj->slug) . '">'.
'<span itemprop="name">「' . $wp_obj->name . '」カテゴリー一覧</span>'.
'</a>' .
'<meta itemprop="position" content="3">'.
'</li>';
}
// カスタム投稿 詳細ページ(single-○○.php)
if(is_singular() && !is_page()){
$post_slug = get_post_type();
$post_label = get_post_type_object($post_slug)->label;
$post_id = $wp_obj->ID;
$post_title = $wp_obj->post_title;
echo
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($post_slug) . '">'.
'<span itemprop="name">' . $post_label . '</span>'.
'</a>' .
'<meta itemprop="position" content="2">'.
'</li>'.
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($post_slug . '/' . $post_id) . '">'.
'<span itemprop="name">' . $post_title . '</span>'.
'</a>' .
'<meta itemprop="position" content="3">'.
'</li>';
}
// 404(404.php)
if(is_404()){
echo
'<li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="p-breadcrumb__item">'.
'<a itemprop="item" href="' . home_url($_SERVER["REQUEST_URI"]) . '">'.
'<span itemprop="name">404 Not Found</span>' .
'</a>' .
'<meta itemprop="position" content="2">'.
'</li>';
}
// 固定出力
echo
'</ul>'.
'</div>';
}

上記以外に表示させたい場合は、ページごとの条件分岐を記述してください。

WordPressパンくずリストの役割とは?

WordPressパンくずリストには3つのタイプがあります。
・階層ベース:このパンくずリストは、上の例のように、ユーザーがサイトの構造においてどこにいるかを示す。
・属性ベース:主にECサイトで使用されるパンくずリストには、ユーザーが検索した属性が表示され、現在閲覧中の商品につながる。
・履歴ベース:ユーザーがサイト内のページを移動するのと連動して、このパンくずリストには前のページに戻るためのリンクが表示。

パンくずリストはSEOの改善にも役立ちます。
パンくずリストは、サイト上のさまざまなコンテンツ間の関係を明確に示す事で、検索エンジンのクローラー、つまり「ボット」がサイトの構造を理解しやすくなります。

結果として、クローラーボットはサイトのページを正確にインデックスする事で、検索エンジンの結果にパンくずリストが表示される事もあり、ユーザーは探している情報に関連するサイト上のコンテンツを包括的に確認できるようになります。

コードが手間の場合やなんらかの理由がある場合はWordPressのプラグインで必ず対応してください。


SHARE

Recent Entries

Google検索時『話題の検索キーワードに基づくオートコンプリートを非表示にする方法』
ECシステム(eCommerce)日本シェア率 2022年6月
Contact Form 7のスパムメール対策、WordPressのデフォルト機能を活用してIPや特定メール、営業メールを避ける方法
Internet Explorer 11 廃止に伴う代替ブラウザ(Google Chrome、Safari、Firefox)インストール方法
WordPress人気プラグイン Popular Postsプラグインなしで人気記事を表示させる方法


SERVICE LINEUP

Webサイト制作

Webサイト制作

デザインはもちろん、ホームページ更新頻度に関わらず、ブログ感覚で知識がなくても更新が容易にできるツールがほしいお客様向けに更新ツールをご用意。
Webマーケティング

Webマーケティング

定量的にアクセスを見込めるのオーガニック検索からSEM、SNSを活用した認知度の向上などニーズを把握し、コンバージョンを改善。
ECサイト制作

ECサイト制作

ECサイトで商品を販売、売上・販路を拡大したい。コンバージョンをアップさせたいなどお悩みを解決致します。
システム開発

システム開発

企業間取引マッチングサイトシステム開発、市区町村向けコミュニティサイト開発、不動産検索システムなど様々な開発を行っています。
ソリューション

ソリューション

メルマガASPや既存Webサイトアプリ化、電子書籍、低価格サーバー、アクセス解析サービスなど月額にてご提供いたします。

CONTACT US

Webサイトリニューアルから新規ホームページ制作まで、目的達成を実現いたします。
各種Webサイト・ECサイト制作に関するご相談、ご質問などお気軽にお問合せ下さい。

Tel : 03-5324-2318 / Email : info@reinc.jp

フォームでの各種お問合せはこちらから