بدون شک ، سئو برای صاحبان سایت بسیار حائز اهمیت هست و همگی در تلاش هستند که سئوی سایتشون رو تقویت کنند و رتبه ی سایتشون رو بالا ببرند. در این مقاله آموزشی قصد دارم یکی از مواردی که در کدنویسی سایت لحاظ میشه و بر سئوی سایت تاثیر گذار هست رو معرفی کنم. در ادامه با Microdata  ها آشنا خواهیم شد.

Microdata چیست و چرا باید استفاده کنیم ؟

زمانی که کابران به سایت شما مراجعه می کنند ، با خوندن مطالب و مقالات متوجه می شوند که این مطالب شامل چه موضوعی میشه و مرتبط با چه مساله ای هست . اما موتورهای جستجوگر تمامی مطالب سایت شمارو به عنوان text و متن در نظر می گیرند و قدرت تشخیص و تفکیک موضوعی بین مطالب شمارو ندارند. با استفاده از تگ های Microdata شما می تونید موتورهای جستجوگر رو راهنمایی کنید و موضوع مطلبتون رو به موتور جستجوگر بفهمونید. به عنوان مثال این مطلب در رابطه با یک فیلم هست ، یا در رابطه با یک شخص هست ، یا در رابطه با یک مکان هست و … قابل ذکر هست که این تگ ها در Html5 مورد استفاده قرار میگیره که توسط سایت Shema.org تعریف و استاندارد سازی شده است.

به چه صورت باید از این تگ ها استفاده کنیم ؟

با استفاده از سه تگ itemprop ، itemtype ، itemscope شما می تونید کد html تون رو بهینه کنید. اجازه بدید با مطرح کردن چند مثال نحوه ی کار با این تگ ها رو خدمتتون توضیح بدم.

به کد زیر دقت کنید ؛

<div>
<h1> آواتار </h1>
<Span> کارگردان : جیمز کمرون </Span>
<Span> ژانر : علمی - تخیلی </Span>
</div>

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

خوب در ابتدا باید بگیم این باکس مربوط به موضوع و اطلاعات فیلم میشه ، باید از itemscope و itemtype استفاده کنیم.

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

<div itemscope
itemtype="http://schema.org/movie">
<h1> آواتار </h1>
<span> کارگردان : جیمز کمرون </span>
<span> ژانر : عملی- تخیلی </span>
</div>

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

<div itemscope itemtype="http://schema.org/movie">
<h1 itemprop="name"> آواتار </h1>
<span> کارگردان : <span itemprop="director"> جیمز کمرون </span></span>
<span itemprop="genre"> علمی تخیلی </span>
</div>

هر موضوعی که شما برای باکس هاتون تعریف کنید ، itemprop های خاص خودش رو داره. در اینجا ما با name نام فیلم رو مشخص کردیم ، با director نام کارگردان فیلم رو مشخص کردیم و با genre نوع فیلم رو تعیین کردیم.

برای مشاهده تمامی موضوعات به لینک http://schema.org/docs/full.htmll مراجعه کنید ، با کلیک بر روی هر موضوع itemprop های اون موضوع رو هم می تونید مشاهده کنید.

بیشترین کاربرد رو موضوع Article داره که می تونید از طریق لینک http://schema.org/Article این موضوع رو بررسی کنید و در کدهای خودتون به کار ببرید.

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