好奇心

直感・閃き・気になる事探究を楽しむ

GoogleリッチカードのJSON-LDにも完全対応

Googleが通常の検索結果(リッチスニペット)とは違うリッチカードという仕組みを導入。こちらは完全にJSON-LD必須との事ですが、Schema.Org設定エディタはこれに完全対応する機能についてご紹介
schema.org Googlerichcards

Googleサーチコンソールにリッチカードが登場!

海外のみで日本はまだ対応してないとの事
現時点では料理のレシピと映画に関するフォーマットしか対応してないとの事ですが・・実は、構造上、Schema.Orgのrecipeとして認識されているため、検索結果でレシピのリッチスニペット表示されました
PCから
レシピ表示成功
スマホから
レシピ表示成功
また、サーチコンソール上ではリッチカードの記述をしっかりと認識されています(改善の必要なし)
リッチカード 認識
Googleリッチカードは将来的には日本にも導入され、他にも数多くの形式のフォーマットが登場すると言われてますが、現時点で導入してもちゃんと認識されるので、今からやっても損より得のほうが大きいです
ちなみにレシピのリッチカードとして認識された記事はこちら

一杯でお腹いっぱい栄養満点カレーライスレシピ

リッチカードはJSON-LD形式で記述が必須

検索結果状で、コンテンツの情報をアピールできるリッチカードを利用するためには、以下のようなJSON-LDでの記述が必要になります

レシピのリッチカードサンプル

引用元:Google Search Gallery
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Perfect Apple Pie",
"author": "Gin Blanco",
"image": "https://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg",
"description": "A classic apple pie takes a shortcut with easy Pillsbury® unroll-fill refrigerated pie crust.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "276",
"bestRating": "5",
"worstRating": "1"
},
"prepTime": "PT30M",
"totalTime": "PT3H",
"recipeYield": "8",
"nutrition": {
"@type": "NutritionInformation",
"servingSize": "1 medium slice",
"calories": "230 calories",
"fatContent": "1 g",
"carbohydrateContent": "43 g",
"cholesterolContent": "0 mg",
"fiberContent": "1 g",
"proteinContent": "1 g",
"saturatedFatContent": "2 ½ g",
"servingSize": "1 Serving",
"sodiumContent": "200 mg",
"sugarContent": "27 g",
"transFatContent": "0 g"
},
"recipeIngredient": [
"1 box Pillsbury™ refrigerated pie crusts, softened as directed on box",
"6 cups thinly sliced, peeled apples (6 medium)",
"3/4 cup sugar",
"2 tablespoons all-purpose flour",
"3/4 teaspoon ground cinnamon",
"1/4 teaspoon salt",
"1/8 teaspoon ground nutmeg",
"1 tablespoon lemon juice"
],
"recipeInstructions": [
"1 Heat oven to 425°F. Place 1 pie crust in ungreased 9-inch glass pie plate. Press firmly against side and bottom.",
"2 In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate. Top with second crust. Wrap excess top crust under bottom crust edge, pressing edges together to seal; flute. Cut slits or shapes in several places in top crust.",
"3 Bake 40 to 45 minutes or until apples are tender and crust is golden brown. Cover edge of crust with 2- to 3-inch wide strips of foil after first 15 to 20 minutes of baking to prevent excessive browning. Cool on cooling rack at least 2 hours before serving."
]
}
</script>

この公式のひな形を使えばレシピのリッチカードとして認識される訳ですが・・これを見て
何をどうすればいいか?と判断できるのはSchema.Orgの形式を理解している人だけです
ですが、Schema.Org設定エディタ「SOE」を使えば誰でも簡単操作で利用が可能になります
それについて動画をご覧ください

Schema.Org設定エディタ動画 JSON-LDを再編集機能


サムネイル用すでにあるJSON-LDコードを取り込み、ツール上で再編集して再度、スクリプトとして出力する機能によって、今後情報を書き換える際にも役立つ機能

動画を見たらわかるとおり、構造が壊れないように、変更が必要な箇所だけをピンポイントで修正していく事ができます。この機能を使えば、今後様々な形式が増えてきたとしても、基本的に利用できるプロパティの知識だけ理解すれば、さくさくと様々なリッチカードに対応する事ができます
詳しくはこちらのサイトをどうぞ
Schema.org.設定Editer S.O.E解説サイト

LEAVE A REPLY

*
*
* (公開されません)

Return Top