نشانه گذاری اسکیما و تاثیر آن بر سئو | کامل ترین راهنمای Schema markup - آژانس نتیجه

اگر شما به کشوری سفر کنید که زبان آن را بلد نیستید و آن ها هم زبان شما را نمی فهمند چه می کنید؟ با گوگل ترنسلیت ترجمه‌های دست و پا شکسته‌اش ارتباط برقرار می کنید؟ یا تمام روز پانتومیم بازی می کنید؟ یا از گزینه بهتر یعنی زبان انگلیسی که هم شما خوب می فهمید و صحبت می کنید و هم مخاطبان آن را بلدند استفاده می کنید؟ در دنیای سئو زبان گفتاری و نوشتاری شما برای خزنده ها هیچ مفهومی ندارد. و شما هم نمی توانید بفهمید دردشان چیست. پس بهتر است با زبان مشترک کد و روش نشانه گذاری اسکیما Schema markup استفاده کنید. اگر این عبارت هیچ مفهومی برایتان ندارد یا اطلاعات کافی درباره روش کار با آن ندارید، تا انتهای مطلب با آژانس دیجیتال مارکتینگ تاس همراه باشید و بخوانید:

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

Table of Contents

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

اسکیما یک سری کد HTML است که به عنوان داده خرد یا میکرودیتا به کار می رود. در واقع همکاری سایت Schema.org با گوگل و بینگ از سال ۲۰۱۱ موافقت شد و از آن به بعد الگوریتم‌هایی به خصوص مرغ مگس خوار و RankBrain بسیار به آن توجه می کنند.

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

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

اینجاست که اسکیما وارد عمل شده و همه چیز را واضح تر می کند.

آیا استفاده از اسکیما Schema می‌تواند رتبه سئو را بهبود ببخشد؟

گرچه ممکن است هرگز و در هیچ منبع مستقیمی اشاره ای به تاثیر مستقیم اسکیما در سئو نشده باشد اما می دانیم که استفاده از نشانه گذاری اسکیما می تواند محتوای شما را برای موتورهای جستجو ترجمه کند. و این مساله به طرز ثابت شده ای در نرخ کلیک تاثیرگذار است.

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

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

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

چطور نشانه های اسکیما را به صفحه سایت اضافه کنیم؟

به چند روش زیر می توانید Schema markup را به صفحه‌های خود اضافه کنید:

روش اول : استفاده از میکرو دیتا

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

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

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

<div>
<h1>TechHaven</h1>
<h2>The best routers you’ll find online!</h2>
<p>Address:</p>
<p>459 Humpback Road</p>
<p>Rialto, Ca</p>
<p>Tel: 909 574 3903</p>
<p><a href=”http://www.techhaven.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> یافت. حالا به این مورد می توانید اضافه کنید:

با اضافه کردن این برچسب ، ما بیان می کنیم که کد HTML موجود بین بلوک های <div> در حال شناسایی یک مورد خاص است. در مرحله بعدی، باید با استفاده از ویژگی ‘itemtype’ نوع آیتمی که صفحه درباره آن است یعنی (tech) را تعیین کنیم:

<div itemscope itemtype=”http://schema.org/tech”>

آیتم در URL صفحه شما به صورت http://schema.org/tech خواهد بود. و اگر همین مورد درباره محصولات زیبایی بود به این ترتیب ظاهر می‌شد:

http://schema.org/beauty

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

به دنبال حضور در اولین نتایج گوگل هستید؟

ما بالاترین جایگاه های نتایج جستجو را برای شما تصاحب می کنیم !

از اینجا شروع کنید

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

<h1 itemprop=”name”>Tech Haven</h1>

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

<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”>459 Humpback Road </p>
<p itemprop=”addressLocality”>Rialto, Ca</p></span>
<p>Tel: <span itemprop=”telephone”>909 574 3903</span></p>
<p><a itemprop=”menu” href=”http:// http://www.techhaven.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 نمونه هایی از روش استفاده از انواع مختلف آیتم ها را ارائه می دهد، بنابراین در واقع می توانید ببینید که کد قرار است چه کاری انجام دهد. نگران نباشید ، شما در تلاش برای کشف این مسئله تنها نخواهید ماند. ابزار Google Marked Data Markup Helper برچسب گذاری در صفحات وب شما را بسیار آسان می کند.

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

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

RDFA اختصاری از عبارت Resource Description Framework in Attributes به معنای چارچوب توصیف منابع در ویژگی ها است. در واقع RDFa پسوند HTML5 است و برای کمک به کاربران در علامت گذاری داده های ساختار یافته طراحی شده است.RDFa یک توصیه W3C در نظر گرفته می شود به این معنی که یک استاندارد وب است و می توان از آن برای زنجیره واژگان ساختار یافته داده استفاده کرد این امر به ویژه اگر بخواهید داده های ساختاریافته ای اضافه کنید که بیش از حد Schema.org باشد ، بسیار مفید است.

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

<div>
<h1>Tech Haven</h1>
<h2>The best routers online!</h2>
<p>Address:</p>
<p>459 Humpback Road </p>
<p>Rialto, Ca</p>
<p>Tel: 909 574 3903</p>
<p><a href=”http://www.techhaven.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 بروید و عبارت technology را جستجو کنید. در پایین صفحه داده هایی برایتان لیست می شوند. بر روی زبانه RDFa کلیک کنید.

به دنبال حضور در اولین نتایج گوگل هستید؟

ما بالاترین جایگاه های نتایج جستجو را برای شما تصاحب می کنیم !

از اینجا شروع کنید

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

اگر می خواهید یک ویژگی را بیش از آنچه باید شناسایی کنید، از ویژگی typeof استفاده کنید. به عنوان مثال ، اگر می خواهید ویژگی های آدرس را بیشتر گسترش دهید می توانید از “PostalAddress” مانند زیر استفاده کنید:

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

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

<h2 property=”description”>The best routers on the internet!</h2>
<p>Address:</p>
<div property=”address” typeof=”PostalAddress”>
<p property=”streetAddress”>459 Humpback Road</p>
<p property=”addressLocality”>Rialto, Ca</p>
</div>
<p>Tel: <span property=”telephone”>909 574 3903</span></p>
<p><a property=”menu” href=”http://www.techhaven/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 کمک بگیرید.

به دنبال حضور در اولین نتایج گوگل هستید؟

ما بالاترین جایگاه های نتایج جستجو را برای شما تصاحب می کنیم !

از اینجا شروع کنید

جمع بندی

در این مطلب با مفهوم اسکیما و نشانه گذاری آن در صفحه آشنا شدیم. و تاثر آن در سئو را بررسی کردیم. آیا هنوز در این باره سوالی در ذهن شما هست؟ می توانید از بخش نظرات زیر همین پست از ما بپرسید. همچنین فراموش نکنید که همواره برای تمام خدمات سئو از جمله سئو در مشهد می توانید روی تاس حساب کنید.