İçeriğe geç

Rehber

main etiketi yok: ana içeriğin nerede başladığını belirtmek

<main> veya <article> öğesi, sayfanın asıl içeriğinin nerede olduğunu tarayıcılara, ekran okuyuculara ve arama motorlarına söyler. Anlamsal sayfa bölgelerini anlatıyoruz.

2 dk okumaBaşlangıç seviyesiGeçerlilik dönemi: 2026 Eylül itibarıyla
main etiketi yok: ana içeriğin nerede başladığını belirtmek — editoryal kapak görseli

Sayfa tamamen <div> öğelerinden oluşuyor. Tarayıcı, ekran okuyucu ve arama motoru, menünün nerede bitip asıl içeriğin nerede başladığını tahmin etmek zorunda.

KTYAPTECH SEO Analyzer bu sorunu CONTENT-NO-MAIN-LANDMARK-001 koduyla, “main veya article işareti yok” başlığı altında ve düşük önem derecesiyle raporlar (İçerik). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Eksik main işareti nedir?

HTML'in anlamsal öğeleri (header, nav, main, article, aside, footer) sayfanın bölgelerini tanımlar. <main> sayfanın benzersiz ana içeriğini, <article> ise kendi başına anlamlı bir içerik parçasını (blog yazısı gibi) işaretler.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

Ekran okuyucu kullanıcıları bu bölgelerle doğrudan ana içeriğe atlayabilir. Tarayıcıların okuma modları ve arama motorları da ana içeriği şablon bölümlerinden ayırt ederken bu işaretlerden yararlanabilir.

Sorun nasıl tespit edilir?

  • SEO Analyzer raporundaki “main veya article işareti yok” bulgusunu inceleyin.
  • Sayfa kaynağında <main etiketini arayın.
Eksik main işareti: yanlış ve doğru uygulamanın karşılaştırması
Eksik main işareti: sorunlu durum ve doğru uygulama yan yana.

Adım adım çözüm

  1. Ana içeriği saran öğeyi <main> olarak değiştirin; sayfada yalnızca bir görünür main olmalıdır.
  2. Blog yazıları gibi bağımsız içerikleri <article> ile işaretleyin.
  3. Üst bölüm, gezinme ve alt bilgi için header, nav ve footer kullanın.
  4. Klavye kullanıcıları için main'e giden bir “İçeriğe atla” bağlantısı ekleyin.

Görünüm değişir mi?

Hayır. Anlamsal öğeler varsayılan olarak div gibi davranır; mevcut CSS sınıflarını koruyarak etiketleri değiştirebilirsiniz.

Eksik main işareti için düzeltme örneği
Bölgeler tanımlı, içeriğe atlama bağlantısı main'i hedefliyor.

Sık yapılan hatalar

  • Birden fazla görünür main kullanmak.
  • main'i menü ve alt bilgiyi de kapsayacak şekilde kullanmak.

Düzeltmeyi nasıl doğrularsınız?

  • Sayfa kaynağında tek main olduğunu kontrol edin.
  • SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

main SEO'yu etkiler mi?

Doğrudan bir sıralama faktörü değildir; erişilebilirlik ve içerik yapısı için önemlidir.

article ile main farkı nedir?

main sayfanın ana içeriğidir ve sayfada tektir; article kendi başına anlamlı bir içerik parçasıdır ve birden fazla olabilir.

Özet

Sayfanın ana içeriğini <main>, bağımsız içerikleri <article> ile işaretleyin; header, nav ve footer ile bölgeleri tanımlayın.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.

Kategoriler

Etiketler

Kaynaklar

  1. MDN — <main> öğesi
  2. W3C WAI — Sayfa bölgeleri (landmark) eğitimi

Paylaş