امروز می خوام آموزشی رو در 6 بخش واستون بزارم در مورد میکرودیتاها(microdata) و چگونگی بهبود سئو نیوک با میکرو دیتا ها.سعی میکنم هرروز یک بحش کامل تایپ کنم و واستون بزارم .
باتشکر
بخش ها :
1- میکرو دیتا چیست؟
2- شروع کار با میکرو دیتا ها.
3- بهبود نیوک با میکرو دیتا
4- میکرو دیتای حرفه ای.
5- معرفی برنامه
6- معرفی منابع
[CENTER]به نام خدا
[RIGHT]
بخش 1 :
میکرو دیتا چیست؟
شاید تا به حال شده موضوعی رو در گوگل سرچ کردید و کنار نتیجه سرچ یه عکس یا فیلم و یا رتبه مطلب اومده . یا وقتی دنبال یه آهنگ ( خارجی ) می گردید لینک آهنگ در نتیجه جست و جو و به صورت جدول بندی کنار نتایج همیشگی اومده . عکس پایین نمونه ای از این نوع جست و جو هاست:
[CENTER]
[RIGHT]همونطور که در این عکس مشاهده میکنید در بعضی از مطالب عکس و در بعضی دیگه رتبه مطالب کنارش نوشته شده که این همون میکرو دیتاست.
امروزه در موتور گوگل ( و حتی بینگ ) میکرو دیتا اهمیت خاصی داره ولی کمتر ما به اون توجه میکنیم حتی یه بخشی در گوگل وبمستر وجود داره با نام structured data که شاید خیلی از ما حتی یه بار هم به اون بخش نرفتیم ولی مربوط به همین میکرودیتا میشه.
حالا که کمی با میکرو دیتا آشنا شدید باید بگم فرق اساسی میکرو دیتا با متاتگ ها (metatag) در اینه که شما می تونید کاری کنید که به طور خودکار این میکرودیتا ها به تمام پست ها اضافه بشن و به هر پست میکرودیتای جدید با ویژگی هایی که بعدا درموردش حرف میزنیم تعلق بگیره.
خوب فکر کنم تا حالا با کلیت کار آشنا شدید در بخش بعد ساختار های اولیه میکرو دیتا رو واستون معرفی میکنم..
بخش 2 :
شروع کار با میکرو دیتا:
(پیش نیاز => یکم HTML)
در میکرو دیتا سه تگ اساسی . مهم داریم => 1- itemprop
2- itemscope
3 - itemtype
اولین نکته در مورد این تگ ها اینه که به تمام کد های HTML مثل div ها ویا a و هرچیزی میتونن اعمال بشن.
روش نگارش میکرو دیتا در کد های HTML به این صورته که تگ های itemscope بدونه هیچ چیز اضافی باید به پدر تمام اطلاعات تعلق بگیره مثلا در مثال زیر شما میخوایید span ها رو در میکرو دیتا بیارید پس باید itemscope رو به div پدر اختصاص بدید:
مثال 1 :
کد: انتخاب همه
<div itemscope>
<span></span>
<a></a>
<div></div>
</div>
مثال 2 :
کد: انتخاب همه
<div itemscope itemtype="http://www.schema.org/Blog">
<span></span>
<a></a>
<div></div>
</div>
کد: انتخاب همه
<div itemscope itemtype="http://www.schema.org/Blog">
<span itemtype="describe"></span>
<a itemtype="name"></a>
<img itemtype="image"/>
</div>
بخش 3 :
بهبود نیوک با میکرو دیتا :
اول بخاطر به تعویق افتادن آموزش یه معذرت میخوام چون واقعا وقت نکرم آموزش های قسمت بعد بنویسم.
خوب برای بهبود نیوک یک قالب رو برای مثال انتخای میکنیم و اونو بهبود میدیم شما مطابق همین آموزش میتونید هر قالب دیگه ای رو بهبود بدید قالب انتخابی من Mashhadteam-Nature است .
برای اینکار ابتدا فایل theme.php رو باز کنید و دنبال عبارت زیر بگردید:
کد: انتخاب همه
<?=$hometext?>کد: انتخاب همه
<div class="Main NewsBody">کد: انتخاب همه
<div class="Main NewsBody" itemscope itemtype="http://www.schema.org/Blog">
کد: انتخاب همه
<?=$title?>این عکس رو هم از گوگل وبمتسر خودم قسمت Structured data گرفتم بعد از بهینه سازی با میکرو دیتا ها...
( برای بهبود سریع با میکرو دیتا ه به من پیام خصوصی بدی)[/RIGHT][/CENTER][/RIGHT][/CENTER]
