Schema Markup چیست؟

Schema markup در Schema.org یافت می‌شود نوعی microdata می‌باشد. وقتی Schema Markup به صفحات وب اضافه شود توضیحات اضافی (معمولاً به‌عنوان rich snippet شناخته می‌شود) را به نتایج جستجو اضافه می‌کند. به  طور خلاصه می توان گفت Schema markup به موتورهای جستجوگر کمک می کند تا آنها نتایح را با شکل و ظاهر بهتری نشان دهند این به معنی دستکاری در نتایج نیست تنها در شکل ظاهری تاثیر دارند مثلا اضافه کردن ستاره در زیر نتایج یا عکس کنار نتایج

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

 فیلم آموزش کامل نحوه استفاده از Schema Markup ها در وب سایت

از طریق Schema.org:

اکثر وب مسترها با تگ‌های HTML

اکثر وب مسترها با تگ‌های HTML در صفحات خود آشنا هستند. معمولاً برچسب‌های HTML به مرورگر می‌گویند که چگونه اطلاعات موجود در تگ نمایش داده شود. به‌عنوان‌مثال، <h1>Avatar</h> به مرورگر می‌گوید که متن "Avatar" را در فرمت هدینگ 1 نمایش دهد. بااین‌حال، تگ HTML هیچ اطلاعاتی در مورد معنای رشته متن نمی‌دهد. (آواتار به می‌تواند به فیلم فوق‌العاده موفق 3D اشاره کند یا می‌تواند به یک نوع تصویر پروفایل اشاره کند)

 و این می‌تواند برای موتورهای جستجو بسیار مشکل باشد که به‌راحتی محتوای مربوط به یک کاربر را نمایش دهد.

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

هیچ شواهد و مدرکی وجود ندارد که microdata تأثیر مستقیمی بر رتبه‌بندی جستجوی ارگانیک دارد. بااین‌حال، rich snippets صفحات وب‌سایت شما را در نتایج موتورهای جستجو برجسته‌تر نشان می‌دهند. تأثیر rich snippets ها بر سئو سایت را می‌توان از طریق نرخ کلیک افزایش‌یافته مشاهده کرد.

بر اساس مطالعه‌ای توسط acmque، کمتر از یک‌سوم نتایج جستجو گوگل شامل rich snippet هستند که با Schema.org نشانه‌گذاری شده‌اند. استفاده از این نشانه‌گذاری‌ها فرصتی مناسب برای ارتقای رتبه وب‌سایت شماست زیرا می‌تواند تأثیر زیادی بر سئوی سایت شما داشته باشد.

تاثیر Schema Markup از زبان Gary Ilyes 

 

SCHEMA برای موارد زیر استفاده می‌شود؟

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

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

اضافه کردن SCHEMA به صفحات وب‌سایت شما با استفاده از MICRODATA:

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

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

قبل از اینکه شروع به‌اضافه کردن schema به صفحات وب خود کنید نوع محتوای صفحات وب خود را مشخص کنید.

برای مثال محتوای وب‌سایت شما مربوط به کدام‌ یک از موارد غذا یا موزیک یا آموزش می‌باشد؟

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

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

<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> پیدا کنید.

در حال حاضر، در بالا شما می‌توانید اضافه کنید:

<div itemscope>

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

سپس، ما باید تشخیص دهیم کدام آیتم با استفاده از ویژگی itemtype نوع آیتم صفحه وب‌سایت ما (tech) تعیین می‌کند.

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

نوع آیتم به‌صورت یک URL می‌باشد (مانند http://schema.org/tech)

 به‌عنوان‌مثال، اگر موضوع سایت شما محصولات زیبایی باشد. URL نوع موردنظر شما مانند زیر می‌باشد:

http://schema.org/beauty.

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

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

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

اکنون ما از تگ ‘itemprop’ استفاده می‌کنیم که برچسب مشخصات یک آیتم را نشان می‌دهد.

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

به‌عنوان‌مثال اگر شما یک خط در مورد آدرس 1234 w sunshine blvd دارید سپس نیاز است شما تگ‌ها را در اطراف آدرس خود به کار ببرید.

<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’s Structured Data Markup Helper برای ساخت تگ‌های صفحات خود استفاده کنید.

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

استفاده از RDFA

RDFa مخفف عبارت Resource Description Framework in Attributes می‌باشد. اساساً RDFa متد extension برای 5 HTML می‌باشد آن برای کمک به کاربران در نشانه‌گذاری داده‌های ساخت‌یافته طراحی‌شده است.

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

RDFa خیلی متفاوت از Microdata نیست. تگ‌های RDFa مشابه با microdata با کد HTML پیشین موجود در صفحه وب شما ترکیب‌شده است. به خاطر آشنایی، ما یک‌بار دیگر به‌عنوان یک مثال به وب‌سایت فنّاوری tech نگاه خواهیم کرد.

کد HTML برای سایت تکنولوژی tech شما قبل از ویرایش مانند زیر می‌باشد:

<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 موجود است و صفحه وب موردنظر به صفحه تکنولوژی اشاره دارد.

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

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

<div vocab=”http://schema.org/” typeof=”technology”>

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

به‌عنوان‌مثال، اگر مایل هستید یک آدرس را بیشتر گسترش دهید، می‌توانید از آدرسی مانند "PostalAddress" استفاده کنید:

<div property=”address” typeof=”PostalAddress”>

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

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

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

<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 گوگل هم استفاده کنید.

نتیجه

امیدوارم ترس شما از شنیدن کلمات “Schema” و “Structured Data” کمتر شده باشد و اطلاعاتی در این زمینه به دست آورده باشید.

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

7 افزونه schema وردپرس

1.  Schema Pro
2. WP Review Pro

3. WP Product Review

4. All In One Schema.org Rich Snippets

5. Rich Snippets WordPress Plugin

6. Rich Reviews
7. Schema App Structured Data