WordPressに構造化データをJSON-LDで記述する方法

2016.3.3
wordpress

Googleの検索結果がちょっと見やすくなったりするので設定したほうがいいと言われる「構造化データ」。Search Console(旧ウェブマスターツール)を見たときに「構造化データが設定されていません」という表示が出ていてずっと気になっていたのですが、なんだか難しそうで放置していました。しかしよく調べると、Wordpressなら簡単に設定が出来るようだったので、ちょっと設定しみてました。

そもそも、構造化データとは?

そもそも構造化データとはなんでしょうか? 噛み砕くと、そのものずばり「構造化」された「データ」です。うん、さっぱりわかりませんね。

詳しくは専門のサイトなどを参照してほしいのですが、簡単にいうとコンピュータ(今回の場合はGoogleの検索エンジン)がデータ(今回はWEBサイトの情報)を理解できるようにタグ付けして記述されたものです。

記述には、「Microdata」、「RDFa」、「JSON-LD」などいくつかの方法があり、Googleは以前はMicrodataを推していたので、ネットで検索してもこの書き方の情報が多めです。しかしWordpressでこれから設定するなら、JSON-LDが圧倒的に楽だと思います(最近はGoogleもJSON-LD推しだとか)。

構造化データ、それぞれの記述方法の違い

実際の構造化データがどんなものか、下記に記載しておきます。ブログ記事だとこんな感じという例のつもりです。

通常のHTML

<h1>構造化データを作ってみよう</h1>
<p>2016年3月2日</p>
<p>構造化データというのはうんぬんかんぬん……</p>

Microdata

<div itemscope itemtype="http://schema.org/BlogPosting">
 <h1 itemprop="headline">構造化データを作ってみよう</h1>
 <p><time itemprop="datePublished" content="2016-03-02T11:18:45+00:00"2016年3月2日</time></p>
<p itemprop="articleBody">構造化データというのはうんぬんかんぬん……</p>
</div>

RDFa

<div vocab="http://schema.org/" typeof="BlogPosting">
<h1 property="headline">構造化データを作ってみよう</h1>
<p><time property="datePublished" content="2016-03-02T11:18:45+00:00"2016年3月2日</time></p>
<p property="articleBody">構造化データというのはうんぬんかんぬん……</p>
</div>

JSON-LD

<script type="application/ld+json">
{
  "@context":"http://schema.org",
  "@type":"BlogPosting",
  "mainEntityOfPage":{
    "@type":"WebPage",
    "@id":"http://exsample.com/?p=xxxx"
  },
  "headline":"構造化データを作ってみよう",
  "datePublished": "2016-03-02T11:18:45+00:00",
  },
  "articleBody": "構造化データというのはうんぬんかんぬん……"
}
</script>

WordPressならJSON-LDを使うのが簡単

上記の例を見てみると、JSON-LDだけ書き方が違うのがわかると思います。他の2つがHTMLに直接手を入れているのに対して、JSON-LDは元のHTMLとは独立して構造化データを記述できます。このため、後から構造化データに対応させるなら、JSON-LDが圧倒的に簡単です。

具体的には、下記のコードを個別記事のテンプレートに追加するだけで構造化対応が終了します。

<?php
   $thumbnail_id = get_post_thumbnail_id($post);  
   $imageobject = wp_get_attachment_image_src( $thumbnail_id, 'full' );
?>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage":{
    "@type":"WebPage",
    "@id":"<?php the_permalink(); ?>"
  },
  "headline":"<?php the_title(); ?>",
  "image": {
    "@type": "ImageObject",
    "url": "<?php echo $imageobject[0]; ?>",
    "height": "<?php echo $imageobject[2]; ?>",
    "width": "<?php echo $imageobject[1]; ?>"
  },
  "datePublished": "<?php echo esc_attr( get_the_date( 'c' ) );?>",
  "dateModified": "<?php echo esc_attr( get_the_date( 'c' ) );?>",
  "author": {
    "@type": "Person",
    "name": "自分の名前"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<?php bloginfo('name'); ?>",
    "logo": {
      "@type": "ImageObject",
      "url": "ブログのロゴ画像のURL",
      "width": ロゴ画像の横サイズ,
      "height": ロゴ画像の縦サイズ
    }
  },
  "description": "<?php the_excerpt(); ?>"
}
</script>

簡単ですね。

構造化データの確認

設定したら、構造化データのテストツールで間違っていないか、必須のデータが抜けていないかなどを確認します。

snipet

左側でURLを入力し、右側にエラーがなければ大丈夫。エラーがあるとその項目が赤く表示されます。

Search Consoleへは3日程度で反映

googlesearch

構造化データを設定してから、3日くらいするとSearch Consoleで確認できるようになります。クロールのタイミング次第なんでしょうけど。

とりあえず設定しておいて損はない……はず

構造化データを設定したからといって、かならずしも検索結果にリッチスニペットが反映するというわけではないようですが、割とあっさりと設定が出来てしまうので、やっておいて損はないでしょう。

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

米Amazon、Dush Buttonを押すたびに異なるお菓子の詰め合わせが届く「Prime Surprise Sweets」を提供中

オンライン版のDush Buttonをリリースした米Amazonですが、物理的なDash Button(ややこしい・・・)を使い、ボタンを押すたびに毎回異なるお菓子の詰め合わせが送付されてくる「Pri

GPD WINの保護シートや干渉防止ゴムの自作など、使いやすくするためにやったこと

最近ゲーム設定の話しか書いていない気がするGPD WINですが、もちろんゲーム以外でも活用していて外出時にはPC(Surface Pro 3)は持ち歩かずにGPD WINだけで済ませることが多くなって

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

本日9時から予約がスタートしたNintendo Switch。 Amazonを除くオンラインショップでは軒並みサイトが重かったり、エラーになっているようです。 Amazonでは10分ほどで完売 Ama

米Amazon、1プッシュで注文できるAmazon Dush Buttonにオンライン版を追加

日本でも始まったAmazon Dush Buttonですが、米AmazonではDush Buttonのオンライン版が登場しました。 Amazon Dush Buttonは、ボタンを押すと注文が完了する

世界初のVR対応13インチゲーミングノートPC、ALIENWARE 13が日本で発売開始

DELLが世界初となる13インチのVR対応ゲーミングノートPC ALIENWARE 13を発表しました。 ALIENWAREはこれまで15インチと17インチがありましたが、今回あらたに13インチが追加

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

米Amazon、定価が$869のGoogle Pixel XL 128GBモデルを$1,510で販売中

米Amazon、定価が$869のGoogle Pixel XL 128GBモデルを$1,510で販売中

米AmazonがGoogle Pixel XL 128GBに$1510.08という価格を付けて海外サイトで話題になっています。 昨年10月に発売となったGoogleのPixel/Pixel XL...

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

本日9時から予約がスタートしたNintendo Switch。 Amazonを除くオンラインショップでは軒並みサイトが重かったり、エラーになっているようです。 Amazonでは10分ほどで完売 ...

DELL、13インチとしては世界最小のXPS 13 2-in-1を発表

DELL、13インチとしては世界最小のXPS 13 2-in-1を発表

DELLが13インチ 2-in-1なノートPCとしては世界最小となるXPS13 2-in-1を国内で発表し発売を開始しました。 20日の夜にアフィリエイター向けの製品発表会があり、それに参加して...

MENU

back to top