اسکیما چیست و نحوه استفاده از آن در سایت فروشگاهی

اسکیما چیست و نحوه استفاده از آن در سایت فروشگاهی

نشانه گذاری اسکیما یا Schema Markup کد استانداردی است که در صفحات سایت و در داخل HTML بصورت JSON-LD قرار داده می شوند و مزایای ذیل را دارند.

1- گوگل محتوای صفحه را بهتر درک می کند.

2- در نتایج گوگل دیتای بهتر و بیشتری به کاربر نمایش داده می شود.

3- فضای بیشتری در سرپ گوگل (Search Engine Result Page) به سایتمان اختصاص می دهیم و شانس بیشتری برای بهبود کلیک CTR (Click-Through Rate) داریم.

 

برخی نکات در خصوص اسکیما

  • قرار دادن کد اسکیما الزامی نیست.
  • برای تمامی صفحات نیاز به قرار دادن کدهای اسکیما نیست.
  • نمایش آن قطعی نیست و گوگل تشخیص می دهد که در سرپ نمایش داده شود یا خیر.
  • بیشتر در صفحات اول گوگل نمایش داده می شوند.
  • برای هر صفحه اسکیمای مرتبط و مورد نیاز قرار داده شود.
  • برای یک صفحه میتوان 2 نوع اسکیما قرار داد.
  • برخی کدهای اسکیما را باید توسط دولوپر (برنامه نویس) اضافه کرد.

 

 

 

نمایش اسکیما در نتایج گوگل

در تصویر ذیل اسکیمای امتیاز کاربران به محصول (Product Review) و سوالات متداول (FAQ) را مشاهده می کنید. اسکیما جلب توجه را افزایش می دهد و برای بهبود نرخ کلیک (CTR) مفید است.

نمونه اسکیما در سرپ گوگل

 

 

اسکیما برای سایت های فروشگاهی

پر استفاده ترین کدهای اسکیما را می توان در ذیل مشاهده کرد که مواردی که برای سایت فروشگاهی کاربرد بیشتری دارند را تیک سبز زده ام که در ادامه به جزئیات آن می پردازیم:

  • ✅FAQ
  • ✅BreadcrumbList
  • ✅Product
  • ✅Video
  • ✅SearchAction
  • Q&A
  • Podcast

 

 

 

1- اسکیمای سوالات متداول (FAQ)

در فروشگاه اینترنتی، اسکیمای سوالات متداول را می توان برای صفحات ذیل استفاده کرد:

  • دسته بندی
  • برچسپ
  • برند
  • مقالات
  • ❌محصولات

نکته: طبق مستندات گوگل اسکیمای سوالات متداول برای صفحات محصول، در سرپ (نتایج جستجو) نمایش داده نمی شود.

  • نظرات کاربران نمی توانند FAQ باشند.
  • صفحات محصول یا فروم نمی توانند از FAQ استفاده کنند.

 

الف) کد اسکیما:

کد اسکیمای FAQ را در ذیل می توانید مشاهده کنید و فهم آن بسیار واضح است.

[code lang=”js”]
<script type=”application/ld+json”>
{
“@context”: “https://schema.org/”,
“@type”: “Product”,
“sku”: “trinket-12345”,
“gtin14”: “12345678901234”,
“image”: [
“https://example.com/photos/16×9/trinket.jpg”,
“https://example.com/photos/4×3/trinket.jpg”,
“https://example.com/photos/1×1/trinket.jpg”
],
“name”: “Nice trinket”,
“description”: “Trinket with clean lines”,
“brand”: {
“@type”: “Brand”,
“name”: “MyBrand”
},
“offers”: {
“@type”: “Offer”,
“url”: “https://www.example.com/trinket_offer”,
“itemCondition”: “https://schema.org/NewCondition”,
“availability”: “https://schema.org/InStock”,
“price”: “39.99”,
“priceCurrency”: “USD”,
“priceValidUntil”: “2020-11-20”,
“shippingDetails”: {
“@type”: “OfferShippingDetails”,
“shippingRate”: {
“@type”: “MonetaryAmount”,
“value”: “3.49”,
“currency”: “USD”
},
“shippingDestination”: {
“@type”: “DefinedRegion”,
“addressCountry”: “US”
},
“deliveryTime”: {
“@type”: “ShippingDeliveryTime”,
“handlingTime”: {
“@type”: “QuantitativeValue”,
“minValue”: “0”,
“maxValue”: “1”
},
“transitTime”: {
“@type”: “QuantitativeValue”,
“minValue”: “1”,
“maxValue”: “5”
}
}
}
},
“review”: {
“@type”: “Review”,
“reviewRating”: {
“@type”: “Rating”,
“ratingValue”: “4”,
“bestRating”: “5”
},
“author”: {
“@type”: “Person”,
“name”: “Fred Benson”
}
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: “4.4”,
“reviewCount”: “89”
}
}
</script>

[/code]

ب) نحوه پیاده سازی:

برای پیاده سازی اسکیمای سوالات متداول می توانید از افزونه تولید شده توسط تیم مدیرشاپ استفاده کنید و برای مشاهده جزئیات بیشتر و دانلود آن روی لینک ذیل کلیک کنید.

دانلود افزونه اختصاصی سوالات متداول FAQ

 

 

 

 

2- اسکیمای بردکرامب BreadcrumbList

در فروشگاه اینترنتی وردپرس با نصب یواست سئو یا رنک مث، اسکیمای مربوط به بردکرامب بصورت خودکار اضافه می شود و در سورس صفحات نیز می توانید با جستجوی breadcrumb آن را بررسی کنید.

برای مشاهده نمونه کد و نحوه نصب آن به صفحه مستندات گوگل در رابطه با بردکرامب لینک ذیل را مشاهده کنید:

https://developers.google.com/search/ docs/appearance/ structured-data/breadcrumb

 

 

 

 

3- اسکیمای محصولات Product ساده

کد اسکیمای صفحات محصول نسبتا طولانی است و موارد ذیل در داخل اسکیما ذکر می شوند:

  • نام محصول
  • تصاویر محصول
  • توضیحات کوتاه
  • کد محصول
  • برند
  • امتیاز (1 تا 5)
  • نویسنده
  • آدرس URL محصول
  • قیمت محصول
  • حداکثر تاریخ اعتبار قیمت
  • لینک شرایط و قوانین خرید
  • وضعیت موجودی (موجود / ناموجود)

 

الف) کد اسکیما:

کد اسکیمای Product را در ذیل می توانید مشاهده کنید و فهم آن بسیار واضح است.

[code lang=”js”]

<script type=”application/ld+json”>
{
“@context”: “https://schema.org/”,
“@type”: “Product”,
“sku”: “trinket-12345”,
“gtin14”: “12345678901234”,
“image”: [
“https://example.com/photos/16×9/trinket.jpg”,
“https://example.com/photos/4×3/trinket.jpg”,
“https://example.com/photos/1×1/trinket.jpg”
],
“name”: “Nice trinket”,
“description”: “Trinket with clean lines”,
“brand”: {
“@type”: “Brand”,
“name”: “MyBrand”
},
“offers”: {
“@type”: “Offer”,
“url”: “https://www.example.com/trinket_offer”,
“itemCondition”: “https://schema.org/NewCondition”,
“availability”: “https://schema.org/InStock”,
“price”: “39.99”,
“priceCurrency”: “USD”,
“priceValidUntil”: “2020-11-20”,
“shippingDetails”: {
“@type”: “OfferShippingDetails”,
“shippingRate”: {
“@type”: “MonetaryAmount”,
“value”: “3.49”,
“currency”: “USD”
},
“shippingDestination”: {
“@type”: “DefinedRegion”,
“addressCountry”: “US”
},
“deliveryTime”: {
“@type”: “ShippingDeliveryTime”,
“handlingTime”: {
“@type”: “QuantitativeValue”,
“minValue”: “0”,
“maxValue”: “1”
},
“transitTime”: {
“@type”: “QuantitativeValue”,
“minValue”: “1”,
“maxValue”: “5”
}
}
}
},
“review”: {
“@type”: “Review”,
“reviewRating”: {
“@type”: “Rating”,
“ratingValue”: “4”,
“bestRating”: “5”
},
“author”: {
“@type”: “Person”,
“name”: “Fred Benson”
}
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: “4.4”,
“reviewCount”: “89”
}
}
</script>

[/code]

 

ب) نحوه پیاده سازی:

در سایت های وردپرسی که افزونه یواست سئو یا رنک مث دارند بصورت خودکار اضافه می شود و صرفا باید دقت شود که تمام آیتم های مورد نیاز در زمان ثبت محصول به درستی درج شوند.

 

 

 

4- اسکیمای ویدئو Video

اگر در هر صفحه ای از سایت فروشگاهی ویدئو دارید کد اسکیمای ذیل را به صورت دستی در کدهای HTML آن قرار دهید و دو مزیت مهم دارد:

1- ربات گوگل متوجه ویدئو در این صفحه می شود.

2- در نتایج سرپ بهتر و بیشتر نمایش داده می شود.

دقت کنید که مقادر ویدئو دقیقا باید مطابق ذیل باشد و برای توضیحات بیشتر به مستندات گوگل مربوط به ویدئو مراجعه کنید.

[code lang=”js”]

<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “VideoObject”,
“name”: “عنوان ویدئو”,
“description”: “توضیحات ویدئو”,
“thumbnailUrl”: [
“https://example.com/photos/1×1/photo.jpg”,
“https://example.com/photos/4×3/photo.jpg”,
“https://example.com/photos/16×9/photo.jpg”
],
“uploadDate”: “2016-03-31T08:00:00+08:00”,
“duration”: “PT1M54S”,
“contentUrl”: “https://www.example.com/video/123/file.mp4”,
“embedUrl”: “https://www.example.com/embed/123”,
“interactionStatistic”: {
“@type”: “InteractionCounter”,
“interactionType”: { “@type”: “WatchAction” },
“userInteractionCount”: 5647018
},
“regionsAllowed”: “US,NL”
}

[/code]

4- اسکیمای سرچ باکس

برای سایت های بزرگ با محتوای زیاد داشتن سرچ باکس در نتایج گوگل می تواند مفید باشد.

اسکیمای سرچ باکس

توضیج تصویر: نمایش سرچ باکس سایت نی نی سایت و کد اسکیمای مربوط به آن

 

 

 

ترفند جدول داده ها

یکی دیگر از روش هایی که می توان در سرپ گوگل دیتای مفید و بیشتری مانند اسکیما قرار داد جدول داده است.

به تصویر ذیل نگاه کنید و اهمیت داشتن این جدول در صفحات را متوجه خواهید شد.

جدول داده

ذکر چند نکته:

  • اگر این جداول با اموجی همراه باشند بیشتر جلب توجه می شود.
  • برای پیاده سازی آن صرفا لازم است کد Table در صفحه قرار داده شود.
  • سعی کنید محتوای جدول مرتبط با موضوع باشد.
  • نمایش در سرپ گوگل قطعی نیست و شاید نمایش داده نشود.

[code lang=”js”]

<table class=”w3-table w3-centered w3-striped w3-border w3-bordered w3-center”>
<thead>
<tr>
<th class=”font-weight-bold text-center bg-secondary text-white h3″ colspan=”2″>جدول مراحل روتین مو</th>
</tr>
</thead>
<tbody>
<tr>
<td><b> 🧴 مرحله اول</b></td>
<td>شامپو</td>
</tr>
<tr>
<td><b>🚿 مرحله دوم</b></td>
<td>نرم کننده</td>
</tr>
<tr>
<td><b> 🧫 مرحله سوم</b></td>
<td>ماسک مو</td>
</tr>
<tr>
<td><b>🧪 مرحله چهارم</b></td>
<td>سرم مو</td>
</tr>
</tbody>
</table>

[/code]

 

 

 

تولید کدهای اسکیما

یکی از راه های آسان برای تولید کدهای اسکیما این است که از سایت www.technicalseo.com کمک بگیریم. این سایت یک ابزار مفید برای سئو تکنیکال وب سایت ها است و به راحتی می توان انواع کد اسکیما را برای صفحات سایت فروشگاهی تولید کرد.

برای تولید کدهای اسکیما می توانید از آدرس ذیل استفاده کنید و در مرحله اول از لیست باکس نوع اسکیمای مورد نظر خود را وارد کنید.

https://technicalseo.com/tools/schema-markup-generator

 

 

تست کد های اسکیما

از طریق آدرس ذیل می توانیم کد اسکیمای تولید شده و صفحه ای که کد اسکیما در آن قرار دارد را تست کنیم.

این صفحه 2 تب TAB دارد که تب اول مربوط به آدرس URL  است و تب دومی مربوط به کد اسکیما است که می توانیم از هر دو حالت برای تست کد اسکیما استفاده کنیم.

https://search.google.com/test/rich-results

 

 

مدیریت اسکیما از طریق گوگل سرچ کنسول

از طریق گوگل سرچ کنسول می توانیم به تفکیک نوع اسکیما تعداد صفحات مورد تایید و دارای نقص را مشاهده کنیم.

اسکیمای سوالات متداول در گوگل سرچ کنسول

 

 

اگر موردی از قلم افتاده است یا سوالی دارید در کامنت بپرسید.

 

دیدگاه و سوال ارزشمند خود را در کادر ذیل وارد کنید و از شارژ کیف پول بهره‌مند شوید.
برای ارسال دیدگاه، ابتدا وارد حساب کاربری خود شوید
آموزش رایگان
  • نویسنده :
    مدیر شاپ
  • تعداد بازدید :
    ۵۴۸ نفر
  • شاخه تخصص :
    آموزش
×
به سبد خرید اضافه شد
×
به سبد خرید اضافه شد