Semantik HTML (Semantic HTML): HTML etiketlerinin görünüm için değil, içeriğin anlamını ve rolünü ifade edecek şekilde kullanılmasıdır.
Semantik HTML ne anlama gelir?
header, nav, main, article, section, aside, footer, dl/dt/dd ve dfn gibi etiketler içeriğin ne olduğunu açıkça anlatır. Ekran okuyucular bu yapıya göre gezinir; arama motorları da ana içeriği yardımcı alanlardan ayırt etmeyi kolaylaştırır.
Her şeyi div ve span ile kurmak sayfayı çalıştırır ama anlamı kaybettirir. Semantik yapı erişilebilirlik (WCAG) uyumunun da temelidir.
Örnek
Bu sözlükte terimler dl (tanım listesi), dt ve dd etiketleriyle; terimin kendisi ise dfn etiketiyle işaretlenmiştir.
İlgili terimler
- Teknik SEOHTML (Hyper Text Markup Language)Web sayfalarının içerik yapısını başlık, paragraf, bağlantı ve görsel gibi etiketlerle tanımlay…
- İçerik & On-PageHeading EtiketleriSayfa içeriğini hiyerarşik başlıklarla (H1'den H6'ya) yapılandıran HTML etiketleridir.
- Teknik SEOSchema (Yapısal Veri İşaretlemeleri)Sayfadaki içeriğin anlamını arama motorlarına standart bir sözlükle (Schema.org) açıklayan maki…
- Algoritmalar & PolitikalarKullanıcı Deneyimi (User Experience)Bir kullanıcının ürün, hizmet veya web sitesiyle etkileşimi sırasındaki tüm algı, duygu ve dene…
Bu konuyu sitenizde birlikte ele alalım
Semantik HTML ve benzeri konuları markanızın hedefleriyle birlikte değerlendiriyor, uygulanabilir bir yol haritasına çeviriyoruz.
SEO Hizmetleri →