Microdata و تاثیر خوب آن روی سئو سایت از آنجا که سئو وبسایت برای تمام دارندگان وب سایت های حتما مهم هست و دوست دارند که سئو وبسایت خود را افزایش بدهند که باعث می شود رتبه وبسایت در موتورهای جست و جوگر بالا بره.
علاوه بر نکات حرفه ای سئو و قالب سئو شده برای سایت،وقتی که کاربر وارد سایت میشه با خواندن مطالب متوجه این میشه که موضوع مطالب چی هست! اما موتورهای جست و جوگر همه مطالب سایت رو متن (text) در نظر میگیرند و اینکه مرتبط با چه موضوعی هست رو نمیتونند تشخیص بدهند. با استفاده از تگ های microdata به موتورهای جست و جوگر میفهمونیم که موضوغ مطلب چی هست! به عنوان مثال که این مطلب در مورد شخص هست یا یک محصول یا یک مکان و …! این تگ ها در html5 استفاده میشه و شما میتونید توی سایت http://sechma.org (توسط همین سایت تعریف و استاندارد شده هست) ببینید.
چگونه از microdata استفاده کنیم ؟
با استفاده از سه تگ itemscope , itemtype و itemprop وبسایت مان را بهینه سازی کنیم.
بعنوان مثال من از تگ های زیر در وبلاگم استفاده کردم
<article>
<header> <h2> Amoozesh Microdata</h2>
<time datetime="1393-10-08">8 bahman</time>
<span> by :<a href="#author"> J.Mohammad</a></span>
<span><a href="#post_comments">Comment</a></span>
</header> <!--post header-->
<div class="entry"> <p>lorem ipsum...</p> </div>
</article>
برای ما مشخصه که کد بالا برای یک پست از وبلاگ هست که توسط مدیر وبلاگ ارسال شده یا اینکه در مورد فیلم یا مکان خاصی نیس! ولی موتورهای جست وجوگر اینو نمیفهمند! حالا میخواهم تگ های microdata را به آن اضافه کنیم تا این موجودات نیز متوجه بشن!
اول باید مشخص کنیم که این باکس مرتبط با چه موضوعی هست. باید از itemtype و itemscope استفاده کنیم. itemscope شبیه یه چیز جذاب میمونه که موتور جست جوگر را به خودش جذب میکنه تا این کدها (باکس ) رو بررسی کنند. itemtype موضوع رو مشخص میکنه که در سایت schema تعریف شده هست. کد زیر دقت کنید:
<article itemscope itemtype="http://schema.org/BlogPosting">
<header> <h2> Amoozesh Microdata</h2>
<time datetime="1393-10-08">8 bahman</time>
<span> by :<span> J.Mohammad</span></span>
<span><a href="#post-comments">Comment</a></span>
</header> <!--post header-->
<div class="entry"> <p>lorem ipsum...</p> </div>
</article>
برای معرفی اجزای باکس از itemprop استفاده میکنیم.
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<header>
<h2 itemprop="headLine"> Amoozesh Microdata</h2>
<time datetime="1393-10-08" itemprop="DatePublished">8 bahman</time>
<span itemprop="creator" itemscope="" itemtype="http://schema.org/Person"> by :
<span itemprop="name"> J.Mohammad</span></span>
<span><a href="#post_comments" itemprop="discussionUrl>Comment</a></span> </header> <!--post header-->
<div class="entry"> <p>lorem ipsum...</p> </div>
</article>
healine برای عنوان مطلب ، datepublished برای تاریخ ارسال ، creator برای منتشر کننده مطلب و discussionurl برای نظرات پست استفاده کردم.
دقت کنید من در این باکس از دو موضوغ استفاده کردم یکی برای پست وبلاگ یکی هم برای نویسنده مطلب همچنین به این موضوع دقت کنید که هر موضوع یا itemtype itemprop های خاص خودشو داره.