Semantik HTML – Önemli SEO etkeni nedir ?

Semantik HTML, html taglarinin içindeki içeriğe uygun olarak kullanılmasıdır.

HTML kodu yazarken elementler için <div> gibi bir elementi hemen hemen her şey için kullanabilirsiniz. Ama başlık için h taglari, paragraf için p taglari kullanmak hem arama motorları için hem de erişilebilirlik için daha mantıklıdır.

Aşağıdaki tabloyu bir blog sitesinin html element yerleşimi gibi düşünebilirsiniz.
Makale için article, başlık için header elementleri kullanmak semantic html’e uygun kullanımdır.

semantik html

kaynak : https://www.semrush.com/blog/semantic-html5-guide/

Semantik html tagleri nelerdir ?

Semantik html taglari içindeki içeriğin türünü tanımlayan taglerdir.

Örnek olarak makaleler için <article> tagi, <footer> tagi semantik html tagleridir.

Öte yandan <div> ve <span> semantik html tagi değildir. İçindeki content hakkında bilgi içermez genel amaçlı taglerdir.

En çok kullanılan semantik html tagleri

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>

Neden semantik html tagleri kullanmalısınız ?

  • Semantik html tagleri web geliştiricilerinin işini hızlandırır. Kodladığınız elementin ne olduğunu bilirsiniz.
  • Arama motorları websitenizi tararken bu tagler sayesinde içeriğini anlar. SEO’ya pozitif katkısı olur.
  • Ekran okuyucusu gibi erişilebilirlik araçları bu içeriğin ne olduğunu anlayabilir.

Ekstra kaynaklar

Semrush – Semantik html nedir ve nasıl doğru kullanılır | ingilizce makale

w3 schools – semantik html rehberi

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top