طراحی سایت با HTML5

HTML 5 جدیدترین استاندارد طراحی صفحات است که مبتنی بر XML می باشد. در طراحی سایت با HTML 5 بحث اصلی، ایجاد استانداردهایی برای پاسخگوی به تمام نیازهای بازدیدکنندگان سایت است و این امکان را به طراحان صفحات وب می دهد تا المنت های زیادی را بدون نصب هیچگونه پلاگین و یا Flash به سایت خود اضافه نمایند.

مزاياي طراحي سايت با HTML 5
در HTML 5، ويژگي ها و قابليت هاي جديدي اضافه شده است که کار را براي طراحان وب بسيار ساده مي کند.

در زير به چند مورد از ويژگي هاي طراحي سايت با HTML 5 اشاره شده است:

1) استفاده از تگهاي نشانه گذاري براي دسته بندي مطالب سايت
2) امکان طراحي اشيا و اشکال به صورت 2 بعدي با استفاده از تگ <canvas>
3) امکان پخش فايل هاي صوتي و تصويري بدون نياز به نرم افزارهاي جانبي با استفاده از تگ هاي <video> و <audio>
4) اضافه شدن کنترل هاي جديد فرم همانند Email، Calendar، Date و Time که طراحي و برنامه نويسي فرم ها را آسان مي نمايد.
5) امکان ذخيره اطلاعات بر روي مرورگر کاربر – اين قابيلت تقريباً کار کوکي ها Cookie را در صفحات HTML انجام مي دهد.
6) استفاده از HTML 5 براي طراحي سايت ورژن موبايل بسيار مناسب است.
7) طراحي سايت با HTML 5 حجم کد را کاهش مي دهد در نتيجه زمان بارگذاري صفحه کاهش مي يابد.
8) طراحي سايت با HTML 5 باعث افزايش User Experience و Usability مي شود.

تأثير طراحي سايت با HTML 5 بر روي سئو
الگوريتم هاي موتورهاي جستجو هر روز پيشرفته تر و باهوش تر مي شوند و درک آنها نسبت به صفحات بيشتر مي شود. چيزي که در حال حاضر براي آنها اهميت دارد اينست که آنچه کاربران نياز دارند را در صفحات سايت پيدا کنند. در نتيجه براي موفقيت در بازاريابي اينترنتي شما بايد محتوا و بخش هاي خود را تقسيم بندي کنيد که با استفاده از HTML 5 اين کار قابل انجام است.

HTML 5 برچسب هاي جديدي را اضافه نموده است که عناصر صفحه را به صورت موثر تشريح مي نمايند. استفاده موثر از اين تگها، رتبه شما را در موتورهاي جستجو بهبود مي بخشد.

تگ هاي HTML 5 که مي توانند به سئوي سايت کمک کنند:
تگ <article>
يکي از مهمترين تگها در HTML 5 مي باشد و متني که در اين تگ قرار مي گيرد، نسبت به ساير محتواها داراي امتياز بيشتري است.

تگ <aside>
محتواي صفحه که در چپ و راست سايت و جدا از محتواي اصلي تعريف شده است در اين تگ قرار مي گيرد.

تگ <figure>
با استفاده از اين تگ مي توانيم تصاوير موجود در سايت را علامتگذاري کنيم.

تگ <header>
اين تگ براي مشخص کردن هدر سايت استفاده مي شود.

تگ <footer>
اين تگ براي مشخص کردن فوتر سايت استفاده مي شود.

تگ <nav>
ناوبري سايت را ميتوان جزو مهم ترين بخش هاي سئو دانست. با تنظيم درست اين تگ شما مي توانيد مطمئن باشيد که اسپايدرها به راحتي سايت شما را Crawl خواهند نمود.

تگ <section>
از تگ section براي تقسيم بندي صفحه استفاده مي شود و شما مي توانيد در قسمتهايي از صفحه که ارتباط معنايي با هم دارند از تگ section استفاده کنيد.

با توجه به توضيحات بالا متوجه مي شويم که تمامي تغييراتي که در HTML 5 انجام شده است جهت قدرت بخشيدن به Page Segmenting مي باشد.

نتيجه گيري
عناصر بسياري بر روي سئوي سايت تاثير مي گذارند که يکي از آنها ساختار يا HTML سايت است که هر چه اين بخش بهينه تر باشد، سرعت بارگذاري صفحه افزايش مي يابد و مي توان خيلي راحت صفحات سايت را به موتورهاي جستجو معرفي نمود.

HTML 5 جزو بحث هايي مي باشد که هنوز در حال تکامل است. با تکميل اين تکنيک جديد کدنويسي، اهميت و پيوستگي آن با سئو نيز بيشتر مي شود.