بدون شک ، سئو برای صاحبان سایت بسیار حائز اهمیت هست و همگی در تلاش هستند که سئوی سایتشون رو تقویت کنند و رتبه ی سایتشون رو بالا ببرند. در این مقاله آموزشی قصد دارم یکی از مواردی که در کدنویسی سایت لحاظ میشه و بر سئوی سایت تاثیر گذار هست رو معرفی کنم. در ادامه با 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 این موضوع رو بررسی کنید و در کدهای خودتون به کار ببرید.
امیدوارم که این مقاله براتون مفید واقع شده باشه ، اگه دوست دارید سئو رو بصورت حرفه ای یاد بگیرید ، از مقالات رایگان سایت لرن پارسی بازدید کنید.