HTML semantik etiketler: Erişilebilir ve SEO dostu sayfa yapısı

webyazi
Oluşturuldu
0
Yanıt
webyazi
Son yanıt
1
Görüntüleme sayısı
Katılımcı listesi

webyazi

Muhammet Vural
Yetkili üye
Forum Yaşı
2 Gün
Semantik HTML, bir etiketin ekrandaki görünümünden çok taşıdığı anlamı anlatır. Sayfanın ana içeriğini main, bölümleri section, bağımsız yazıyı article, gezinmeyi nav, başlık alanını header ve alt bilgiyi footer ile işaretleyin.

Başlık seviyelerini görsel boyuta göre değil içerik hiyerarşisine göre kullanın; bir sayfada anlaşılır bir h1 ve onu destekleyen h2/h3 yapısı kurun. Buton gereken yerde button, başka bir sayfaya geçişte a kullanın. Görsellere içeriği anlatan alt metin ekleyin.

Bu yapı ekran okuyucuların sayfayı anlamasını kolaylaştırır, tarama sinyallerini güçlendirir ve CSS kapalıyken bile içeriğin okunabilir kalmasını sağlar.
 
Geri
Top