Hx Başlık Etiketli İçeriğin Hiyerarşik Yapısı
Yayınlanan: 2018-01-30İçindekiler
Web sitelerinde içerik başlıklarının kullanılması oldukça popüler bir konudur ve bugün bile devam eden sayısız efsaneyi beraberinde getirmiştir. O halde başlık etiketleri nelerdir, neden kullanılırlar ve bir web sitesinde optimum başlık etiketleri yapısı nasıl uygulanır?
- 1 Başlıklar nelerdir?
- 2 Hx başlık etiketlerinde önemli içeriği kullanın
- 3 Google, Hx başlık etiketleri hakkında ne diyor?
- 4 İçerik başlıklarıyla ilgili diğer önemli bilgiler
Başlıklar nedir?
Başlık etiketleri, içeriğin yapısını kullanıcılara (web tarayıcısı tarayıcıları da) sunmak için kullanılır. H1'den H6'ya kadar altı başlık boyutu vardır , ancak bunlardan birincisi çok önemlidir (en önemli başlıktır), oysa H5 ve H6 nadiren kullanılır.
Hx başlık etiketleri , içeriğin geri kalanından önemli ölçüde daha büyük (olması gereken) metin içerdiğinden, kullanıcıların altlarında hangi paragrafların açıkladığını anlamalarına olanak tanıyan görsel bir ipucudur. Hiyerarşik yapıyı temsil etmek için çeşitli boyutlarda başlıklar kullanmak , kullanıcıların içeriği sindirmesini kolaylaştırır.
HTML söz diziminde <> köşeli parantez içindeki etiketleri kullanırız:
<h1>1. Başlık</h1> <h2>Başlık 2</h2> <h3>Başlık 3</h3> <h4>4. Başlık</h4> <h5>Başlık 5</h5> <h6>Başlık 6</h6>
ancak bir web sitesinde örneğin şöyle görünürler (tabii ki, bir stil sayfasına bağlı olarak):
Örnek kullanımlar burada bulunabilir: https://www.w3schools.com/html/html_headings.asp.
Hx başlık etiketlerinde önemli içeriği kullanın
Neredeyse her gün yeni blog yazıları, haberler, rehberler veya uzman makaleler geldiğinde, kullanıcıyı sadece güzel bir resim veya akılda kalıcı bir başlıkla değil, aynı zamanda yapılandırılmış içerikle de cezbetmeye değer.
Bir mobil cihazda belirli bir makaleye bakan okuyucular genellikle başlıklara dikkat ederler. Tamamen estetik yönlerin yanı sıra, düzgün bir başlık yapısı içeriği yorumlamayı ve sindirmeyi kolaylaştırır, bu nedenle bir kullanıcının belirli bir web sitesinde daha uzun süre kalma şansı vardır.
İyi yapılandırılmış bir web sitesinden yalnızca kullanıcılar faydalanmakla kalmaz, aynı zamanda tarayıcılar da yapabilir, çünkü metin başlığı onlar için de önemlidir. Bu nedenle başlık etiketlerinde konu açısından sayfa içeriği ile alakalı olacak anahtar kelimelerin yer alması çok önemlidir. Belirli bir sayfayı belirli anahtar kelimelerle hedeflersek, bunları (farklı bir biçimde bile olsa) başlıklara koymak arzu edilir; doğal olarak metin içine yerleştirilebilirler, ancak bir sebep dahilinde.
Bir yapı açıkça tanımlanmalı ve başlıklar boyut olarak birbirinden farklı olmalıdır. Bunları gövde metniyle aynı şekilde biçimlendirmek veya önemlerine göre ayırt etmemek hata olur.
Makalelerdeki Hx başlıkları
Blog yazıları yazarken yaratıcı bir şekilde başlıkları kullanabiliriz. Başlamadan önce makalenizin yapısını tanımlamanız gerekir. Başlıklar, tek tek paragrafları bölen çapraz başlıklar olabilir (bu makalede olduğu gibi) ve bunlardan en önemlisi <h1> konuyu anlatmak için kullanılabilir. Bir web sitesi şablonunda sıklıkla otomatik olarak tanımlanır, bu nedenle durum böyle değilse, bir SEO uzmanı ve bir web geliştiricisi ile tartışılan bir değişiklik yapmaya değer.
Bir makalenin iyi tasarlanmış bir yapısı, daha çekici görünmesini sağlayabilir. Başlıklara konulan ilginç içerik, okuyucuları (ve tarayıcıları) belirli bir makaleden ne beklemeleri gerektiği konusunda net bir şekilde bilgilendirecektir.
Web sitesi ana sayfasına hangi başlık etiketleri koyulmalı?
Ana sayfalar (veya diğer sayfalar, örneğin hizmet sayfaları) ayrıca hiyerarşik bir başlık yapısına sahip olmalıdır. <head>bölümünde, maksimum sayıda başlık etiketi olmamasına rağmen, H1, H2, H3 ve benzerlerinin altına yerleştirilmesi tavsiye edilir . H1 durumunda bile kendinizi tek bir başlıkla sınırlamanız gerekmez (aşağıda daha ayrıntılı açıklandığı gibi).
Ancak, başlıklarda yer alan “Hakkımızda” veya “Daha fazla bilgi” gibi bölümlerin içerik açısından fazla bir şey katmadığını unutmamalısınız. Ayrıca, H5–H6 gibi daha düşük öneme sahip başlıkların kullanılması oldukça anlamsızdır (bir makalenin yerleşim yönü hariç).
Tek sayfalık web siteleri = bir H1 başlık etiketi?
Tek sayfalık web siteleri söz konusu olduğunda, blog makaleleri kadar açık değildir. HTML5 spesifikasyonlarında (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html), bir HTML belgesinde ayrı bölümleri tanımlamaktan sorumlu <section> etiketini bulabilirsiniz. Bir bölüm genellikle bir başlık içerir, bu nedenle her bölüm farklı bir hiyerarşik yapıya sahip olabilir, örneğin:
<bölüm kimliği="hakkında"> <h1>Hakkımda</h1> <p>Benim hakkımda bir metin :)</p> <h2>Adım Dawid...</h2> <p>Benim hakkımda ikinci paragraf. selam :)</p> </bölüm> <bölüm kimliği=”portföy”> <h1>Portföyüm</h1> <p>Son projelerim...</p> </bölüm> <bölüm> <h1>Görüşler</h1> <p>Memnun müşterilerin görüşleri...</p> <h2>En son tweet'ler</h2> <p>1'i Tweetle</p> <p>Tweet 2</p> </bölüm> <bölüm> <h1>İletişim</h1> </bölüm>
Yukarıda da görebileceğiniz gibi, her bölümün farklı bir H1 başlığı, ardından bir H2 başlığı var… Gerçi bir veya daha fazla H1 başlık etiketi ve ardından H2, H3 vb. karar verebilirsiniz.
Google, Hx etiketi hakkında ne diyor?
Google çalışanları, başlık etiketleri hakkında çok şey söyledi, ancak en son görüşlerinden alıntı yapmaya değer. Bir yıl önce John Meuller , Google Web Yöneticileri Forumu'nda şunları yazdı: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA
“HTML5'e farklı davranmıyoruz ve bir sayfada birden fazla H1 etiketi olması sorun değil. Bunları kullanırken makul olun, mantıklı oldukları yerde kullanın. H1 kullanmanın kesinlikle bir cezası yok.”
Biraz sonra, Nisan 2017'de John, tek bir sayfada kaç tane H1 başlığının kullanılabileceği sorusuna Twitter'da (https://twitter.com/JohnMu/status/852131231928135680) oldukça kısa bir yanıt verdi.
Son olarak, Google Web Yöneticisi Kanalı'ndaki "SEO Snippet'leri" YouTube serisinin bir parçası olarak, bu konuyla ilgili kısa bir kılavuz yüklendi:
İçerik başlıklarıyla ilgili diğer önemli bilgiler
Google çalışanları (en azından resmi açıklamalarında) başlık etiketlerine esnek bir yaklaşım önerse de, uyulması gereken birkaç kural vardır:
- Bir sayfada başlıkları aşırı kullanmayın
- Kullanıcıların belirli bir paragrafın nerede başlayıp nerede bittiğini belirlemelerine yardımcı olmak için, başlıkların mantıklı olduğu ve altındaki metni yansıttığı yerlerde kullanın
- Tüm paragrafları (tüm içeriği) bir başlığa koymayın
- Özellikle doğal olmayan bir biçimde yalnızca anahtar kelimeler kullanmayın
- Hem başlık hem de gövde metni için aynı yazı tipi boyutunu kullanarak gövde metnindeki başlıkları gizlemeyin
- Yapı hiyerarşisini sıralı tutun
- Belki bazen bir başlık etiketi yerine <strong> etiketini kullanın ????.
İçerik oluştururken ne aşırı ne de eksik optimize edin; bunun yerine, bir denge kurmaya çalışın ve makaleler, kılavuzlar veya diğer blog gönderileri de dahil olmak üzere web sitenizdeki içeriği sindiren kullanıcıların duygularına odaklanın. Ne de olsa başlıklar Google arama motoru için sıralama belirleyicileridir ve bu yüzden onları ihmal etmemelisiniz.