HTML5 زبان نشانه گذاری الزامی برای موفقیت در سئو

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

نظر شما

یادگیری SEO یادگیری SEO

بررسی عملکرد موتور های جستجو افزایش رتبه الکسا با استفاده از Alexa Toolbar 7 فاکتور SEO در سال 2013 تاثیر رتبه نویسنده در SEO در سال 2013 سئو ، بازی استراتژیک یا رتبه دهی به ارزش واقعی محتوا ؟ برترین تکنیک های سئو در سال 2013 تست نسخه موبایل صفحات وب بیانیه Doctype اعتبار سند HTML شما رنگ ها ، کلید جذب بازدید کننده قوانینی برای تنظیم اندازه متن در صفحات وب 12 نکته از تکنیک های اساسی سئو 4 راه کار برای بالا بردن پیج رنک گوگل سئو و محتوای متناسب با آن 10 متد قدیمی سئو که دیگر نباید استفاده شود ری دایرکت و روش صحیح آن لینک خوب ، لینک بد : نکاتی مفید در مورد لینک گذاری عنوان صفحه ، شاه کلیدی برای ورود به صفحه وب شما 5 قاعده برای استفاده از کلمات کلیدی سئو 7 قدم برای داشتن وبلاگی جذاب 6 قانون برای استفاده از سئو و مزایای آن 9 گام اساسی برای جلب توجه مخاطب به وبلاگتان انتخاب URL ، اصول و مبانی 4 روند برتر استراتژیک سئو در 2013 نکاتی در مورد طراحی نسخه موبایل برای وب سایت 4 نکته که تازه واردها باید در مورد سئو بدانند 10 دلیلی که ما را ملزم به استفاده از HTML5 می کند 10 روش برتر برای افزایش رتبه الکسا 7 روش جدید برای بهبود رتبه سایت در گوگل جدیدترین های سئو در سال 2013 قوانین جدید برای موفقیت SEO در سال 2013 نوار وضعیت الکسا و یا نوار ابزار الکسا اشتباه SEO و راه های جلوگیری از آن بهینه سازی ویدیو برای موتورهای جستجو چگونه اطلاعات نویسنده را به وبسایت اضافه کنیم؟ 4 قانون برای نوشتن مطالب چند راه آسان برای تبلیغ سایت خود از طریق لینک ها سئو در فلش ، جاوا اسکریپت و jQuery . مشکل چیست؟ سئو ، بهینه سازی تصاویر تاثیر تبلیغات بر سئو وبسایت ها 3 ابزار رایگان سئو چه موقع ربات گوگل از سایت شما بازدید کرده است؟ HTML5 زبان نشانه گذاری الزامی برای موفقیت در سئو تگ های Figure و Figcaption در HTML5 عناصر <figure> و <figcaption> (تشریح کامل) اشتباهات و مشکلات متداول SEO ابزارهای ضروری برای سئو متا تگ ها و موتور های جستجو ( سئو متا تگ ها) 4 روش کاربردی برای تولید محتوای تک و مفید چرا باید به اعتبار دامنه اهمیت داد؟ رفع اشکالات مربوط به اطلاعات نویسنده در گوگل : آموزش گام به گام 20 نکته کوتاه اما مهم برای سئو راهنمای google webmaster tools برای حرفه ای های سئو نکاتی درباره طراحی وب سایت جهانی ( بین الملل ) Sitemap یا همان نقشه سایت چیست؟ 18 نکته کوتاه و مفید درباره سئو طراحی بهترین صفحه ” درباره ما “ 7 ترفند ساده برای ارتقای سئوی سایت در سال 2016

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران بپیوندید

   
   
عضویت
پیام تستی برای گروه نرم افزاری وب مهراز