اسچما چیست و انواع Schema

اسکیما چیست و انواع Schema

بررسی انواع Schema و همچنین توضیحات کامل درباره اسکیما چیست و چه کاربردی در طراحی سایت دارد. ارتباط آن با سئو سایت چیست و مهمترین مواردی که باید درباره آن بدانید.

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

اسکیما چیست Schema

اسکیما چیست : به تعریف وب سایت یا ارگان رسمی اسکیما به آدرس schema.org اینگونه تعریف شده است.

ماموریت Schema حفظ و ارتقاء نقشه داده های ساخت یافته در اینترنت مانند صفحات وب، پیام های ایمیل، و غیره را دارد. اسکیما را می توانید با RDFa, میکرودیتا و JSON-LD استفاده نماید.

بیش از 10 میلیون سایت از Schema.org برای نشانه گذاری صفحات وب و پیام های ایمیل خود استفاده می کنند. بسیاری از برنامه های Google ، Microsoft ، Pinterest ، Yandex و سایر موارد دیگر از آن برای تجربیات غنی و گسترده استفاده می کنند. با اسکیما چیست مقاله را ادامه می دهیم.

انواع Schema

انواع Schema شامل موارد زیر می باشد:

  1. Creative works: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries
  2. Embedded non-text objects: AudioObject, ImageObject, VideoObject
  3. Event
  4. Health and medical types: notes on the health and medical types under MedicalEntity
  5. Organization
  6. Person
  7. Place, LocalBusiness, Restaurant
  8. Product, Offer, AggregateOffer
  9. Review, AggregateRating
  10. Action

اسکیما در گوگل

اسکیما در گوگل کاربرد بسیار زیادی دارد و خزنده های گوگل ساختار سایت ها را از طریق آن بررسی می نمایند پس می توان نتیجه گرفت رابطه مستقیمی با سئو سایت نیز دارد.

ما می خواهیم ساختار schema را برای استفاده در سایت بررسی نمایم. اگر بخواهید از اسکیما برای سئو و بهینه سازی سایت استفاده نماید باید به نکات زیر دقت نماید.

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

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

LocalBusiness

<script type="application/ld+json">
{
    "@context" : "http://schema.org",
    "url": "",  
    "@type" : "LocalBusiness",
    "name" : "",
    "description": "",
    "image" : "",
    "telephone" : "",
    "email" : "",
    "priceRange" : "",
    "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "",
    "addressCountry" : ""
  },
    "openingHoursSpecification" : {
    "@type" : "OpeningHoursSpecification",
    "dayOfWeek" : {
    "@type" : "DayOfWeek",
    "name" : "Monday to Friday"
    },
    "opens" : "09:00",
    "closes" : "17:00",
    "sameAs" : [
    "https://www.facebook.com/",
    "https://twitter.com/i",
    "https://www.youtube.com/",
    "https://www.instagram.com/"
    ]
  },
  "potentialAction": {     
    "@type": "SearchAction",     
    "target": "https://yoursite.com/?s={search_term_string}",
    "query-input": "required name=search_term_string"   
  } 
}
</script>

میکرودیتا Body

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

<body itemtype='https://schema.org/WebPage' itemscope='itemscope'></body>
<body itemtype='https://schema.org/Blog' itemscope='itemscope'></body>

میکرودیتا Header و Footer

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

<header id="masthead" itemtype="https://schema.org/WPHeader" itemscope="itemscope" itemid="#masthead"></header>
<footer id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"></footer>

میکرودیتا Nav

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

<nav itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"></nav>

میکرودیتا CreativeWork

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

<article itemtype="https://schema.org/CreativeWork" itemscope="itemscope"></article>

itemprop و itemtype

ما در بالا انواع مختلف تگ itemtype اسکیما را بررسی کردیم. itemtype همانطور که از اسمش مشخص است نوع قسمت خاصی را مشخص می کند اما برای معرفی اجزای آن باید از تگ دیگری به نام itemprop استفاده کرد که سه نوع اصلی دارد.

itemprop="image"
itemprop="text"
itemprop="headline"

در ادامه آموزش اسکیما چیست و انواع schema می خواهیم یک مثال از itemprop بزنیم برای یک سایت وبلاگ

ساختار وبلاگ بدون اسکیما

<body>
    <article>
        <div class="article-box">
            <img src="" alt="">
            <h2>Title Article</h2>
            <p>Article description</p>
        </div>
    </article>
</body>

ساختار وبلاگ با اسکیما

<body itemtype='https://schema.org/Blog' itemscope='itemscope'>
    <article itemtype="https://schema.org/CreativeWork" itemscope="itemscope" id="Article">
        <div class="article-box">
            <img itemprop="image" src="" alt="">
            <h2 itemprop="headline">Title Article</h2>
            <p itemprop="text">Article description</p>
        </div>
    </article>
</body>

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

تست کدهای schema

چگونه متوجه شویم کدهای نوشته شده درست است ؟ برای روشن شدن این موضوع می توانید از نرم افزار گوگل به نام structured data testing استفاده نماید.

برای تست کدهای schema پس از قرار دادن کدها در صفحه آدرس آن صفحه را در استراکچر دیتا تستینگ وارد نموده و نتیجه را مطابق با تصویر زیر بررسی نماید.

تست کدهای اسچما

اگر کدها به درستی نوشته شده باشد باید مانند تصویر بالا بدون خطا نمایش داده شود اگر خطا مشاهده کردید باید سربرگ آبشاری آن را باز کرده و بررسی نماید کدام قسمت خطا می دهد.

منبع » ا.م – schema.org

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حل کنید : *
15 × 26 =