طراحی سایت با HTML5 و تاثیر آن بر سئو سایت

در مطلب می خواهیم در مورد طراحی سایت با html 5 صحبت کنیم که چه تاثیری می تواند بر روی سئو سایت شما داشته باشد صحبت کنیم تا آخر این…

  • نوشته شده توسط : رضا رجب پور
  • دسته بندی :مقالات
  • بازدید: 3000
طراحی سایت با HTML5 و تاثیر آن بر سئو سایت
Rate this blog

با گسترش علم طراحی سایت و به روز بودن  یک شرکت طراحی سایت یا طراح سایت که باید داشته باشد فناوری HTML 5  است که می شود با تکنیک ها و کدهایی که دارد سایتی زیبا تر و جذاب تر و پویا تر طراحی کرد و تحویل مشتری داد.

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

HTML 5  چیست؟

زبان HTML 5  یکی از زبان های برنامه نویسی سمت کاربر هست که می شود بدنه اصلی طراحی سایت رو طراحی و کد نویسی کرد و بدون اینکه از فلش استفاده کرد انیمیشن های زیبا و جذابی را طراحی کرد.

ساختار یک سایت در زبان HTML  به این شکل بوده است.

html

که ساختاری قدیمی را دارد

اما در زبان HTML 5  این ساختار به کلی عوض شده است به صورتی در زیر شکل آن قرار گرفته است.

html5 and seo

برخی از تگ های HTML 5  که اگر در طراحی قالب سایت خود استفاده کنید می تواند کمک بزرگی به سایت شما بکند.

تگ < header > در HTML5

یکی از تگ هایی هست که شما در قدیم لوگو و منو خود را قرار می دادید.

ولی با HTML 5  به طراح سایت امکانات جدیدی داده می شود یکی اینکه شما می توانید هر کجا خواستید از تگ header  استفاده کنید و تگ های H1 تا H6  را در داخل تگ header قرار دهید می توانید برای اینکه چند  header داشته باشید از تگ Section استفاده کنید.

تگ < article > در HTML5

می دانید مطلب خوب مهمترین بخش سئو سایت هست می توانید این مطلب ما آیا محتوای خوب مهمترین بخش بهینه سازی سایت هست؟ را حتما مطالعه کنید

تگ article  یکی از مهترین و تاثیر گذار ترین تگ ها در سئو سایت در طراحی سایت html 5 است چون در این تگ مطالب مهم سایت که روبوت های موتورهای جستجو به طور کامل و دقیق آن را بررسی می کنند پس این تگ را در قالب خود قرار دهید

تگ < section > در HTML5

این تگ به نوعی تقسیم کننده مطالب شما هست و جدا کننده آن است در صفحات اول سایت ها از این تگ زیاد استفاده می شود چون هر بخش باید جدا باشد این تگ section و تگ article  جزو مهمترین عوامل سئو سایت با طراحی سایت html 5  است

تگ < nav > در HTML5

همان طور که از اسمش مشخص است این تگ برای این به کار می رود که وقتی می خواهیم در سایت از ui و ux استفاده کنیم به نوعی می خواهیم منو طراحی کنیم

این تگ در BreadCrumb نیز استفاده می شود چون شما به موتورهای جستجو مسیر سایت را نشان می دهید

تگ < footer > در HTML5

تگ فوتر شاید نسب به تگ هدر  اهمیت زیادی نداشته باشد ولی داخل تگ فوتر لینک های ارزشمندی وجود دارد لینک تماس شما لینک های ارتباط با سایت های دیگر شما می توانید اگر از هدر و Section استفاده کردید از تگ فوتر نیز بارها استفاده کنید

تگ < hgroups > در HTML5

در این تگ شما می توانید وقتی از تگ های h1 , h6  استفاده کردید قبلش این از تگ hgroups استفاده کنید

خلاصه تاثیر html5  بر سئو سایت

همه این کارها در شرایطی محقق می شود که شما طراح سایت خودتان باشید و با زبان های برنامه نویسی آشنا باشید و گرنه اگر آشنایی ندارید از این تگ ها استفاده نکنید

تگ های html 5  در سئو سایت به این دلیل استفاده می شود که کروال های گوگل بتوانند خیلی راحت سایت شما را تجزیه و تحلیل کنند و بتوانند به شما امتیاز مثبتی در زمینه سئو سایت بدهند.

حواستان باشد در  قالب های آماده از html 5 استفاده نمی کنند

امیدواریم از این مقاله راضی باشید با اشتراک گذاری و نظر در مورد این مقاله طراحی سایت ما رو در نوشتن مقالات مفید در مورد طراحی سایت و بهینه سازی سایت یاری کنید

اگر دوست داشتید در مورد تاثیر html 5 بر سئو سایت بیشتر بدانید به سایت های اشاره شده مراجعه کنید

SEO Best Practices For HTML5
HTML 5 and SEO

مقالات مرتبط

پیشنهاد می کنیم این مطالب هم مطالعه کنید

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

نکاتی در مورد انتخاب هاست خوب برای سایت

در انتخاب یک هاست خوب برای کار طراحی سایت با چه نکاتی باید توجه کرد تا آخر این مقاله را…

دامنه رنک دار

دامنه رنک دار

زمانی که شما میخواهید دامنه زنک دار بخرید چشمتان حتما به دامنه های رنک دار هم خورده هست که رنک…

چند سوال مهم قبل از طراحی سایت بخش اول

چند سوال مهم قبل از طراحی سایت

امروزه خیلی از افراد دوست دارند کسب و کار خود را از طریق طراحی سایت رونق دهند ولی نمی دانند…

پرسش و پاسخ 0

بحث درباره این مقاله را شما آغاز کنید!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان تلفنی