/ Ücretsiz Araç

Heading Hiyerarşi Analizcisi

URL girin — araç sayfanın tüm H1-H6 etiketlerini DOM sırasıyla çıkarır, görsel bir outline çizer ve eksik H1, atlanan seviyeler, boş başlıklar gibi yapısal sorunları raporlar.

2 + 1 =

Bot olmadığınızı kanıtlayın.

Nasıl Çalışır?

01

URL Girin

Analiz etmek istediğiniz sayfanın URL'ini yapıştırın.

02

Outline Çıkarılır

Sayfa indirilir; body içindeki tüm H1-H6 etiketleri DOM sırasıyla seviyelerine göre görsel bir outline olarak listelenir.

03

Yapısal Uyarılar

Eksik H1, birden fazla H1, atlanan seviyeler (H1 → H3 gibi) ve boş başlıklar otomatik tespit edilir.

Bu Araç Hakkında

Neden bu aracı kullanmalısınız?

Heading Hiyerarşi Analizcisi, bir sayfadaki H1-H6 etiketlerinin tümünü DOM sırasıyla çıkarır, görsel bir outline (taslak) çizer ve eksik H1, atlanan seviyeler, boş başlıklar gibi yapısal sorunları otomatik tespit eder. Heading yapısı sadece SEO için değil, ekran okuyucu kullanıcıların sayfada gezinmesi için de kritik bir erişilebilirlik bileşenidir.

Google heading'leri içeriğin konu hiyerarşisini anlamak için kullanır; semantic HTML kurallarına uyan iyi yapılandırılmış başlıklar Featured Snippet ve AI Overview kaynak gösteriminde belirleyicidir. Ekran okuyucular ise H seviyeleri arasında atlayarak okuma yapar — yanlış hiyerarşi WCAG 2.1 uyumluluğunu doğrudan etkiler.

Pratikte CMS'ler (WordPress, Shopify, Webflow) genellikle theme/template seviyesinde heading'leri yanlış atar: logo H1 olur, sidebar başlığı sayfanın ana H1'ini perdeler, veya bir blok H2 atlayıp H4'ten devam eder. Bu araç bu tip yapısal hataları tek bakışta görmenizi sağlar.

Detaylı Rehber

Bu aracı en verimli nasıl kullanırsınız?

Heading Hiyerarşi Kuralları

Heading hiyerarşisi bir ağaç yapısıdır: H1 kökü, H2'ler ana dalları, H3'ler alt dalları temsil eder. Bir sayfada genel kural olarak tek bir H1 bulunmalı, H2'ler eşit seviyede paralel alt başlıkları taşımalı ve H3-H6 sıralı şekilde altlarında kullanılmalıdır.

Seviye atlanmamalıdır — H1'den sonra H3'e geçmek hem semantic HTML açısından hem de erişilebilirlik açısından hatadır. Ekran okuyucu bu durumda "bir başlık eksik" sinyali verir ve kullanıcının zihinsel haritası bozulur.

  • Sayfada genellikle 1 adet H1 (sayfanın ana konusu)
  • H1'in altında 2+ adet H2 (ana bölümler)
  • Her H2'nin altında ihtiyaç kadar H3 (alt bölümler)
  • Atlama yok: H1 → H2 → H3 sırası bozulmaz
  • Heading'ler tasarım için değil, semantic yapı için kullanılır

Birden Fazla H1 Tartışması (HTML5 vs SEO Pratiği)

HTML5 spesifikasyonuna göre her <section> ve <article> kendi H1'ine sahip olabilir; teorik olarak bir sayfada birden fazla H1 geçerlidir. Ancak tarayıcılar ve arama motorları bu "outline algoritmasını" hiçbir zaman tam uygulamadı; W3C bile 2022'de bu yaklaşımı önermez hale geldi.

Pratik SEO önerisi nettir: bir sayfada bir H1. Bu H1 sayfanın ana konusunu net bir cümleyle ifade etmeli, hedef anahtar kelimeyi içermelidir. Birden fazla H1 hem Google'ın hangi konunun ana olduğunu anlamasını zorlaştırır hem de ekran okuyucu kullanıcılarda karmaşa yaratır.

Yaygın CMS Problemleri (WordPress, Shopify)

CMS temaları çoğu zaman heading'leri tasarım dikkate alarak atar ve semantic yapıyı bozar. En sık karşılaşılan sorunlar logo veya site adının H1 yapılması, sidebar widget başlıklarının H2/H3 olarak ana akışla karışması ve blog yazı şablonunun sayfa başlığını H2 olarak çıkarması.

  • WordPress: Logo veya site title <h1> olarak işaretlenmiş — tema header.php'yi düzeltin
  • WordPress: Widget başlıkları H2 olarak çıkar, içerik akışını böler — widget seviyesini H4-H5'e indirin
  • Shopify: Ürün şablonu collection adını H1, ürün adını H2 yapar — ters çevirin
  • Webflow/Wix: Drag-drop bloklar otomatik heading atar — manuel kontrol şart
  • Page builder'lar (Elementor, Divi): aynı sayfada birden çok H1 üretebilir — her bloğun heading seviyesini kontrol edin

Kim İçin Uygun?

Bu araç sizin için doğru mu?

  • SEO uzmanları — sayfa optimizasyonu ve teknik audit
  • Frontend geliştiriciler — semantic HTML doğrulaması
  • Erişilebilirlik (a11y) uzmanları — WCAG heading hiyerarşi kontrolü
  • İçerik editörleri — uzun yazılarda alt başlık yapısı düzeni
  • UX araştırmacıları — sayfanın okunma akışı analizi

Pro İpuçları

Uzmanların kullanım sırları

  • H1'inizi hedef anahtar kelimenin geçtiği, sayfayı bir cümleyle özetleyen bir başlık yapın — title tag ile birebir aynı olması şart değil ama yakın olmalı
  • Uzun blog yazılarında H2'lerinizi "Featured Snippet sorusu" formatında yazın — "Canonical etiketi nedir?" gibi sorular Google AI Overview'da sıklıkla seçilir
  • Heading'i yalnızca büyük yazı boyutu için kullanmayın — büyük metin istiyorsanız <p class="text-3xl"> yeterli, <h2> değil
  • Tasarım sistemleri (Tailwind, MUI) bazen Heading komponentlerinde varsayılan seviyeyi yanlış verir — her sayfada outline alın
  • Tek sayfa uygulamalarında (SPA) route değişiminde H1'in güncellendiğinden emin olun — yoksa tüm sayfalar aynı H1'i taşır

Dikkat Edilmesi Gerekenler

Yaygın hatalar ve çözümleri

  • Hata

    H1'i logo veya site adına vermek

    Çözüm

    Logo'yu div veya <a> içine alın; H1'i her sayfanın kendi ana başlığına bırakın. Ana sayfada H1, sitenin değer önermesini taşıyan başlık olabilir.

  • Hata

    Seviye atlamak (H1 → H3)

    Çözüm

    Eksik seviyeyi tamamlayın; H1'den sonra mutlaka önce H2 gelmeli. Tasarım için "küçük başlık" istiyorsanız doğru seviyedeki heading'i CSS ile küçültün.

  • Hata

    Heading'i tasarım amaçlı (büyük yazı için) kullanmak

    Çözüm

    Heading semantic bir etikettir, görsel değil. Büyük yazı için <p> + utility class kullanın. Heading sadece içerik hiyerarşisini ifade etmek için olmalı.

Sıkça Sorulanlar

Bu araç hakkında merak edilenler

  • Bir sayfada kaç H1 olmalı?

    Pratik SEO önerisi: tek H1. HTML5 spesifikasyonu teorik olarak birden fazlasına izin verse de Google ve ekran okuyucular tek H1 senaryosunu daha iyi yorumlar. Sayfanın ana konusunu özetleyen tek bir H1 kullanın.

  • H2'den sonra H4 kullanabilir miyim?

    Hayır, seviye atlamak hatadır. H2'den sonra H3 gelmeli, sonra H4. Atlama hem semantic HTML kurallarını hem de erişilebilirlik gerekliliklerini ihlal eder. Ekran okuyucu "bir seviye eksik" uyarısı verir.

  • Heading'ler Google sıralamasını etkiler mi?

    Doğrudan güçlü bir sıralama faktörü değildir, ancak Google içerik hiyerarşisini anlamak için heading'leri kullanır. İyi yapılandırılmış heading'ler Featured Snippet, AI Overview ve site link'lerde seçilme olasılığını ciddi şekilde artırır.

  • H1'i title tag ile aynı yapmalı mıyım?

    Aynı olmasına gerek yok, ama yakın olmalı. Title tag SERP'te görünür, H1 sayfanın kendisinde görünür. İkisi aynı anahtar kelimeyi tutarlı şekilde yansıtmalı; ama H1 daha doğal ve okunabilir bir cümle olabilir.

  • Boş heading etiketleri sorun mu?

    Evet. <h2></h2> gibi içeriği olmayan heading'ler hem ekran okuyucu hem de tarayıcı için kafa karıştırıcıdır. Genellikle CMS şablon hatalarından kaynaklanır; mutlaka temizleyin veya etiket seviyesini değiştirin.

Devamı

Bu aracı kullananlar bunları da inceledi