اسکیما (Schema) چیست و چرا برای سئو مهم است؟

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

نشانه گذاری اسکیما، که در سایت Schema.org وجود دارد، شکلی از ریزداده ها (یا ماکرودیتاها) است. پس از اضافه شدن آنها به یک صفحه وب، نشانه گذاری اسکیما یک توضیح کامل تر از صفحه را ارائه می دهد (که معمولا به عنوان قطعه غنی یا Featured Snippet شناخته می شود). Featured snippet ها به رتبه صفر گوگل مشهور هستند و معمولا در بالای صفحه نتایج جستجو بالاتر از رتبه یک گوگل در نتایج جستجو ظاهر می شوند.

موتورهای جستجوگر نظیر گوگل، یاهو، بینگ و یاندکس، برای اولین بار در سال 2011 شروع به همکاری با یکدیگر برای ایجاد Schema.org کردند.

نشانه گذاری اسکیما به ویژه در عصری که الگوریتم هایی نظیر مرغ مگس خوار و RankBrain در پی کشف مفاهیم صفحات وب هستند، از اهمیت بالایی برخوردارند. اینکه چگونه یک موتور جستجو، مفهوم پشت عبارات جستجو شده توسط کاربران را تفسیر کند، کیفیت یک نتایج جستجو را مشخص می کند.

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

متن زیر از سایت Schema.org گلچین شده است:

اکثر وب مسترها با تگ های HTML در صفحات خود آشنا هستند. معمولا تگ های HTML به مرورگر می گویند که چگونه اطلاعات موجود در تگ را نمایش دهد. به عنوان مثال، <h1>Avatar</h1> به مرورگر می‌گوید که رشته متن Avatar را در قالب عنوان h1 نمایش دهد.

با این حال، تگ HTML هیچ اطلاعاتی در مورد معنای رشته متنی ارائه نمی دهد. Avatar می تواند به اسم فیلمی سه بعدی بسیار موفق با نام Avatar اشاره کند، یا می تواند به به یک تصویر پروفایل اشاره کند. این امر می تواند درک مفاهیم را برای موتورهای جستجوگر در ارائه محتوای مرتبط به کاربر دشوارتر کند.

آیا اسکیما رتبه سایت شما را بهبود می بخشد؟

هیچ مدرکی مبنی بر اینکه ریزداده تأثیر مستقیمی بر رتبه ارگانیک سایت دارد وجود ندارد.

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

طبق یک مطالعه توسط acmqueue، کمتر از یک سوم از نتایج جستجوی در گوگل، شامل یک قطعه غنی با نشانه گذاری Schema.org است. این یک فرصت بزرگ برای دو سوم دیگر از وب سایت ها است تا با استفاده از اسکیما رتبه خود را ارتقا دهند.

امروزه موارد بسیار کمی در سئو وجود دارد که می توانند به سرعت، رتبه صفحات را جابجا کنند. اسکیما یکی از آنهاست.

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

کسب و کارها و سازمان ها (Businesses and organizations)
رویدادها (Events)
افراد (People)
محصولات (Products)
دستور پخت (Recipes)
نظرات (Reviews)
ویدیوها (Videos)

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

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

استفاده از Microdata ها

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

با این حال، یک نقطه ضعف استفاده از میکروداده ها این است که شما باید هر مورد را داخل بدنه یا تگ body صفحه وب خود علامت گذاری کنید. همانطور که می توانید تصور کنید، این کار می تواند به سرعت صفحات وب و کدهای HTML آنها را کثیف و ناخوانا کند.

قبل از اینکه شروع به اضافه کردن اسکیما به صفحات وب سایت خود کنید، باید «نوع آیتم» محتوای صفحه وب خود را مشخص کنید.

به عنوان مثال، آیا محتوای سایت شما بر روی غذا تمرکز دارد؟ یا در موسیقی است؟ یا آنکه فنی و تخصصی است؟

هنگامی که نوع آیتم را مشخص کردید، اکنون می توانید تعیین کنید که چگونه می خواهید آن را برچسب گذاری کنید.

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

هنگامی که کد را بررسی می کنید، می خواهیم بخشی از صفحه سایت خود را پیدا کنیم که در مورد آنچه کسب و کار شما ارائه می دهد صحبت می کند. در این مثال، آن داده را می توان بین دو تگ <div> یافت که احتمالا چیزی شبیه به این را در بخشی از کد منبع، خواهید دید:

نیاز به کمک یا مشاوره دارید؟ با شماره 77637159-021 تماس بگیرید. ما آماده پاسخگویی هستیم!

<div>
<h1>فروشگاه سایناز</h1>
<h2>بهترین روترهایی که در اینترنت وجود دارند!</h2>
<p>آدرس:</p>
<p>پاسداران، بوستان نهم</p>
<p>پلاک 11</p>
<p>تلفن: 22311111-021</p>
<p><a href="http://www.saynaz.com/menu">مشاهده بهترین روترها!</a></p> <p>ما باز هستیم: </p>
<p>ساعات کاری ما: </p>
<p>شنبه تا پنج شنبه 8صبح تا 10:30شب</p>
<p>جمعه: 10 صبح تا 9 شبpm</p>
</div>

اکنون، در بالای این کد، می توانید نوع آیتم را اضافه کنید:

با افزودن این تگ، بیان می‌کنیم که کد HTML موجود بین بلوک‌های <div> یک آیتم خاص را شناسایی می‌کند.

در مرحله بعد، ما باید با استفاده از ویژگی itemtype برای شناسایی نوع موردی که صفحه وب ما در مورد آن است، مشخص کنیم که آن مورد چیست (که در این مثال، تکنولوژی است).

یک نوع آیتم به شکل URL (که در این مثال http://schema.org/tech است) ارائه داده می شود. به عنوان مثال، فرض کنید که سایت شما به جای فناوری، حول محور محصولات زیبایی می چرخد. URL itemtype شما ممکن است به شکل زیر باشد:

http://schema.org/beauty.

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

با بازگشت به صفحه فناوری فروشگاه اینترنتی خود، می خواهیم بخشی از صفحه وب را که حاوی نام کسب و کار است برچسب گذاری کنیم. می توانیم این کار را بین تگ های <h1> انجام دهیم.

اکنون از تگ itemprop استفاده می کنیم که ویژگی های یک آیتم را برچسب گذاری می کند:

<h1 itemprop="name">سایناز</h1>

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

برای مثال، اگر خطی دارید که می‌گوید آدرس: پاسداران، بوستان نهم، پلاک ...، فقط باید برچسب‌ها را در اطراف خود آدرس اعمال کنید و نه چیز دیگر.

<h2 itemprop="description">رستوران چهار فصل با غذاهای ایرانی!</h2>
<p>آدرس:</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">پاسداران</p>
<p itemprop="addressLocality">بوستان نهم</p></span>
<p>Tel: <span itemprop="telephone">2221111111</span></p>
<p><a itemprop="menu" href="http:// http://www.saynaz.com/menu">برای مشاهده غذاهای رستوران کلیک کنید!</a></p>
<p>ما باز هستیم:</p>
<p itemprop="openingHours">شنبه تا پنج شنبه 8صبح – 10:30شب</p>
<p itemprop="openingHours">جمعه: 2بعد از ظهر – 8شب</p>
</div>

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

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

برای استفاده از این ابزار شگفت‌انگیز، کافی است itemtype خود را انتخاب کنید، URL صفحه مورد نظر یا محتوایی را که می‌خواهید هدف قرار دهید، بنویسید و سپس عناصر مختلف را برجسته کنید تا بتوانید آنها را تگ کنید.

استفاده از RDFa

RDFa مخفف Resource Description Framework in Attributes است. اساسا RDFa پسوندی برای HTML5 است و برای کمک به کاربران در علامت‌گذاری داده‌های ساختاریافته طراحی شده است.

RDFa به عنوان یک توصیه W3C در نظر گرفته می شود، به این معنی که یک استاندارد وب است و می توان از آن برای زنجیره واژگان داده های ساخت یافته با هم استفاده کرد. این به ویژه در صورتی مفید است که بخواهید داده های ساختار یافته ای را اضافه کنید که فراتر از محدودیت های Schema.org است.

اکنون می توانید نفس راحتی بکشید. RDFa تفاوت چندانی با Microdata ندارد.

تگ‌های RDFa مشابه ریزداده‌ها با کد HTML هستند که با کدهای بدنه یا body صفحه وب سایت شما ترکیب می‌شوند. برای آشنایی، یک بار دیگر به عنوان نمونه به وب سایت فناوری خود نگاهی خواهیم انداخت.

HTML سایت فنی شما احتمالا قبل از اصلاح، به این شکل است:

<div>
<h1>فروشگاه سایناز</h1>
<h2>بهترین فروشگاه آنلاین فروش روتر و مودم!</h2>
<p>آدرس:</p>
<p>تهران، پاسداران </p>
<p>بوستان نهم</p>
<p>تلفن: 222111111</p>
<p><a href="http://www.saynaz.com/menu">برای مشاهده لیست بهترین مودم ها و روترهای ما کلیک کنید!</a></p>
<p>ما اکنون باز هستیم:</p>
<p>شنبه تا پنج شنبه 8:00صبح – 10:30عصر</p>
<p>جمعه: 2بعد از ظهر – 8</p>
</div>

برای شروع، احتمالا نیاز دارید مطمئن شوید که واژگانی که استفاده می‌کنید منطبق بر Schema.org باشد و صفحه وب مورد نظر شما، به یک صفحه فناوری اشاره می‌کند.

برای این مثال، می‌توانید «technology» را در Schema.org جستجو کنید تا یاد بگیرید چگونه عناصر مختلف را برچسب‌گذاری کنید. به طور معمول، نمونه ها و مثال هایی را در پایین صفحه پیدا خواهید کرد که نحوه استفاده از آنها را در عمل به شما نشان می دهد.

برای مشاهده نمونه های خاص RDFa به سادگی روی تب RDFa کلیک کنید.

در مرحله بعد، باید از تگ vocab همراه با URL http://schema.org برای شناسایی واژگان نشانه گذاری استفاده کنید. برای شناسایی نوع صفحه، از تگ typeof استفاده کنید. برخلاف microdata که از URL برای شناسایی انواع استفاده می کند، RDFa از یک یا چند کلمه برای طبقه بندی انواع استفاده می کند.

اگر می خواهید یک ویژگی را بیشتر مشخص کنید، باید از ویژگی typeof استفاده کنید.

برای مثال، اگر می‌خواهید یک ویژگی آدرس را بیشتر گسترش دهید، می‌توانید از «PostalAddress» مانند زیر استفاده کنید:

با مقایسه microdata و RDFa در کنار هم، ویژگی typeof معادل ویژگی itemtype در Microdata است. علاوه بر این، ویژگی property معادل ویژگی itemprop خواهد بود.

برای توضیحات بیشتر، و بررسی لیست ها و مشاهده نمونه های بیشتر، می توانید به سایت Schema.org مراجعه کنید. شما می توانید ببینید که کدام نوع از عناصر به عنوان ویژگی و کدام یک به عنوان نوع تعریف می شوند.

با بازگشت به مثال قبلی خود، صفحه فناوری پس از برچسب گذاری مناسب به این شکل خواهد بود:

<h2 property="description">بهترین فروشگاه اینترنتی فروش مودم و روتر!</h2>
<p>آدرس:</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">تهران، پاسداران</p>
<p property="addressLocality">بوستان نهم</p>
</div>
<p>Tel: <span property="telephone">223111111-021</span></p>
<p><a property="menu” href=”http://www.saynaz.com/menu”>برای مشاهده لیست کامل روترها کلیک کید!</a></p>
<p>ما بازیم:</p>
<p>شنبه تا پنج شنبه 8:00صبح – 10:30عصر<</p>
<p>جمعه: 2بعد از ظهر – 8</p></p>
</div>

هر صفحه در Schema.org مثال هایی در مورد نحوه اعمال صحیح برچسب ها ارائه می دهد. البته، می‌توانید از ابزار تست داده‌های ساختاریافته گوگل نیز استفاده کنید.

نتیجه گیری

امیدواریم هر ترسی که ممکن است با شنیدن کلمه Schema، اسکیما یا Structured Data داشته باشید، با خواندن این مقاله از بین رفته باشد.

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

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