اسکیما چیست و چه فایده ای دارد ؟

نشانه گذاری اسکیما یا Schema Markup چیست؟

موتور های جستجو مثل گوگل دوست دارند که صفحات وب را درک کنند و بفهمند شما درباره چه چیزی صحبت می‌کنید تا با کسب اطلاعات دقیق تر ، نتایج بهتری را در SERPs (صفحه نتایج) نشان بدهند. با توجه به تعدد زبان های موجود در وب ، از چندین سال پیش گوگل برای کسب اطلاعات دقیق‌تر از داده های ساختار‌یافته یا همان اسکیما (schema) استفاده کرد.

در حالت عادی موتور جستجو مثل یه فرد نابیناست که فقط میاد متن صفحه رو میبینه و حتی در وهله اول نمیتونه تصاویر رو هم آنالیز کنه.

وقتی شما اسکیما رو اضافه میکنید، خزنده گوگل یا هر موتور جستجوی دیگه میتونه اطلاعات بیشتری از صفحه بدست بیاره که نتیجه چی هست؟ مشخصه، انالیز بهتر گوگل از صفحات شما و رشد صفحات شما از نظر سئو و نمایش سایت شما جزء نتایج برتر.

این نکته رو بگم که هر نوع محتوایی پارامترهای خاص خودش رو داره که میتونید از سایت schema.org همه این موارد رو ببینید.

پس اسکیما یه دیتای اضافی هست که برای تفهیم بهتر محتوای صفحه به موتور جستجو.

فایدۀ استفاده از کدهای اسکیما چیست؟

در بحث سئو و طراحی سایت مقوله ای داریم به اسم rich snippet. وقتی شما یک مطلب رو داخل موتور جستجو سرچ میکنید، نتایجی که به شما نمایش داده میشن هر کدوم یه باکس دارن و در کل ما بهشون میگیم اسنیپت.

هر اسنیپت شامل عنوان صفحه، توضیحات (استاندارد نمایش گوگل حداکثر 157 کاراکتر هست)، احتمالا تاریخ انتشار اون صفحه و آدرس صفحه به رنگ سبز هست.
اگه شما اسکیمای درستی استفاده کرده باشید، بعد از بررسی توسط گوگل اگه محصول شما امتیاز داشته باشه (یعنی کاربرها نظر و امتیازی داده باشن به محصول شما) گوگل در نتایج شما را با امتیاز اون محصول داخل نتایج نشون میده که نتیجه اش میشه کلیک بیشتر توسط کاربرها.

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

چطور از اسکیما استفاده کنیم؟

خب روش های مختلفی هست براشون. در کل به موارد زیر تقسیم میشن:

• مایکرو دیتا: در این روش داخل تگهای html از یک سری اصطلاحا متادیتا استفاده میشه که از ویژگی هایی مثل itemscope، itemtype و itemprop استفاده میشه که برای اینکه بدونید چه پارامترهایی رو باید استفاده کنید، بهترین مرجه همون سایت schema.org هست. در زیر یک نمونه از یک بخش که منظورش معرفی یک فیلم هست رو میتونید ببینید:

12345678910<div itemscope itemtype=&quothttp://schema.org/Movie&quot>
  <h1 itemprop=&quotname&quot>Avatar</h1>
  <div itemprop=&quotdirector&quot itemscope itemtype=&quothttp://schema.org/Person&quot>
  Director: <span itemprop=&quotname&quot>James Cameron</span> 
(born <time itemprop=&quotbirthDate&quot datetime=&quot1954-08-16&quot>August 16, 1954</time>)
  </div>
  <span itemprop=&quotgenre&quot>Science fiction</span>
  <a href=&quot../movies/avatar-theatrical-trailer.html&quot itemprop=&quottrailer&quot>Trailer</a>
</div>

استاندارد RDFa: این استاندارد روش دوم هست که تقریبا مشابه همون مایکرودیتا هست منتهی ویژگی های متفاوتی برای این بخش وجود داره. مثال زیر همون فیلم رو با این استاندارد به گوگل یا موتورهای دیگه معرفی میکنه:

123456789<div vocab=&quothttp://schema.org/&quot typeof=&quotMovie&quot>
  <h1 property=&quotname&quot>Avatar</h1>
  <div property=&quotdirector&quot typeof=&quotPerson&quot>
  Director: <span property=&quotname&quot>James Cameron</span>
(born <time property=&quotbirthDate&quot datetime=&quot1954-08-16&quot>August 16, 1954</time>)
  </div>
  <span property=&quotgenre&quot>Science fiction</span>
  <a href=&quot../movies/avatar-theatrical-trailer.html&quot property=&quottrailer&quot>Trailer</a>
</div>

استاندارد JSON-LD: این استاندارد بنظرم بهترین استاندارد هست. علتش هم اینه که نمیخواد در تمام تگ های html کاری رو انجام بدید. کافیه به ازای هر محتوا، یک تکه کد قرار بدید و گوگل اون رو متوجه بشه. خیلی استاندارد خوبی هست و پیشنهاد من این مورد هست. مثال زیر همون فیلم رو با این استاندارد پیاده کرده:

123456789101112131415<script type=&quotapplication/ld+json&quot>
{ 
  &quot@context&quot: &quothttp://schema.org/&quot,
  &quot@type&quot: &quotMovie&quot,
  &quotname&quot: &quotAvatar&quot,
  &quotdirector&quot: 
    { 
       &quot@type&quot: &quotPerson&quot,
       &quotname&quot: &quotJames Cameron&quot,
       &quotbirthDate&quot: &quot1954-08-16&quot
    },
  &quotgenre&quot: &quotScience fiction&quot,
  &quottrailer&quot: &quot../movies/avatar-theatrical-trailer.html&quot 
}

همونطور که میبینید ما یک دستور جاوا اسکریپت و یک آرایه json رو ایجاد کردیم که اطلاعات اون محتوا رو نشون بده. دیگه نیاز نیست که تگها رو بازنویسی کنید و اگه تغییری هم ایجاد بشه، ویرایشش خیلی ساده تره.

استفاده از افزونه های وردپرسی برای نشانه گذاری اسکیما

افزونه «Schema Pro» یکی از این ابزار کاربردی در وردپرس است. این افزونه به صورت خودکار اطلاعات موجود در سایت شما را نشانه گذاری می کند. یکی دیگر از این ابزار «WP Schema Pro» است که در این زمینه بسیار کاربردی می باشد.در صورتی که از نشانه گذاری اسکیما استفاده کردید، منتظر بازدهی فوری و نمایش ریچ اسنیپت در نتایج گوگل نباشید، چرا که این کار امکان دارد چند ماهی طول بکشد.

اگر دنبال بهترین افزونه برای سایت وردپرسی خود می گردید، بهتر است افزونه «All In One Schema Rich Snippets» که گوگل آن را توسعه داده را امتحان کنید. این افزونه به شما امکاناتی می دهد، تا با تنظیم کردن آن بتوانید بهترین اسکیما را برای صفحات مختلف سایت بسازید.

دانلود افزونه All In One Schema Rich Snippets

از کجا بفهمم صفحات من ایراد اسکیما دارن یا نه؟

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

گزارش اسکیمای مخرب داخل سرچ کنسول گوگل کجاست؟

اسکیمای مخرب ووکامرس و یواست رو میتونید داخل قسمت Enhancements گزینه Products مشاهده کنید. اگه هر ایرادی داشته باشه براتون لیست میکنه. مواردی که Error هستن بشدت شما رو در خطر پنالتی قرار میدن و البته Warning ها هم همین طور ولی اولویت یک هستن. موارد Error فورس ماژور هستن و باید سریعتر برطرف بشن.

بعد از رفع مشکل باید حتما دکمه Validate Fix رو بزنید تا گوگل صفحات رو بازبینی کنه و از گزارشش خارج کنه.
خب در آخر بگم که اسکیما راه رفتن روی لبه تیغه. اگه اشتباه استفاده بشه تجارت شما رو برای مدتی به زمین میزنه و اگه درست استفاده بشه شما رو به عرش میرسونه.