リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

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

ここでは、リッチスニペットを使い、レシピ記事を検索エンジンに画像付きで表示させる方法を紹介します。

!? 何のこっちゃw

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

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

これは目立ちますね!

ワタシも料理ブログを運営しているので、検索結果にレシピを画像付きで表示できないものかと思っていました。

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

リッチスニペットとは

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

リッチなペット?

スニペットとは?
Googleの検索結果に表示される、記事タイトルの下の説明文。

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

Googleの検索結果には、下記の様に表示されました。ページタイトルの下にブログの説明文が表示されていますが、これがスニペットです。

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

一方のリッチスニペットはというと、一目瞭然ですね、目立ちます。

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

おおっ!画像が表れた!

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

スポンサーリンク

リッチスニペットの種類

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

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

パンのクズを何に使うのかな?

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

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

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

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

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

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

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

リッチスニペットの表示条件
  1. Googleのガイドラインに沿っている
  2. クエリとの関連性
  3. サイトの品質

ユーザーに一切表示されないコンテンツや、虚偽のレビュー・ページの内容と関係のないコンテンツ等をマークアックすると、スパム扱いされる恐れがあります。

検索ユーザーにとって有意義なリッチスニペットでなければなりません。

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

全部が全部、写真が表示される訳ではないのね…。

スポンサーリンク

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

では本題に入りましょう、リッチスニペットとはどの様にしてマークアップするのかを解説していきます。ド素人のワタシでも出来た簡単な方法です。

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

なので、サイト制作者が検索エンジンにも理解できるようにマークアップを行い、単語を理解してもらえる様にしなければなりません。

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

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

構造化データの書き方の種類
  1. JSON-LD
  2. Microdata
  3. RDFa

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

JSON-LDの使い方

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

メモ帳?

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

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

 

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

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

なんか難しそう…。

慣れると簡単に出来るようになります。全て記入し終えたら、コピペしてブログ記事の最後に貼り付けましょう。

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

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

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

正しくマークアップされたか、構造化データツールでチェックしていきましょう。

外部リンク構造化データテストツール

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

エラーは無かったものの、2件の警告が表示されていました。

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

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

aggregateRatingレビュー
nutrition栄養価

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

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

リッチスニペットを使い検索結果にレシピを画像付きで表示させる方法

なかなか良いですね~

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

まとめ

今回は、Googleの検索エンジンに写真を挿入させる方法として、JSON-LDを使った構造化データのマークアップ方法 を紹介しました。コピペで簡単に出来てしまうので、ブログの新規記事を書き終わったら、必ず書き加えておきたいですね。

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

コメントを残す

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

日本語が含まれない投稿や心無いコメントは無視されますのでご注意ください。(スパム対策)