Googleの検索結果に、レシピ写真を表示させる方法

Oct 13, 2012

Googleには、レシピ検索機能があります。
あるコードをいれるだけで、Google検索結果にレシピの画像が表示されることが出来ます。
レシピサイトには実装必須と言ってもいいくらい効果的なので、ぜひ試してみてください。

検索結果に画像表示

imgタグに、itemprop=”photo”を追記するだけ。

<img src="画像のURL" itemprop="photo" />

検索結果に調理時間表示

timeタグを、記事内の追加。以下は15分に設定した例です。

<time datetime="PT15M" itemprop="totalTime">

検索結果にカロリー表示

カロリーの場合は、記事内のカロリー表示を以下の様にspanタグ等で囲ってあげればOK。

<span itemprop="calories">250 kcal</span>

検索結果に著者名表示

著者名も、カロリー表示と同じようにspanタグ等で囲む方法でOKですが、

<span itemprop="author">東京 花子</span>

以下の方法を使えばアイコン写真を表示させることも可能です。
検索からの流入がアップ!Googleの検索結果に著者情報を載せる方法 | nanapi [ナナピ]

以上が基本的な情報ですが、他にも材料や分量など様々な情報をGoogleに送ることができます。

ガイドラインの詳細は、こちらからどうぞ。
レシピ – ウェブマスター ツール ヘルプ

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

Fireworks Bros.的よく使うショートカットキーランキング