Googleから「data-vocabulary.org schema deprecated」の警告が届いたので対応した件

Google Search Console Team から「パンくずリスト」関連の問題についてのメールが届きました。警告内容は「data-vocabulary.org schema deprecated」となっています。

本サイトでは、構造化データを「data-vocabulary.org」から「schema.org」に修正して対応しました。

1. パンくずリストとは？
2. data-vocabulary.org のサポート終了
3. パンくずリストの問題を修正する
4. 修正結果の確認
5. Google Search Console で検証する

パンくずリストとは？

ユーザーが現在閲覧しているページの「位置」「階層」を示したものです。
本サイトのパンくずリスト↓↓↓

このパンくずリストを「data-vocabulary.org」でマークアップしていたのが警告の原因でした。

data-vocabulary.org のサポート終了

https://webmasters.googleblog.com/2020/01/data-vocabulary.html

Official Google Webmaster Central Blog [EN]

Sunsetting support for data-vocabulary

https://webmasters.googleblog.com/2020/01/data-vocabulary.html

Official news on crawling and indexing sites for the Google index

Googleは「data-vocabulary.org」のサポートを2020年4月6日に終了するとアナウンスしています。
「data-vocabulary.org」でマークアップしていた場合、2020年4月6日以降は検索結果にリッチリザルトが表示されなくなります。
Googleでは「data-vocabulary.org」から「schema.org」に変換することを推奨しています。

要するに「data-vocabulary.org」は古い形式なので、「schema.org」に修正する必要があるということです。

パンくずリストの問題を修正する

パンくずリストの構造化データを「data-vocabulary.org」から「schema.org」に変更します。

本サイトは WordPress の LION BLOG という無料テーマを使用して作成しています。「data-vocabulary.org」では無く、「schema.org」でマークアップ出力するようにテーマを修正します。

「ダッシュボード」から「外観」 > 「テーマエディター」を選択します。

編集するテーマ「LION BLOG」を選択して（LION BLOG を利用している場合）、「テーマのための関数 (functions.php)」を選びます。

選択したファイルの内容が表示されたら、「data-vocabulary.org」という文字列を検索します。
検索バーに「data-vocabulary.org」と入力してEnterを押します。

検索バーの表示方法
Windows: 「Control」+「F」
Mac: 「Command」+「F」

パンくずリストを生成している該当箇所がわかったので、「data-vocabulary.org」で記述されている箇所を「schema.org」に変更します。

	$position = 0;	//変数追加
		if( !is_home() && !is_admin() ){
			$str.= '<div class="'. $class .'" >';
			$str.= '<div class="container" >';
			$str.= '<ol class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">';
			$str.= '<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="'. home_url() .'/" itemprop="url"><span class="icon-home" itemprop="name">'. $home .'</span><meta itemprop="position" content="'. ++$position .'" /></a></li>';
			$my_taxonomy = get_query_var( 'taxonomy' );
			$cpt = get_query_var( 'post_type' );

$position = 0; //変数追加

if( !is_home() && !is_admin() ){

$str.= '<div class="'. $class .'" >';

$str.= '<div class="container" >';

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

$str.= '<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="'. home_url() .'/" itemprop="url"><span class="icon-home" itemprop="name">'. $home .'</span><meta itemprop="position" content="'. ++$position .'" /></a></li>';

$my_taxonomy = get_query_var( 'taxonomy' );

$cpt = get_query_var( 'post_type' );

修正が完了したらファイルの更新をクリックして反映します。