Googleの検索結果に使われる「リッチカード」を用意する

Search Consoleに何か増えていますね。
リッチカードという項目です。

リッチカード

リッチカードって何？

元々、リッチスニペットと呼ばれていたものを検索結果のカード表示として表示できるやつ。くらいの認識で良いと思います。
よくある表示が、買い物サイトのレビュー数と、☆等で表示されているレーティングの、アレです。

リッチカードのサンプル

サクッと作ってみましょう。

コードのサンプル

ササっと出します。
今回は「みかん」の作り方です。

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Recipe",
  "name": "みかん",
  "author": "肌色",
  "image": "http://cdn.mogile.archive.st-hatena.com/v1/image/psne/302454656517893195.png",
  "description": "おいしいみかんを食べます。",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.2",
    "reviewCount": "65535",
    "bestRating": "5",
    "worstRating": "1"
  },
  "prepTime": "PT1M",
  "totalTime": "PT15M20S",
  "recipeYield": "1",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "45 kcal",
    "fatContent": "0.03 g",
    "carbohydrateContent": "8.63 g",
    "cholesterolContent": "- mg",
    "fiberContent": "0.3 g",
    "proteinContent": "0.53 g",
    "saturatedFatContent": "0.01 g",
    "servingSize": "1個当たり",
    "sodiumContent": "0.75 mg",
    "sugarContent": "- g",
    "transFatContent": "- g"
  },
  "recipeIngredient": [
    "みかんの木",
    "かご",
    "肌色1名"
  ],
  "recipeInstructions": [
    "木からみかんをもぎます",
    "かごに盛ります",
    "皮を剥きます",
    "食べます",
    "おいしい！！！！！！！！！！！！！"
   ]
}
</script>