سایت های آشپزی می توانند با استفاده از اسکیما recipe اطلاعاتی مانند میزان زمان پخت، مواد لازم و ... را در نتایج گوگل همراه با تصاویر و اطلاعاتی مختصر نمایش دهند که این امر باعث می شود تا کاربران بدون نیاز به وارد شدن به سایت، اطلاعات تکمیلی در مورد دستور پخت خوراکی و غذا مورد نظر خود را دریافت می کنند. اگر اطلاعات درست و کاربردی باشند توجه کاربران را به خود جلب می کنند و کاربران وارد سایت می شوند.
به این نکته توجه داشته باشید که رعایت تمامی موارد و فعال سازی صحیح این اسکیما تاثیر بسیار زیادی بر آمار ورودی و ترافیک سایت شما دارد.
اسکیما recipe همانند سایر اسکیما ها باعث می شود تا موتور های جست و جو بتوانند به مطالب غنی تری از سایت دست پیدا کنند و در بهبود رتبه سایت در نتایج گوگل (serp) بسیار موثر هستند.
کد اسکیما recipe ( دستور پخت)
به طور کلی برای فعال سازی اسکیما recipe تنها یک کد استاندارد وجود دارد که با قرار دادن آن میتوان این طرحواره را برای صفحه سایت خود ایجاد نمایید.
به این نکته توجه داشته باشید که اگر سایت شما با کد نویسی سفارشی انجام شده است باید حتما از نمونه کدی که در ادامه قرار داده شده است استفاده کنید اما اگر سایت شما وردپرس باشد می توانید با استفاده از افزونه های مانند yoast، رنک مث، schema pro و ... اسکیما recipe را به راحتی فعال نمایید.
نمونه کد اسکیما recipe به صورت زیر می باشد:
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This coffee cake is awesome and perfect for parties.",
"prepTime": "PT20M",
"cookTime": "PT30M",
"totalTime": "PT50M",
"keywords": "cake for a party, coffee",
"recipeYield": "10",
"recipeCategory": "Dessert",
"recipeCuisine": "American",
"nutrition": {
"@type": "NutritionInformation",
"calories": "270 calories"
},
"recipeIngredient": [
"2 cups of flour",
"3/4 cup white sugar",
"2 teaspoons baking powder",
"1/2 teaspoon salt",
"1/2 cup butter",
"2 eggs",
"3/4 cup milk"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Preheat",
"text": "Preheat the oven to 350 degrees F. Grease and flour a 9x9 inch pan.",
"url": "https://example.com/party-coffee-cake#step1",
"image": "https://example.com/photos/party-coffee-cake/step1.jpg"
},
{
"@type": "HowToStep",
"name": "Mix dry ingredients",
"text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
"url": "https://example.com/party-coffee-cake#step2",
"image": "https://example.com/photos/party-coffee-cake/step2.jpg"
},
{
"@type": "HowToStep",
"name": "Add wet ingredients",
"text": "Mix in the butter, eggs, and milk.",
"url": "https://example.com/party-coffee-cake#step3",
"image": "https://example.com/photos/party-coffee-cake/step3.jpg"
},
{
"@type": "HowToStep",
"name": "Spread into pan",
"text": "Spread into the prepared pan.",
"url": "https://example.com/party-coffee-cake#step4",
"image": "https://example.com/photos/party-coffee-cake/step4.jpg"
},
{
"@type": "HowToStep",
"name": "Bake",
"text": "Bake for 30 to 35 minutes, or until firm.",
"url": "https://example.com/party-coffee-cake#step5",
"image": "https://example.com/photos/party-coffee-cake/step5.jpg"
},
{
"@type": "HowToStep",
"name": "Enjoy",
"text": "Allow to cool and enjoy.",
"url": "https://example.com/party-coffee-cake#step6",
"image": "https://example.com/photos/party-coffee-cake/step6.jpg"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "18"
},
"video": {
"@type": "VideoObject",
"name": "How to make a Party Coffee Cake",
"description": "This is how you make a Party Coffee Cake.",
"thumbnailUrl": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"contentUrl": "https://www.example.com/video123.mp4",
"embedUrl": "https://www.example.com/videoplayer?video=123",
"uploadDate": "2018-02-05T08:00:00+08:00",
"duration": "PT1M33S",
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": { "@type": "WatchAction" },
"userInteractionCount": 2347
},
"expires": "2019-02-05T08:00:00+08:00"
}
}
</script>
</head>
<body>
</body>
</html>
نکته ای که باید به آن توجه داشت این است که میتوان تمامی کد ها را با استفاده از سایت Rich result test مورد بررسی قرار داد و از درست بودن کد ها اطمینان حاصل کرد.
توضیح دستورات کد اسکیما recipe
همانطور که گفته شد اسکیما recipe باید به صورت صحیح و کاملا اصولی فعال شود تا در نتایج گوگل نمایش داده شود که برای فعال سازی درست و اصولی می بایست با دستورات کد اسکیما recipe آشنا باشید.
در ادامه سعی کردیم تمامی دستورات این کد را برای شما شرح دهیم:
- Image: در این قسمت آدرس تصاویر مربوط قرار داده می شود.
- aggregateRating: امتیاز دهی محصولات سایت
- author: نام شخص یا سازمانی که دستور پخت را نوشته است
- cookTime: زمان پخت
- datePublished: تاریخ انتشار
- description: توصیف کوتاه در مورد غذا
- nutrition.calories: میزان انرژی و کالری غذا
- prepTime: مدت زمان آماده سازی
- recipeCuisine: دستور پخت متعلق به کدام منطقه است
- recipeIngredient: مواردی که در دستور پخت استفاده می شود
- recipeYield: این دستور پخت مناسب چه تعداد است