リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

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

今回は、リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法に挑戦していきたいと思います。

飼いヌコ
!? 何のこっちゃw

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

ワタシも料理ブログを運営しているので、検索結果にレシピを画像付きで表示できないものかと思っていました。おそらく、クックパッドや楽天レシピみたいなメジャーサイトだけの特権だろうと思っていましたが、個人でも出来る方法があったので書き記していきたいと思います。

スポンサーリンク

リッチスニペットとは

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

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

icon-question スニペットとは

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

リッチスニペットの種類

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

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

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1JSON-LD
2Microdata
3RDFa

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

JSON-LDの使い方

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

飼いヌコ
メモ帳?

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

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

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

aggregateRatingレビュー
nutrition栄養価

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

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

リッチスニペットを使い、検索エンジンにレシピサイトを画像付きで表示させる方法

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

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

まとめ

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

しかし、すべての記事でリッチスニペットが表示される訳ではありません。キーワード等を使い、検索上位に入らなければ写真の表示は難しいと思われます。ちなみに、ワタシの料理ブログでは、リッチスニペットの写真入りで検索にインデックスされたのは、今の所2記事だけです。

飼いヌコ
たった2記事ww

スポンサーリンク

フォローする

コメントをどうぞ

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

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