リッチスニペットを使って料理サイトを検索で画像付きに目立たせる方法

料理サイトでリッチスニペット

こんんちは、こんばんは、ごりょんさんです。

飼いヌコ
こんばんは飼いヌコです。

検索エンジンと言えばGoogleYahooが両横綱ですね。世間でもそう捉えられていると思います。

今回はリッチスニペットを使って料理サイトを検索で画像付きに目立たせる方法を試していきたいと思います。

どういう事かといいますと、Googleの音声検索で料理のレシピを調べますと、検索結果が画像付きで表示される事があります。

料理サイトでリッチスニペット1

「カッコいいな~」といつも思っていました。

飼いヌコ
これは目立ちますね!

自分も料理ブログを運営していますので、検索結果に画像付きで表示できないものかと思っていました。

おそらくクックパッドや楽天レシピみたいな巨大サイトだけの特権だろうと思っていましたが、個人でも出来る方法がありましたので書き記していきたいと思います。

リッチスニペットとは

まずはリッチスニペットという言葉の意味から調べていきましょう。そんなものは知ってるよと言われる方は6 JSON-LDの使い方 までワープして下さい。

飼いヌコ
リッチなスニペット?

icon-question スニペットとは?

Googleの検索結果に表示される記事タイトルの下の説明文。

ブログの記事を新規投稿すれば自動的にディスクリプションが作成されますね。わたくしはプラグイン「All in One SEO Pack」を使っていますので、自分で毎回記入しています。

料理サイトでリッチスニペット2

Googleの検索結果にはこんな感じで表示されました。

料理サイトでリッチスニペット3

ページタイトルの下にブログの説明文が表示されています。これがスニペットです。

一方のリッチスニペットはといいますと

料理サイトでリッチスニペット4

飼いヌコ
おおっ!画像が表れた!

一目瞭然ですね。目立ちます。

リッチスニペットで表示させていますのは写真と調理時間です。

料理サイトでリッチスニペット5

リッチスニペットの種類

リッチスニペットの種類には様々な物があります。

  • レシピ
  • パンくずリスト
  • レビュー
  • 動画や音楽
  • 検索窓
  • イベント情報
  • 会社組織

飼いヌコ
パンのクズを何に使うのかな?

パンくずリストとはサイトの階層を分かり易くしたものですね。

料理サイトでリッチスニペット6

リッチスニペットのメリット

料理サイトでは特に検索エンジンの結果欄に写真が載っているのと載っていないのとではクリック率が変わってくると思います。写真があればクリックしたくなるのが人間ですね。

他には、たくさんの情報を載せる事で検索エンジンがページの内容を理解し易くなって検索順位に良い影響を与える事もあります。

飼いヌコ
ほう、良い事ばかりですね。これは設定しておいて損はないですね。

リッチスニペットの表示条件

リッチスニペットが表示されるのには条件を満たしていなければなりません。

1 Googleのガイドラインに沿っている
2 クエリとの関連性
3 サイトの品質

ユーザーに一切表示されないコンテンツや、虚偽のレビュー・ページの内容と関係のないコンテンツ等をマークアックしますとスパム扱いされる恐れがあります。検索ユーザーにとって有意義なリッチスニペットでなければなりません。

その他ではサイトの品質が低いと表示されないです。せめて検索で2ページ目くらいにランクインしなければ表示されませんね。

飼いヌコ
全部が全部写真が表示される訳ではないのね・・・

素人でもできるリッチスニペットの書き方

では本題に入りましょう。リッチスニペットはどのようにしてマークアップするのかを解説していきます。

ド素人のわたくしでも出来た簡単な方法です。

検索エンジンが自分のサイトをクロールする時に、サイトの単語は理解していますが、その単語は何を意味しているのかまでは理解できません。

ですので、サイト制作者が検索エンジンにも理解できるようにマークアップして単語を理解してもらえるようにする事です。

この方法を構造化データと言います。

この構造化データの書き方には3種類の方法があります。

1 JSON-LD
2 Microdata
3 RDFa

この中でも一番簡単なJSON-LDを使って構造化データを作成していきます。

JSON-LDの使い方

最初に用意するものはブログ記事とメモ帳だけです。

飼いヌコ
メモ帳?

下記のコードをメモ帳に貼り付けて名前を付けてデスクトップに保存しておきます。

上から順番に説明していきます。

料理サイトでリッチスニペット7

name 記事タイトル
image 写真
name ブログ投稿者
datePublished 投稿日
description ページの概要文
prepTime 準備時間
cookTime 調理時間
totalTime 合計調理時間
recipeYield 何人前のレシピか?
ingredients 材料
recipeInstructions 作り方

この9項目に記事に当てはまる内容を記入していきます。

料理サイトでリッチスニペット8

飼いヌコ
なんか難しそう・・・

なれると簡単に出来るようになります。

全て記入し終わりましたらコピペして記事の最後に貼り付けます。

料理サイトでリッチスニペット9

新規の記事なら「公開」既存の記事なら「更新」をクリックします。

構造化データツールで確認する

正しくマークアップされたか構造化データツールでチェックします。

構造化データテストツール

先ほど構造化データを作成した記事のURLを貼り付けて「テストを実行」をクリックします。

料理サイトでリッチスニペット10

エラーはなしでしたが2件の警告が表示されていました。

料理サイトでリッチスニペット11

推奨フィールドとなっていますこの2件の警告を調べてみる事にしました。

それによりますと

aggregateRating レビュー
nutrition 栄養価

自分のレシピにレビューは付けられませんね(笑)。栄養価の方も専門家ではないので表示のしようもありません。エラーではなく警告ですのでこのままでも構わないと思います。

最後に検索での見え方をチェックしておきます。「プレビュー」をクリックします。

料理サイトでリッチスニペット12

飼いヌコ
なかなか良いですね~

以上でリッチスニペットの書き方は終わりです。1週間ほどで検索に表示されると思います。

まとめ

今回はGoogleの検索結果の表示に写真を挿入させる方法としまして、JSON-LDを使った構造化データのマークアップ方法を解説しました。

コピペで簡単に出来てしまいますので、ブログの新規記事を書き終わったら必ず書き加えておきたいですね。

しかしすべての記事でリッチスニペットが表示される訳ではありません。キーワード等を使い検索上位に入らなければ写真の表示は難しいと思われます。

ちなみにわたくしの料理ブログではリッチスニペットの写真入りで検索にインデックスされたのは今の所2記事だけです。

飼いヌコ
たった2記事w

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です