اسکیما مارک‌آپ یا نشانه‌گذاری اسکیما، که در سایت Schema.org می‌توانید آن‌را مشاهده نمایید، نوعی اطلاعات توصیفی است.
با افزودن اسکیما مارک‌آپ به صفحۀ وب‌سایتتان نوعی توصیف بهبود یافته ایجاد می‌کنید که اصطلاحاً ریچ اسنیپت (نتایج غنی) گفته می‌شود و در نتایج جستجو نشان داده می‌شود.
برترین موتورهای جستجو، شامل گوگل، یاهو، بینگ و یاندکس، Schema.org را با همکاری یکدیگر در سال 2011 راه‌اندازی کردند.
اسکیما مارک‌آپ اهمیت ویژه‌ای در زمانه هامینگ‌برد و رنک برین دارد.
چگونگی تفسیر موتور جستجو از محتوای یک سوال، کیفیت نتایج جستجو را تعیین می‌کند.
اسکیما با ارائه دادن مفهومی بهتر و غنی‌تر، ابهام صفحات وب سایت را برطرف می‌کند.
در سایت Schema.org آمده است که:
"اکثر مدیران سایت‌ها با تگ‌های HTML صفحات آشنایی دارند. تگ‌های HTML معمولاً به مرورگر می‌گوید که اطلاعات موجود در تگ را چگونه نمایش دهد.
برای مثال <h1>Avatar</h1> به مرورگر می‌گوید که رشته متن " Avatar" را با فرمت سرتیر ۱ نشان بدهد. با این حال تگ HTML هیچ گونه اطلاعاتی دربارۀ معنای این رشته متن ارائه نمی‌دهد ـ "آواتار" می‌تواند به فیلم سه بعدی جیمز کامرون یا تصویر پروفایل اشاره داشته باشد. این ابهام موجب می‌شود که نشان دادن محتوای مرتبط به کاربر برای موتورهای جستجو دشوارتر شود."

آیا اسکیما رتبه‌بندی را در موتورهای جستجو بهبود می‌دهد؟

هیچ‌گونه شواهدی وجود ندارد که نشان دهد استفاده از اسکیما اثر مستقیمی بر رتبه‌بندی‌های جستجوی ارگانیک دارد.
با این حال شکی نیست که ریچ اسنیپت باعث می‌شود که وب سایت‌تان در صفحه نتایج موتور جستجو (SERP) بهتر و واضح‌تر دیده شود. اثبات شده است که رؤیت‌پذیری و نرخ کلیک را افزایش می‌دهد.
براساس پژوهش منتشر شده در نشریه ACM Queue، کمتر از یک سوم نتایج موتور جستجوی گوگل حاوی ریچ اسنیپت دارای نشانه‌گذاری اسکیما هستند. بنابراین فرصتی طلایی برای بقیه وجود دارد.
امروزه تعداد عامل‌هایی که بتواند تغییر چشمگیری را در سئو به وجود بیاورد، انگشت‌شمار است، اما مطمئن باشید که اسکیما مارک‌آپ یکی از معدود عامل‌های تأثیرگذار است.

کاربردهای اسکیما در سئو

موارد زیر متداول‌ترین کاربردهای اسکیما به شمار می‌رود. با این حال به احتمال زیاد هر نوع داده‌ای که در سایت‌تان داشته باشید، تگ‌های itemscope، itemtype و itemprop مرتبط با آن وجود دارد.
کسب و کارها و سازمان‌ها

  • رخدادها
  • افراد
  • محصولات
  • دستور تهیه غذا
  • نقد و معرفی
  • ویدئوها

افزودن اسکیما به صفحات وب‌سایت

استفاده از روش Microdata

ریزداده‌ها مجموعه‌ای از تگ‌ها هستند که توضیح دادن مولفه‌های HTML را با تگ‌های قابل فهم برای کامپیوتر بسیار آسان‌تر می‌کند. چون استفاده از ریزداده‌ها بسیار آسان است، ریزداده‌ها نقطه شروع ایده‌آلی برای تازه‌کارها هستند.
البته یکی از نقطه ضعف‌های استفاده از ریزداده‌ها این است که باید تک‌تک آیتم‌های بدنه وب سایت را نشانه‌گذاری کنید. همان‌طور که می‌توانید تصور کنید، این حجم از نشانه‌گذاری می‌تواند به سرعت موجب شلوغی و به‌هم‌‍ریختگی شود.
قبل از آن که اسکیما را به صفحات وب سایت اضافه کنید، باید "نوع آیتم" محتوای وب سایت را تعیین کنید.

برای مثال موضوع اصلی این صفحه شما چیست؟ غذا، موسیقی یا تکنولوژی؟
پس از مشخص کردن نوع آیتم می‌توانید روش تگ‌گذاری یا برچسب‌گذاری را تعیین کنید.
به یک مثال توجه کنید. فرض کنید دستگاه روتر با کیفیتی را در فروشگاه‌تان می‌فروشید. اگر می‌توانستید کد منبع صفحۀ اصلی سایت‌تان را ببینید، احتمالاً با کدی به شکل زیر مواجه می‌شدید:
<div>
<h1>Huawei</h1>
<h2>The best routers you’ll find online!</h2>
<p>Address:</p>
<p>Tehran, Keshavarz bulvar</p>
<p>Tehran, Tehran</p>
<p>Tel: 88895342</p>
<p><a href=”http://www.sample.com/menu”>Click here to view our best routers!</a></p>
<p>We’re open: </p>
<p>Mon-Sat 8am – 10:30pm</p>
<p>Sun: 2pm – 8pm</p>
</div>

اگر به کد فوق دقت کنید، متوجه بخشی می‌شوید که کسب و کارتان را معرفی می‌کند. این داده‌ها را در مثال فوق می‌توانید بین دو تگ <div> بیابید.
اکنون در اولین سطر می‌توانید <div itemscope> را اضافه کنید.
با اضافه کردن این تگ در واقع بیان می‌کنید که کد HTML بین بلوک‌های <div> آیتم خاص سایتتان را معرفی می‌کند.
در مرحلۀ بعد باید با استفاده از خصیصه "itemtype" تعیین کنید که آیتم مورد نظر چیست و وب سایت‌تان دربارۀ چه آیتمی است - در این مثال تکنولوژی نوع آیتم است.
<div itemscope itemtype=”http://schema.org/tech”>

نوع آیتم به صورت URL (مثلاً http://schema.org/tech) بیان می‌شود. برای مثال فرض کنید که سایت‌تان به جای تکنولوژی دربارۀ محصولات آرایشی باشد. URL نوع آیتم شبیه زیر است:

http://schema.org/beauty

برای این که تگ‌گذاری آسان‌تر شود، می‌توانید فهرست آیتم‌های مختلفی را که در سایت Schema.org تهیه شده است را بررسی کنید تا موجودیت خاصی را که در جستجویش هستید، پیدا کنید. البته شایان ذکر است که این فهرست جامع نیست، بنابراین احتمال دارد که نوع آیتم متناسب و مورد نظرتان را پیدا نکنید.
به مثال وب سایت مربوط به تکنولوژی برمی‌گردیم. فرض کنیم می‌خواهید بخشی از وب سایت را که حاوی نام کسب و کارتان است، برچسب‌گذاری کنید. می‌توانید این کار را بین تگ‌های <h1> انجام دهید.
اکنون از تگ " itemprop" استفاده می‌کنیم که ویژگی‌های یک آیتم را برچسب‌گذاری می‌کند.

<h1 itemprop=”name”>Huawei</h1>

می‌توانید این تگ‌ها را برای بقیۀ صفحه وب‌سایت‌تان نیز به کار ببرید. هنگام استفاده از تگ‌ها برای تعریف ویژگی‌های یک آیتم لازم نیست که کل خط را برچسب‌گذاری کنید، کافی است بخشی را برچسب‌گذاری کنید که ویژگی مورد نظرتان به آن اشاره دارد.
برای مثال اگر خطی دارید که آدرس (Tehran, Keshavarz bulvar) را بیان می‌کند، کافی است تگ‌ها را فقط در اطراف آدرس بگذارید.

<h2 itemprop=”description”>The best routers you’ll find online!</h2>
<p>Address:</p>
<span itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<p itemprop=”streetAddress”>Tehran, Keshavarz bulvar </p>
<p itemprop=”addressLocality”>Tehran, Tehran</p></span>
<p>Tel: <span itemprop=”telephone”>88895342</span></p>
<p><a itemprop=”menu” href=”http:// http://www.tehranonline.com/menu “>Click here to view our tasty range of dishes!</a></p>
<p>We’re open:</p>
<p itemprop=”openingHours”>Mon-Sat 8am – 10:30pm</p>
<p itemprop=”openingHours”>Sun: 2pm – 8pm</p>
</div>

شاید کد بالا پیچیده به نظرتان برسد، اما schema.org مثال‌هایی را در زمینۀ روش استفاده از آیتم‌های مختلف ارائه می‌دهد، به این ترتیب متوجه عملکرد هر کد می‌شوید. نگران نباشید، تنها به حال خود رها نمی‌شوید تا مجبور شوید که همه چیز را خودتان کشف کنید!

 

استفاده از روش RDFa

RDFa سرواژه اصطلاح "Resource Description Framework in Attributes" است. RDFa در اصل بسط HTML5 است و به منظور کمک به کاربران در نشانه‌گذاری داده‌های ساختار یافته طراحی شده است.
RDFa یکی از توصیه‌های W3C در نظر گرفته می‌شود، به عبارت دیگر RDFa یکی از استانداردهای وب است و می‌توان از آن برای کنار هم قرار دادن واژگان داده‌های ساختار یافته استفاده کرد. استفاده از RDFa به ویژه در زمان افزودن داده‌های ساختاریافته‌ای که طولانی‌تر از حدود Schema.org است، بسیار مفید و سودمند است.
اکنون می‌توانید نفس راحتی بکشید، چون RDFa تفاوت چندانی با ریزداده‌ها ندارد.
تگ‌های RDFa نیز مانند ریزداده‌ها با کد HTML موجود در بدنۀ وب‌سایت ادغام می‌شود. برای این که گیج نشوید، دوباره به همان مثال وب سایت تکنولوژی برمی‌گردیم.
HTML سایت تکنولوژی قبل از تغییر دادن آن احتمالاً به شکل زیر است:

<div>
<h1>Tech Haven</h1>
<h2>The best routers online!</h2>
<p>Address:</p>
<p>Tehran, Keshavarz</p>
<p>Tel: 88895342</p>
<p><a href=”http://www.tehranonline.com/menu”>Click here to view our best routers!</a></p>
<p>We’re open:</p>
<p>Mon-Sat 8:00am – 10:30pm</p>
<p>Sun: 2pm – 8pm</p>
</div>

در ابتدا باید مطمئن شوید که واژگان مورد استفاده‌تان در Schema.org وجود دارد و وب سایت مورد نظر به صفحه‌ای مرتبط با تکنولوژی اشاره دارد.
در این مورد می‌توانید "تکنولوژی" را در Schema.org جستجو کنید تا روش برچسب‌گذاری مولفه‌های مختلف را یاد بگیرید. معمولاً مثال‌ها در انتهای صفحه ارائه می‌شود تا متوجه شوید که در عمل چطور می‌توانید از تگ‌ها استفاده کنید.
کافی است روی زبانه RDFa کلیک کنید تا مثال‌های مرتبط با RDFa را ببینید.
در مرحله بعد باید از تگ واژه ترکیب شده با URL http://schema.org برای تعیین واژگان خاص نشانه‌گذاری‌تان استفاده کنید. برای تعیین کردن نوع صفحه‌تان از تگ typeof استفاده کنید. برخلاف ریزداده‌ها که از URL برای تعیین نوع استفاده می‌کنند، RDFa یک یا چند کلمه را برای طبقه‌بندی انواع به کار می‌برد.
<div vocab=”http://schema.org/” typeof=”technology”>

اگر می‌خواهید یک ویژگی را بیشتر توصیف کنید، باید از صفت استفاده کنید.
برای مثال اگر می‌خواهید ویژگی آدرس را بیشتر توضیح دهید، می‌توانید مانند زیر از "PostalAddres" استفاده کنید:
<div property=”address” typeof=”PostalAddress”>

اگر ریزداده‌ها و RDFa را با هم مقایسه کنید، صفت typeof در RDFa معادل صفت itemtype در ریزداده‌ها خواهد بود. ضمناً صفت ویژگی را می‌توان معادل صفت itemprop محسوب کرد.
برای دریافت توضیحات بیشتر می‌توانید به Schema.org مراجعه کنید و فهرست‌ها و مثال‌های ارائه شده را مطالعه کنید. به این ترتیب متوجه می‌شوید که چه مولفه‌هایی به عنوان ویژگی و چه مولفه‌هایی به عنوان نوع تعریف می‌شوند.
به مثال وب سایت تکنولوژی برمی‌گردیم، این صفحه پس از برچسب‌گذاری‌های مناسب به شکل زیر درخواهد آمد:

<h2 property=”description”>The best routers on the internet!</h2>
<p>Address:</p>
<div property=”address” typeof=”PostalAddress”>
<p property=”streetAddress”>Tehran, Keshavarz</p>
</div>
<p>Tel: <span property=”telephone”>88895342</span></p>
<p><a property=”menu” href=”http://www.tehranonline.com/menu”>Click here to view our best routers!</a></p>
<p>We’re open:</p>
<p property=”openingHours”>Mon-Sat 8am – 10:30pm</p>
<p property=”openingHours”>Sun: 2pm – 8pm</p>
</div>

برای این که بهتر متوجه روش برچسب‌گذاری بشوید، در تمام صفحات Schema.org مثال‌هایی در زمینۀ روش صحیح برچسب‌گذاری ارائه شده است. البته می‌توانید از ابزار Structured Data Testing Tool گوگل نیز کمک بگیرید.

استفاده از روش JSON-LD

عبارت JSON-LD اختصار عبارت JavaScript Object Notation for Linked Data بوده و در عمل ساده‌ترین روش پیاده سازی داده‌ها ساختار یافته می‌باشد.
در این روش که عملان خواناترین روش ساختار یافته کردن داده‌ها برای انسان‌ها می‌باشد از علامت گذاری‌های ساده‌سازی شده جاوا اسکریپت استفاده شده است.
به نمونه کد زیر که عملا مثال قبل را در روش JSON-LD نمایش می‌دهد دقت کنید.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "The best routers on the internet!",
"url": "https://www.tehranonline.com/",
"logo": "https://www.tehranonline.com/theme/base/img/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "88895342",
"address": "Tehran, Keshavarz",
"areaServed": "IR",
"availableLanguage": "Persian"
}
}
</script>

جمع‌بندی

امیدواریم مطالعۀ این مقالۀ کوتاه باعث شده باشد که دیگر از شنیدن کلمه "اسکیما" یا "داده‌های ساختاریافته" دچار وحشت نشوید.
استفاده از اسکیما بسیار آسان‌تر از آن چیزی است که به نظر می‌رسد و بهترین کاری است که می‌توانید برای بهبود وضعیت وب سایت‌تان انجام دهید.
شاید اسکیما مارک‌آپ کار خسته کننده‌ای به نظر برسد. اما مطمئن باشید نتایج قابل توجه آن، ارزش انرژی و زمان صرف شده را دارد.
نکته قابل توجه این است که برای پیاده‌سازی این روش‌ها نیازی نیست تمامی موارد را یاد بگیرید و به راحتی می‌توانید از ابزارهای آنلاینی که برای ساخت این موارد تهیه شده‌اند استفاده نمایید.



نظرات کاربران

نظر تازه ای ثبت کنید