パンくずリストの修正

2020.03.14
未分類

　Google Search Consoleで｢data-vocabulary.org スキーマのサポートは終了します｣という警告が大量に表示されました。パンくずリストの構造化データをdata-vocabulary.orgで記述していたことが原因でした。そのため、data-vocabulary.orgからschema.orgへ変更する必要があります。

　当ブログではテーマにLion Blogを使用していますが、アップデートが2018/01/09以降行われいません。そのため、対応済みテーマへの変更、もしくは自身でphpを修正する必要があります。

1. パンくずリストの修正
2. 参考サイト

パンくずリストの修正

※必ずバックアップを取ってから修正してください。バグによりページが表示できなくなる可能性があります。私はそうなりました。

　Lion Blogではfunctions.phpのfit_breadcrumbでパンくずリストを作成しています。この関数内に記述されているリスト作成部分を変更します。

$breadcrumb_posという変数を以下の場所へ追加します。

･･･
$str ='';
$breadcrumb_pos = 1;
$defaults = array(
･･･

･･･

$str ='';

$breadcrumb_pos = 1;

$defaults = array(

･･･

リストの領域<ul>を以下のように変更します。

$str.= '<ul class="breadcrumb__list">';
↓
$str.= '<ul class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">';

$str.= '<ul class="breadcrumb__list">';

↓

$str.= '<ul class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">';

各リスト<li>を以下のように変更します。ホームの部分は以下のように変更します。

$str.= '<li class="breadcrumb__item" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="･･･" itemprop="url"><span class="icon-home" itemprop="title">･･･</span></a></li>';
↓
$str.= '<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="･･･"><span class="icon-home" itemprop="name">･･･</span></a><meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

$str.= '<li class="breadcrumb__item" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="･･･" itemprop="url">･･･</a></li>';

↓

$str.= '<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="･･･">･･･</a><meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

ホーム以外の部分はには$breadcrumb_pos ++;を追加します。

$str.='<li class="breadcrumb__item" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="･･･" itemprop="url"><span itemprop="title">･･･</span></a></li>';
↓
$breadcrumb_pos ++;
$str.='<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="･･･"><span itemprop="name">･･･</span></a><meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

$str.='<li class="breadcrumb__item" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="･･･" itemprop="url">･･･</a></li>';

↓

$breadcrumb_pos ++;

$str.='<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="･･･">･･･</a><meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

リンクのないリストは以下のように変更します。

$str.='<li class="breadcrumb__item">･･･</li>';
↓
$breadcrumb_pos ++;
$str.='<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">･･･</span><meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

$str.='<li class="breadcrumb__item">･･･</li>';

↓

$breadcrumb_pos ++;

$str.='<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">･･･<meta itemprop="position" content="' .$breadcrumb_pos.'" /></li>';

以上のように修正した後に、Google Search Consoleで修正を検証したところ警告はなくなりました。