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

[samira-27 3]

 

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

 

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

 

HTML 5 چیست؟

 

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

 

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

 

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

 

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

 

برخی از تگ های 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

 

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

 

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

 

تگ < footer > در HTML5

 

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

 

تگ < hgroups > در HTML5

 

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

 

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

 

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

 

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

 

 

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

 

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

 

منبع : لینک ها تنها برای اعضای سایت قابل نمایش است.