構造化データとは・ワードプレスでのリッチリザルト の使い方・表示させ方

構造化データとは・リッチリザルト 使い方

検索結果に『リッチなコンテンツ』を表示するための仕組みリッチリザルト
リッチリザルト構造化データ
構造化データが書かれたサイトの表示結果(リッチリザルト)

上のような『リッチなコンテンツ』表示結果をリッチリザルトと呼びます。

構造化データとは、検索エンジンがコンテンツやページの内容を、より良く理解して、『リッチリザルト』として検索結果に表示させるための仕組み。
今までの HTMLでは
タイトル・本文・リスト・など文章の骨組みは検索エンジンに伝えることが出来ていたが、コンテンツの持つ
意図を正しく理解して検索結果に、リッチなコンテンツとしてインデックスするのには、足りない部分があった。

ロボ
そこで登場したのが 構造化データの仕組み! このルールに従ってページをコーディングすると、
ユーザーの理解しやすいリッチなコンテンツの形で検索結果に表示されます。

リッチリザルトとして表示されるものの例

  1. レシピ
  2. 商品
  3. レストラン
  4. 書評
  5. 航空券の予約(メール)
  6. ホテルの予約(メール)

構造化データに適用させかたは2ステップ!

1 記事の中でリッチに表示させたい部分を構造化データにする。
           

               ▼    ▼

2 該当記事のHTMLのHEADERに1を張り付ける。

※Google推奨の方針で説明します
schema.org のボキャブラリを使用して「JSON-LD」シンタックス形式で書かれています。
レシピでのボキャブラリーの例↓
https://schema.org/Recipe

シンタックスにはいろいろあり「JSON-LD」「microdata」「RDFa」の3つですが、
Google では、「JSON-LD」が推奨されています。この「JSON-LD」形式でどうやって各記事を構造化データ化するのかいかに一例をあげます。

コードの作りはこんな感じ!

 

<script type="application/ld+json">{  // 内容を記述}</script>

上記の内容を記述したものが以下のコード。

<script type="application/ld+json">{"@context": "http://schema.org/","@type": "Recipe","name": "米麹(米こうじ)作り方 海外編","image": "https://duesselfrau.de/wp-content/uploads/2020/11/koji-2.jpg","author": {"@type":"Person","name" : "デュッセルフラウ海外生活ハック"},"datePublished": "2020-11-18","description": "海外在住の方でも、米麹が作れる!揃えやすい道具【ヨーグルトメーカー】を使用した米麹の作り方","prepTime": "PT24H","cookTime": "PT40M","totalTime": "P3D","keywords":"米麹 作り方","recipeYield": "1 serving","recipeCategory": "米麹","recipeCuisine": "Japanese","nutrition": {"@type": "NutritionInformation","calories": " 100kcal"},"aggregateRating": {"@type": "AggregateRating","bestRating": "5","worstRating": "4","ratingValue": "5","reviewCount": "18" },  "recipeingredient": ["米","麹菌","ヨーグルトメーカー"],  "recipeInstructions": [{"@type": "HowToStep","name":"米を蒸す","text":"24時間浸水した米を蒸す","url": "https://duesselfrau.de/kaigailifehack/3129.html","image": "https://duesselfrau.de/wp-content/uploads/2020/11/wp-16056428554684322495660305980060-300x169.jpg"},{"@type": "HowToStep","name":"麹菌を育てる(培養)42~48時間","text":"保温箱で培養","url": "https://duesselfrau.de/kaigailifehack/3129.html","image": "https://duesselfrau.de/wp-content/uploads/2020/09/wp-16007597989204158364553808685643-scaled.jpg"}]}</script>

 

上記のコードをどこに入れるかというと・・・・(コード・・・初回のメモ帳から作る HTML文章より。)

<html><head><title>Test</title></head><body><h1>タイトルはココへ</h1><p>WELCOME!!!!<br />2021 Webマーケティングコース!<br /></p></body></html>

 
上記の基本構造の HEADの間に構造化データを書き込む。

構造化データを実装

ここまでで、全体感がつかめたら、構造化データを実装してみましょう。
自分でゼロからコーディングすると、難易度・手間度が高いので以下のツールのどれかを活用してさくっと、作成しましょう。

記事の中の、リッチに表示させたい部分を構造化データにする方法

構造化データ マークアップ支援ツールを使う

構造化ツールの該当(レシピ)部分を使う

Google Developers

Explore the Search Gallery to learn about specific informati…

該当記事の『HEADER』部分に書き込む

HTMLの場合

・HTMLでご自身でコーディングされているサイトなら、そのままHTMLのHEADER部分に張り付け。

ワードプレスご使用の場合

・ワードプレスご使用の場合では記事ごとにHEADER部分に入れたい構造化コードをプラグインなどを利用して埋め込む。
※例えば『Header Footer Code Manager』を使用してページごとのHEADERの埋め込みをカスタマイズできる。

WordPress.org 日本語

Easily add tracking code snippets, conversion pixels, or oth…

Step1とStep2を一気に完了させる便利ツール

ワードプレスの『レシピ』プラグインで最新のものを使う

WP Recipe Maker おススメ!

Bootstrapped Ventures

The easy and user-friendly recipe plugin for WordPress. Just…

0
どうやったらいいのか分からない!

  • Webコンサルティングで集客UPしたい
  • 事業をオンライン化したい
  • トラブル発生でどこに聞いたらいいのか分からない

こんな方、ぜひ無料相談をお試しください。

無料相談はこちら
0
最新情報をチェックしよう!
>ホームページ 無料診断

ホームページ 無料診断

ホームページを変えたい・ホームページに集客したい!
今あるホームページの問題点を診断して現状を把握してみませんか?
SEO対策で集客効果を出したい方やWebコンサルティングで迷っている方におススメ
毎月2サイト様限定で無料診断しています

CTR IMG
EnglishGermanJapanese