Başlık Etiketleri (H1-H6) Nasıl Kullanılır? SEO Rehberi

Bir sayfayı ekran okuyucuyla ya da hızlıca göz gezdirerek okuyan biri için başlıklar sayfanın haritasıdır. Başlık etiketleri (H1-H6), içeriği bölümlere ayıran ve bölümler arasındaki ilişkiyi gösteren HTML öğeleridir; doğru kurulduğunda okuyucunun taramasını, ekran okuyucu kullanıcısının gezinmesini ve arama sistemlerinin konuyu anlamasını kolaylaştırır.

Bu rehber, başlık hiyerarşisini SEO ve erişilebilirliğin ortak zemini olarak ele alır. Her seviyenin görevini, en yaygın hataları ve kendi şablonunuzda ya da editörünüzde bu hataları nasıl yakalayacağınızı adım adım anlatır. Başlık yazımı değil başlık yapısı konuşuluyor; makalenin tümünün nasıl kurgulanacağı için SEO makale yazımı rehberine bakabilirsiniz.

Başlık Etiketleri Nedir ve Ne İşe Yarar

HTML'de altı başlık seviyesi vardır: H1 en üst, H6 en alt düzeydir. W3C Web Erişilebilirlik Girişimi'nin başlıklar öğreticisi (yeni sekmede açılır), başlıkların sayfadaki içeriğin organizasyonunu ilettiğini ve tarayıcıların, eklentilerin ve yardımcı teknolojilerin sayfa içi gezinmede bunlardan yararlanabildiğini anlatır. Başlıklar, kitaptaki bölüm ve alt bölüm adlarının web karşılığıdır.

Üç kullanıcı grubu bu yapıdan yararlanır:

• Okuyucular: Sayfayı baştan sona okumadan hangi bölümün işlerine yarayacağını görür.
• Yardımcı teknoloji kullanıcıları: Başlıklar arasında atlayarak sayfanın taslağını çıkarır.
• Arama sistemleri: Sayfanın hangi alt konulardan oluştuğunu daha net okur.

Arama tarafında beklentiyi doğru ayarlamak önemli. Google'ın SEO başlangıç kılavuzu (yeni sekmede açılır) kullanıcıların sayfada gezinmesine yardımcı olmak için başlık kullanmayı önerir, başlıkların sırası ve sayısı konusunda ise dikkatinizi buraya yoğunlaştırmanıza gerek olmadığını söyler. Yani başlık yapısı, sıralamayı tek başına yükselten bir düğme değil, içeriğin okunabilirliğini ve anlaşılabilirliğini taşıyan bir iskelettir. Bu çerçevede iyi bir başlık yapısı "sonuç vaadi" değil, "kaliteli içeriğin taşıyıcısı" olarak düşünülmelidir.

Başlık yapısı, Article veya FAQ gibi yapısal veri işaretlemesiyle karıştırılmamalıdır; ikisi ayrı katmanlardır ve işaretleme konusu makale schema işaretlemesi yazısında anlatılıyor.

H1 Etiketi: Sayfanın Ana Başlığı

H1, sayfanın ana başlığıdır; içeriğin tamamının neyle ilgili olduğunu söyler. Blog yazısında yazının başlığı, ürün sayfasında ürün adı, kategori sayfasında kategori adı H1 olur. Okuyucu sayfaya geldiğinde ilk görmek istediği şey budur.

H1 hakkında iki yaygın soru vardır. Birincisi sayısıdır. Pratikte her sayfada konuyu net söyleyen tek bir ana başlık kullanmak en anlaşılır çözümdür ve ekran okuyucu kullanıcıları için de karışıklığı önler. W3C WAI öğreticisinin örneklerinde de tek H1 vardır; ancak öğretici çoklu H1 konusunu ayrıca ele almaz. Bu nedenle "birden fazla H1 sayfayı cezalandırır" gibi mutlak bir iddia kurmak doğru olmaz; mevcut bir şablonda iki H1 varsa bunu acil bir kriz değil, düzeltilecek bir tutarsızlık olarak değerlendirin.

İkinci soru, H1 ile title ilişkisidir. Title arama sonuçlarında ve tarayıcı sekmesinde görünür; H1 ise sayfa içinde. İkisi aynı konuyu anlatmalı, ancak birebir aynı olmak zorunda değildir. Title'ı kısa ve sorguya yakın, H1'i okuyucuyu karşılayan biçimde yazmak mümkündür. Title ve meta description yazımı ayrı bir konudur: SEO uyumlu makale başlığı ve meta açıklama yazısında ayrıntılı ele alıyoruz.

H1 seçerken site adını ana başlık yapma hatasına dikkat edin. W3C öğreticisi iki düzen gösterir: H1'in belge başlığı olduğu düzen ve H1'in site adı değil, doğrudan içerik başlığı olduğu düzen. İkincisinde sayfa başlığı yine seviye 1 kalır. Sitenin logo alanına koyduğunuz marka adını, her sayfada H1 yapmak, sayfaları birbirinden ayırt edilemez kılar.

H2 ve H3: Bölüm ve Alt Bölüm Mantığı

H2, sayfanın ana bölümlerini işaretler; H3 ise bir H2'nin altındaki alt konuları. W3C öğreticisi başlıkların rütbelerine göre iç içe geçmesini ister: eşit veya daha yüksek rütbeli bir başlık yeni bölüm açar, daha düşük rütbeli bir başlık ise mevcut bölümün alt bölümünü başlatır.

Bunu içindekiler listesi gibi düşünün:

• H1: Sayfanın konusu
• H2: İlk ana bölüm (altında iki H3: bölümün alt konuları)
• H2: İkinci ana bölüm

İyi bir H2 listesi, sayfayı sadece başlıklarından okuyan birine hikâyenin iskeletini verir. Bunu denemek kolaydır: sayfanın yalnızca H2'lerini alt alta yazın. Cümleler bir akış oluşturuyor, bölümler birbirini tamamlıyorsa yapı sağlamdır. H2'ler kopuk ya da tekrar eden ifadelerden oluşuyorsa, sorun başlık etiketinde değil içerik planındadır.

H3 kullanmak zorunlu değildir. Bir H2'nin altında ayrıştırılacak gerçek bir alt konu yoksa H3 eklemek için bölümü yapay olarak parçalamayın. Sadece tek bir H3 içeren bölüm, çoğunlukla başlığa gerek duymayan bir paragraftır. Başlık sayısında ideal bir rakam yoktur; Google kılavuzu da bir sayfada çok fazla başlık olduğunu düşünüyorsanız, muhtemelen öyledir diyerek aynı sezgiye işaret eder.

Okuyucu açısından H3'ler bir yer tutucu değil, ek bir karar kolaylığıdır. Örneğin bir karşılaştırma bölümünde her seçenek için bir H3 açmak, kullanıcının aradığı seçeneğe doğrudan inmesine imkân verir.

H4-H6 Ne Zaman Gerekir

Çoğu blog yazısı ve hizmet sayfası H1, H2 ve H3 ile eksiksiz anlatılır. H4-H6 yalnızca içerik gerçekten üçüncü bir kırılımdan sonra bir dördüncü katmana ihtiyaç duyuyorsa kullanılır: uzun teknik dokümanlar, kılavuzlar, standart metinleri ve çok katmanlı referans sayfaları gibi.

H4'e inme ihtiyacı doğduğunda önce şunu sorun:

• Bu bölüm tek sayfada mı kalmalı, yoksa ayrı bir sayfaya mı bölünmeli?
• Dördüncü katmandaki başlıklar gerçekten ayrı alt konular mı, yoksa kalın yazılmış etiketler mi?
• Okuyucu bu derinlikteki yapıyı kaydırarak takip edebiliyor mu?

Cevaplar belirsizse çoğunlukla sorun çözümü başlık eklemek değil, sayfayı sadeleştirmektir. Bir sayfada altıncı seviyeye inmek nadiren iyi bir işarettir; uzun bir sayfayı iki sayfaya bölmek ya da bir bölümü tabloya çevirmek daha okunabilir sonuç verir.

Başlık Seviyesi Atlama Hataları

Seviye atlama, H2'den hemen sonra H4 gelmesi gibi ara basamağın atlanmasıdır. W3C öğreticisi bunu açıkça söyler: başlık rütbelerini atlamak kafa karıştırıcı olabilir ve mümkünse kaçınılmalıdır. Aynı öğretici bir istisnayı da gösterir: bir alt bölümü kapatırken H4'ten sonra H2'ye dönmek geçerlidir, çünkü H2 önceki bölümü sonlandırır.

Yani kural "hiç yukarı çıkamazsın" değil, "aşağı inerken basamak atlayamazsın"dır:

• Geçerli: H2, H3, H3, H2, H3.
• Geçerli: H2, H3, H4, H2 (yeni bölüme dönüş).
• Atlama: H2, H4 (H3 yok).
• Atlama: H1, H3 (H2 yok).

Atlamaların kaynağı çoğu zaman teknik değil, görseldir: yazar H3'ün boyutunu daha uygun bulup H2'nin hemen altında kullanır. Bunun nedenini ve çözümünü bir sonraki bölümde ele alıyoruz. Bir diğer kaynak, mevcut içeriğin farklı sayfalardan kopyalanmasıdır: başka bir sayfadaki H4'lü bölümü kopyalayıp H2'nin altına yapıştırmak, sayfada beklenmedik bir atlama oluşturur.

Atlamayı düzeltmenin yolu, başlığı bir seviye yukarı çekmek ya da eksik ara başlığı eklemektir. Eklenecek ara başlık yapay olacaksa, bölümü yeniden düzenlemek daha dürüst bir çözümdür.

Stil İçin Başlık Seviyesi Seçme Yanılgısı

En yaygın hata, başlık etiketini yazının boyutunu veya kalınlığını ayarlamak için seçmektir. "H4 daha küçük duruyor, buraya uyar" ya da "H2 çok büyük, H3 kullanayım" düşüncesi, anlamı görünüme kurban eder. Başlık seviyesi bir hiyerarşi bilgisidir; görünüm ise CSS'in işidir.

Ters yönde de hata olur: başlık olması gereken satırı kalın paragraf olarak yazmak. Görünüşte başlık gibi duran ama etiketi p veya strong olan satır, ekran okuyucu için sıradan metindir ve başlık listesinde yer almaz.

Kural basit:

1. Önce içeriğin mantıksal yapısını kurun: hangi başlık hangisinin altında?
2. Seviyeyi bu yapıya göre seçin.
3. Görünüm farklı olmalıysa, CSS sınıfıyla boyutu ve ağırlığı ayarlayın.

W3C öğreticisi bu ilkeyi bu sözlerle vermez; ancak yan bölümlerin başlık rütbelerinin içerik alanındaki rütbelere göre değişmemesi gerektiğini, tutarlılığın önemli olduğunu söyler. Bu da seviyenin görünüm için değil yapı için seçildiği düşüncesiyle uyumludur. Sonuç olarak, kendi kullandığınız şablonda H3 stilinin H2 stilinden büyük olması gibi bir durum varsa, tasarım dosyasını düzeltin; HTML'deki seviyeleri bozmayın.

Şöyle bir durumu düşünün (örnek senaryo): bir ekip, blog şablonunda kenar çubuğundaki "İlgili Yazılar" başlığının büyük görünmesini istiyor ve bunu H1 ile yapıyor. Sonuçta her yazıda iki H1 oluşuyor ve ekran okuyucu kullanıcısı için sayfanın asıl konusu kayboluyor. Çözüm, başlığı uygun seviyede bırakıp CSS ile görünümü ayarlamaktır.

Başlık Etiketlerinde Anahtar Kelime Kullanımı

Başlıklar, içeriğin ne hakkında olduğunu özetleyen kısa ifadelerdir ve doğal olarak konuya ait terimleri içerir. Bu terimlerin doğal olması önemlidir. Her başlığa aynı anahtar kelimeyi eklemek, okuyucuyu yorar ve metni yapay gösterir.

Uygulanabilir bir yaklaşım:

• H1: Sayfanın ana konusunu ve birincil sorguyu doğal bir ifadeyle taşır.
• H2: Ana konuyu bölen alt sorulara veya kavramlara denk gelir; bazılarında birincil konunun varyasyonu geçebilir.
• H3: Daha özel terimlere, örneklere veya adımlara odaklanır.

Okuyucunun gerçekten aradığı soruyu başlık yapmak, kullanıcı için de arama sistemi için de faydalıdır. Örneğin "Mobilde nasıl denetlenir?" gibi bir H2, hem bir sorguyu hem bir bölümü tanımlar. Bu, öne çıkan snippet gibi biçimlere de uygun malzeme sağlar; bu konuyu öne çıkan snippet'lerin nasıl kazanıldığı yazısında ele aldık.

Kaçınılacak kalıplar da net:

• Aynı ifadenin her başlıkta tekrarı
• Başlığın içeriği karşılamaması (vaat ve içerik uyuşmazlığı)
• Anlamsız, yalnızca etiket niteliğinde başlıklar: "Giriş", "Diğer", "Detaylar"
• Çok uzun, cümle uzunluğunda başlıklar

Test: başlığı tek başına okuyan birine, altındaki bölümün ne anlattığı anlaşılıyorsa, başlık iş görüyor demektir. Anahtar kelime bu sınamanın sonucudur, amacı değil.

Erişilebilirlik: Ekran Okuyucu ve Başlık Gezintisi

Başlık yapısının en somut faydası ekran okuyucu kullanıcılarındadır. Bu kullanıcıların birçoğu sayfayı baştan sona dinlemek yerine başlıklar arasında atlayarak gezinir. W3C öğreticisi, tarayıcıların, eklentilerin ve yardımcı teknolojilerin başlıkları sayfa içi gezinmede kullanabildiğini söyler ve başlıkların görünür olmasının, bölgelerin tüm kullanıcılar için kolay tanınmasına yardım ettiğini ekler.

Bu şu anlama gelir: bozuk bir başlık yapısı görünmez bir engeldir. Aşağıdaki durumlar kullanıcıyı doğrudan etkiler:

• H1'in olmaması: Sayfanın ana konusu başlık listesinde yer almaz.
• Seviye atlaması: Yapıdaki boşluk, bir bölümün eksik olduğu izlenimi verir.
• Görünüşte başlık olup etiketsiz satırlar: Gezinti listesinde hiç görünmez.
• Başlık etiketli ama başlık olmayan öğeler: Menü etiketleri, tarih satırları ve reklam alanları gezinti listesini kirletir.

Erişilebilirlik açısından sade bir ilke yeterlidir: başlık, o bölümün gerçek başlığıysa başlık etiketiyle işaretlenir; değilse işaretlenmez. Bölge adları ve gezinti blokları için de aynı mantık geçerlidir: bunları başlıklarla etiketlemek bölgeleri tanımayı kolaylaştırabilir, ancak her etiket için bir başlık eklemek gerekmez.

Denemek için, sayfayı bir ekran okuyucuyla başlık gezintisi kullanarak dinleyin. Başlık listesi sayfanın konusunu ve bölümlerini anlamlı bir sırayla veriyorsa, hem erişilebilirlik hem içerik anlaşılırlığı açısından sağlam bir temeliniz var demektir.

Şablon, Editör ve Eklenti Kaynaklı Başlık Hataları

İçerik yazarı doğru başlık yapısını kursa bile, şablon ve eklentiler bu yapıyı bozabilir. Sorunun gerçek kaynağı çoğu zaman metinde değil, sayfayı saran koddadır.

• Tema şablonu: Logo, menü veya kenar çubuğu başlıklarını H1-H3 olarak basan temalar, her sayfada fazladan başlık üretir.
• Sayfa oluşturucular: Görsel editörler bir metin bloğunun boyutunu seçmek için başlık seviyesi menüsü sunar; stil için seviye seçme hatasını kolaylaştırır.
• Eklentiler: İçindekiler, ilgili yazılar ve yorum bölümü eklentileri kendi başlık etiketlerini ekler.
• Zengin metin editörü: Yapıştırılan içerik, kaynak sayfadaki başlık seviyelerini beraberinde getirir.
• Blog yazısı şablonu: Yazı başlığı hem şablonda H1 hem editörde içerik içinde bir kez daha H1 olarak yazılırsa çift H1 oluşur.

Çözüm yaklaşımı, hatanın yerine göre değişir. Şablon kaynaklıysa tema dosyası ya da ayarı düzeltilir. Editörde ise yazarlara basit bir kural verilir: gövdede H1 kullanılmaz, bölümler H2'yle başlar, alt bölümler H3 olur. Böyle bir kuralı içerik teslim sürecinize eklemek, tekrar eden hataları önler. Bu kontrolü kalite listenizin bir maddesi yapmak için içerik teslim kalite kontrol listesine göz atın.

Not: Başkasından aldığınız ya da yapay araçlarla üretilmiş taslakları editöre yapıştırırken başlıkları gözden geçirin. Bu taslaklar çoğu zaman sayfanın kendi hiyerarşisine uymayan seviyelerle gelir.

Başlık Yapısını Denetlemek

Başlık denetimi için ağır bir araca ihtiyaç yoktur. Üç katmanlı bir yöntem çoğu site için yeterlidir:

1. Tek sayfa, elle: Tarayıcı geliştirici araçlarıyla kaynak kodda H1-H6 etiketlerini arayın ya da başlıkları listeleyen bir tarayıcı eklentisi kullanın. Sıra, seviye ve sayıya bakın.
2. Şablon başına temsilî sayfa: Ana sayfa, kategori, ürün, blog yazısı gibi her şablonun bir örneğini inceleyin. Şablon kaynaklı hata bir kez düzeltilince yüzlerce sayfayı düzeltir.
3. Site geneli tarama: SEO tarayıcıları H1 eksikliği, çoklu H1 ve seviye atlama gibi toplu hataları listeler. Raporu çıkarırken bunu mutlak hata listesi değil, incelenecek aday listesi olarak okuyun.

Denetimin sonunda her sayfa için aynı soruları sorun: Sayfanın tek, net bir ana başlığı var mı? H2'ler tek başına okununca bir akış veriyor mu? Seviye atlayan yer var mı? Başlık olmayan bir öğe başlık etiketi taşıyor mu? Başlık olan ama etiketsiz satır var mı?

Bu kontrolleri daha geniş bir içerik denetiminin parçası olarak yürütmek istiyorsanız, içerik denetiminin nasıl yapıldığını anlatan yazıya bakın. Başlıklarla ilgili bulguları orada kalite ve niyet bulgularıyla aynı tabloda toplamak, öncelik sırası kurmayı kolaylaştırır.

Düzeltme sırasını belirlerken şablon düzeyindeki hataları önce ele alın, ardından yüksek trafik veya yüksek öncelikli sayfaları düzeltin. Tek tek içeriklerdeki küçük tutarsızlıklar, bir sonraki içerik güncellemesinde giderilebilir.

Örnek Şablon: Başlık Hiyerarşisi Denetim Tablosu

Başlık listesini satır satır inceleyip her satır için karar yazdığınız bir denetim tablosu aşağıda. Satırlar ve bulgular, bir blog yazısı şablonu için kurgulanmış örnek değerlerdir; kendi sayfanızın gerçek başlık listesiyle değiştirin.

Bu örnek senaryoda ekip iki sorun bulur. Birincisi, "Su Sıcaklığı" başlığı boyutu beğenildiği için H4 seçilmiş; çözüm başlığı H3 yapıp boyutu CSS ile ayarlamaktır. İkincisi, kenar çubuğundaki "İlgili Yazılar" başlığı H1 olarak basılıyor; çözüm şablonu düzeltip uygun bir seviyeye çekmektir. İki düzeltme de metni değiştirmez, yalnızca yapıyı düzene sokar.

Tabloyu kullanırken "Bulgu" sütununa yalnızca hata değil, karar da yazın: düzeltilecek, kabul edildi ya da şablon sahibine iletildi. Böylece sonraki turda aynı sayfayı baştan çözümlemeniz gerekmez.

Sıkça Sorulan Sorular

H1 etiketi nedir, her sayfada olmalı mı?

H1, sayfanın ana başlığını belirten en üst düzey başlık etiketidir ve her sayfada net bir ana başlık bulunması iyi uygulamadır. Teknik olarak tarayıcılar H1 olmayan sayfayı da gösterir; ancak okuyucu ve yardımcı teknolojiler için sayfanın konusunu bir bakışta söyleyen tek bir ana başlık en açık çözümdür.

H1 ile title etiketi aynı olmalı mı?

Aynı olmak zorunda değildir; ikisi uyumlu ama farklı olabilir. Title arama sonucunda ve tarayıcı sekmesinde görünür, H1 ise sayfa içinde ana başlıktır. Google başlık bağlantısı üretirken title öğesinin yanında sayfadaki başlıkları da kaynak olarak kullanabilir, bu yüzden ikisi çelişmemelidir.

H2 ve H3 başlıkları nasıl kullanılır?

H2 sayfanın ana bölümlerini, H3 ise bir H2'nin altındaki alt konuları işaretler. Başlıklar bir içindekiler listesi gibi iç içe geçer ve seviye atlanmaz; H2'den sonra doğrudan H4 gelmez. Yeni bir bölüme geçerken seviyeye yeniden H2'den başlamak ise doğrudur.

Başlık etiketi yazıyı büyütmek için kullanılır mı?

Hayır; başlık etiketi anlam ve yapı içindir, yazı boyutu için değildir. Metni büyütmek veya kalınlaştırmak istiyorsanız bunu CSS ile yapın. Boyut için başlık etiketi kullanmak, ekran okuyucu kullanıcılarına ve içerik yapısını okuyan araçlara hiyerarşide olmayan sahte başlıklar sunar.

Başlık hiyerarşisi erişilebilirliği nasıl etkiler?

Ekran okuyucu kullanıcıları sayfayı başlıklardan gezerek tarar; doğru hiyerarşi, hangi bölümün nerede başlayıp bittiğini anlamalarını sağlar. W3C WAI de başlıkların içeriğin organizasyonunu ilettiğini ve yardımcı teknolojilerin sayfa içi gezinmede kullanabildiğini belirtir. Atlanan seviyeler kafa karışıklığına yol açar.

Sayfadaki başlıklar hangi araçla kontrol edilir?

Tarayıcı geliştirici araçlarıyla kaynak kodu inceleyerek, başlıkları listeleyen tarayıcı eklentileriyle veya tüm siteyi tarayan SEO tarayıcılarıyla kontrol edilir. Tek sayfa için eklenti yeterlidir, site genelinde H1 eksiği ve seviye atlaması gibi toplu hataları tarayıcı gösterir. Sonuçları ekran okuyucuyla da deneyin.

Sonuç ve Sonraki Adım

Başlık etiketleri bir görünüm ayarı değil, içeriğin iskeletidir. Akılda tutulacak kurallar az: sayfanın net bir ana başlığı olsun, bölümler H2, alt bölümler H3 ile açılsın, aşağı inerken seviye atlanmasın ve seviye boyut için seçilmesin. Yapı erişilebilirliği doğrudan iyileştirir; arama sistemleri için sayfanın anlaşılırlığına katkı sağlayan ama tek başına sıralama vaat etmeyen bir temeldir.

Başlık yapısı baştan düzgün kurulmuş yazılar hazırlatmak isterseniz makale hizmeti sayfasından ürünü seçip sepet ve ödeme adımlarını tamamlayabilir, satıcı onayı ile teslimat bildirimini takip edebilirsiniz; gerekirse itiraz yolu da mevcut. Teslim aldığınız metnin başlık listesini bu rehberdeki denetim tablosuyla karşılaştırmak, hem sizin hem yazarın işini kolaylaştırır.