در سال های گذشته بهینه سازی صفحات HTML به عنوان صفحات استاندارد وب برای بالا بردن رتبه صفحات استفاده می شد. اخیرا HTML بطور اساسی بروزرسانی شده است و به HTML5 رسیده است. با این بروزرسانی، تگ ها و API های فراوانی برای نشانه گذاری صفحات اضافه شده اند. حالا با این تغییر توسعه دهندگان وب باید چه اقداماتی را برای بهینه سازیصفحات وب خود انجام دهند؟

 

 

1- لینک های Nofollow

در سال 2005 گوگل پشتیبانی یک روش جدید برای توسعه دهندگان وب که دنبال نکردن یک لینک را به موتور جستجو تکلیف می کند را به تصویب رساند. این لینک های توسط کد بسیار کوتاه rel=nofollow تعریف می شوند. در زیر یک نمونه از این لینک ها را مشاهده می کنید که وجودش هیچ تاثیری در رتبه صفحه وب نخواهد داشت: این لینک را دنبال نکن ! HTML5 گام های اساسی در این زمینه برداشت و چندین روش برای توسعه دهندگان وب ارایه کرد تا به راحتی موتورهای جستجو را در رفتار با لینک های موجود در صفحه وبشان یاری کنند. شما می توانید در زیر نمونه هایی از این لینک ها را ببینید. شما هم اکنون می توانید لینک ها بصورت کاملا ویژه و خاص تعریف کنید. شما می توانید تنظیم زبان صفحه خود را بصورت پیشرفته تنظیم کنید. تصور کنید که چگونه مفید خواهد بود که به موتورهای جستجو بگویید چه صفحه از سایت خود را به زبان اسپانیایی نمایش دهد. و یا می توانید به موتور جستجو بگویید که صفحه راهنما “Help” وبسایتتان کدام صفحه است. و شاید مهمتر از این ها . HTML5 به شما این امکان را می دهد تا مالکیت مطلب را به راحنی اثبات کنید ، صفحه گوگل + نویسنده مطلب را با استفاده از rel=authorتعیین کنید تا موتور جستجو نویسنده مطلب را بشناسد. رتبه نویسنده تاثیر مستقیمی بروی رتبه وبسایت شما خواهد گذاشت. آموزش کامل اضافه کردن نویسنده به وبسایت (رتبه نویسنده) بسیاری از اطلاعات دیگر را با <link> در HTML5 می توان ایجاد کرد و موتور های جستجو را در درک بهتر صفحه وب یاری نمود.

<link rel="alternate" hreflang="es" href="espanol.html" >
<link rel="author" href="https://plus.google.com/0123456789">
<a rel="bookmark" href="http://mysite.com/article.html" >Permalink</a>
<link rel="help" href="helpfiles.html" >
<a rel="license" href=”licensing.html" >License information</a>
<a rel="next" href="NextPage.html" >Next</a> <a rel="prev" href="PreviousPage.html" >Previous</a>
<link rel="search" href="http://www.mysite.com/mysearch.xml" >

2- صفت alt و روش جدید برای توضیح فیلم و تصاویر با تگ figure

تاکنون یک روش برای سئو وجود داشت که باعث می شد تا محتوای ارائه شده برای موتور های جستجو جذاب باشد و موتور جستجو بتواند محتوای درون فیلم ها و تصاویر را تشخیص دهد. این روش استفاده از صفت alt بود که توضیحاتی را در مورد آن ها به نمایش می گذارد. HTML5 تگ های figure و figurecaption را معرفی کرد و روش بهتری را برای توضیح تصاویر برای موتور های جستجو و کاربران ارائه داد. در مثال زیر استفاده از این روش توضیح داده شده است. یک تگ img با صفت alt در کد ها قرار داده شده است و همچنین یک تگ figcaption که توضیحات تصویر را در خود جای داده است و این دو تگ در داخل تگ figure قرار داده شده است.

<figure id="figure2">
<img src="shasta.jpg" alt="My Dog Shasta" >
<figcaption>My Dog Shasta</figcaption>
</figure>

3- شناسایی مهم ترین لینک ها روی صفحات شما:رتبه بندی اسنادی که بر پایه رفتار کاربران یا خواص داده ها ساخته شده اند.

در هر صفحه تعدادی لینک وجود دارد گوگل در سال 2004 برای هر لینک محبوبیتی قائل می شود یعنی در هر صفحه لینکی که تعداد کلیک بالا را به خود اختصاص دهد محبوب تر می شود و در گوگل بالا خواهد رفت. در HTML5 برای مشخص کردن قسمت های مهم یک صفحه چندین تگ جدید وجود دارد. برای مثال تگ <nav> برای موتورهای جستجو مشخص می کند که منوبار اصلی وبسایت شما در کجا قرار دارد و ممکن است در رتبه بندی موتور های جستجو تاثیر مثبت داشته باشد. و تگ <footer> نیز مشخص می کند کدام لینک ها فرعی هستند و در پایین صفحه قرار دارند.

4- فلش ها دیگر برای ویدئو ها استفاده نمی شوند.

 برخی از طراحان وب استفاده از فلش را دوست دارند مخصوصا برای نمایش ویدئو ها. اما موتورهای جستجو چه ؟ آن ها هم استفاده از فلش را دوس دارند؟ اوووو ، نه زیاد ! موتورهای جستجو برای دستری به محتوای فلش لحظات سختی را می گذرانند. اما با تگ جدید HTML5 موتور های جستجو احساس بهتری را تجربه می کنند. با استفاده از تگ <video> براحتی می توانید بدون استفاده از فلش ویدئو های خود را قرار دهید. HTML5 چندین روش را به موتور های جستجو درباره تشخیص محتوای مرتبط با فیلم ها و ویدئو ها از جمله “captions” و “subtitles” قرار داده است.

<video controls>
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<track kind="subtitles" src="subtitles.vtt" />
<track kind="captions" src="transcript.en.hoh.vtt" srclang="en" label="English for the
Hard of Hearing" >
</video>

 

5- با HTML5 موتورهای جستجو با AJAX رابطه خوبی برقرار می کنند.

فلش مورد علاقه طراحان وب و Ajax مورد علاقه توسعه دهندگان و برنامه نویسندگان وب می باشد تا بتوانند سایت خود را سریع تر و کارا تر نشان دهند. مشکل اینجاست که موتور های جستجو تلاش می کنند تا محتوایی که با Ajax تحویل داده می شود را بخوانند. اما HTML5 یک را ه حل برای این کار ارائه داده است. این یک ویژگی جدید است که تاریخچه API نامیده می شود که به توسعه دهندگان وب اجازه می دهد که URL را روی آدرس بار مرورگرها تغییر دهند بدون آنکه صفحه رفرش (Refresh) شود . این تغییرات ظریف به موتور های جستجو کمک می کند تا محتوای Ajax را با یک URL منحصر به فرد گره بزنند کخ به الگوریتم رتبه بندی آن ها کمک می کند. بطور کلی استفاده از HTML5 امل ویژگی های فراوانی برای توسعه دهندگان وب است که به آن ها کمک می کند در این رقابت از رقبای خود جلو بیفتند. موفق و پیروز باشید.