Başlık (H) Etiketlerinin Doğru Kullanımı

Başlık (H) etiketlerinin doğru kullanımı makalelerde oldukça önem taşır. Makalelerde başlıkları HTML etiketleriyle belirtmekteyiz. Bu etiketler sayesinde hem kullanıcılara hemde arama motorlarına yazdığımız yazının başlığını sunabilmekteyiz. Başlık sunabilmek için  6 adet boyut seçeneğimiz bulunmaktadır. Seo tekniklerine uygun kuralları referans olarak başlık etiketleri arasından uygun olanından seçim yaparız.

Başlık (H) etiketlerinin doğru kullanımı konusununda önce başlıkların ne olduğuna ve  HTML, H etiketlerinin ne olduğunu anlayalım. H etiketleri birden altıya kadar olan etiketlerdir. Etiketlerde H1 en büyük h6 ise en küçük boyutta olan html etiketidir. Görsel olarak  büyük ve bold yapıya sahiptirler. Bundan dolayı içerik hakkında bilgi verirler.  Sadece görsel olarak değil  yazının önemi itibariylede h1 en genel içeriğe başlık olarak tercih edilmektedir. H6 ise daha ufak çapta içerikler için tercih edilir. Bu etiketler sayesine içeriğimize uygun büyüklükte olan etiketi seçerek kullanırız. Aşağıda konunun altında html5 ile gelen yeni etiketlerden birisi olan hgroup etiketinide öğrenebilirsiniz.

Başlık bir konu hakkında okuyan kişiye okuyacağı yazının ne olacağını bilgi vermek amacıyla kullanılır. Başlıkların sayfalarda nasıl duracağı hakkında bir çok genel teknikler yer almaktadır. Bu tekniklere geçmeden önce sayfanızda başlık etiketlerini kullanabilmek için kendinize gazeteleri ve dergilerin kullandığı sayfa tasarımlarını örnek almalısınız. Örneğin aşağıdaki resimde kabataslak bir gazete düzenini görebilirsiniz. (Not: Aşağıdaki siyasi bir gazete değildir. :) )

Gazete Sayfa Düzeni

Başlık Etiketlerini Ne kadar Kullanmayalım ?
H etiketini sayfada bol bir şekilde kullanmanızın bir anlamı yoktur. Her paragrafa konu başlığı atarak kullanıcıyı oldukça sıkarsınız. Başka önemli konuya içerikte geçmediğiniz sürece html başlık etiketlerinin kullanımı oldukça gereksizdir. Önemsiz başlıkları ve h etiketinin gereksiz kullanım oluşturacağı başlıkları belirtmek için strong ve em etiketlerini tercih etmekte fayda vardır. Fazla başlık etiketi kullanmayacağım diye de bütün sayfayı tek bir başlık altında toplamakta oldukça anlamsızdır ve yapılmaması gereken bir hatadır.

Başlı Etiketleri Nasıl Kullanılmalıdır ?
Seo uzmanı başlık etiketleri gazeterlerdeki sayfa düzenleri göz önüne alınarak seo tekniklerine uygun bir yapıda kullanılmalıdır. İlk olarak ziyaretçilerimizi göz önüne alarak başlıkları gözden geçirelim. Başlıkların kullanımı içerik konusunda önemli konuma sahiptir. İçerikleriniz hakkında bilgiler vermektedir. Başlıkları ziyaretçilerinizin içeriğinizin okuması için ilgi çekici halde atmak zorundasınız. Yalan bir başlık ile okuttuğunuz yazıyı ziyaretçileriniz daha bir iki cümlesini okurken sitenizi kapatacaklardır. Bu olay ise yarardan çok zarar getirecektir.

Başlık etiketlerinin doğru kullanımı için yazdığınız yazının ve sitenizin hangi bölümlerinin daha çok önemli olması yatmaktadır. Gazete  örneğinde olduğu gibi manşetten verilen haberler tamamen büyük başlıklarla belirtilirken daha az öneme sahip bir haber örneğin Türkiye hakkında genel bir gazetede anasayfada bir  mahalle haberi için küçük bir başlık tercih edilir. Sizde bu yapıyı göz önüne alarak başlıklarınızı verebilirsiniz. Genel yapı itibariyle bir sitede aşağıdaki başlık sistemi tercih edilir.

En fazla sitede iki tane h1 etiketi tercih edilmelidir. Bir tanesi sitenin header bölümünde genel bir başlık olacakken diğeri ise içerik başlığı olarak tercih edilebilir.

H2 etiketi ise bir sayfada en fazla iki adet bir çok kişiye görede 5 taneyi geçmemelidir. Sitenizde h2 başlığının H1 altında olması önerilir. Genel site başlığından sonra H2 başlığıda içerik yada alt konu başlıklarını belirtmekte kullanılabilir.

H3 etiketi içerik başlığı olarak kullanılabilir. Bunun yanında  paragraflarada başlık olarak tercih edilmektedir. H3 etiketini bir sayfada 5-6 taneyi geçmeyecek düzeyde kullanmanızı bir çok seo uzmanı tavsiye etmektedir.

H4, H5 ve H6 etiketleride konu başlıkları, kategori başlıkları yada önemli olan yerleri belirtmekte tercih edilir. Bunların sayısını abartmamakta fayda bulunmaktadır.

Ayrıca ek bir bilgi olarak h başlıklarınıza mutlaka title ekleyiniz. Örneğin <h1 title=”Süt İçmenin Faydaları”>Süt İçmenin Faydaları</h1> . Başlıklarınızın boyutlarını CSS ile değiştirebileceğinizi unutmayın.

Başlıklarınızın özelliklede H1 etiketinde içerisinde yer alan başlıkların uzunluklarını  fazla tutmayın.  Konuyla alakalı ve özetini taşıyacak nitelikte bir başlık olması gerekmektedir.

 

HTML5 HGROUP Etiketi

HTML5 standartlarında başlık etilerini grupyabilmek ve tek bir etiket altında toplayabilmek için group etiketi getirilmiştir. Bu etiket ile başlıklara css, jquery ve javascriptten etkin bir şekilde müdahale şansı elde ediyorsunuz.

<article>
<header>
<hgroup>
<h1>Site yada Genel Başlık Buraya Gelecek</h1>
<h2>Alt Başlık yada Bulunan Sayfanın Başlığı</h2>
</hgroup>
<time datetime=”13.05.2013″>13 Mayıs 2013</time>
</header>içerikler buraya gelecek
</article>

 

Yukarıdaki kod örneğinde HTML5 standartlarında yazılmış bir kod içerisinde <article> etiketi içerisinde yer alan <hgroup>
kullanımı bulunmaktadır. Sayfa başlıklarını siz sayfanızın kullanıma göre ayarlayabilirsiniz.  Bu kod bloğuna verilebilecek en güzel örnek wordpress sistemler default temalarda gelen üst, header bölümleridir.Wordpress Orjinal Tema Üst Bölüm

Konu ile alakası bulunduğu için ve ileri düzey uygulamarda çok tercih edildiği için bu etiketide  açıklama gereksinimi duydum. Kodlama ile ilgili gözüksede aslında her seo uzmanı tarafından bilinmesi gerekmektedir. Seo projelerinizde HTML5 ve CSS3 kullanmak size oldukça avantajlar sağlamaktadır.

Diğer yazılarımda html5 ile gelen yeniklere değinmeye devam edeceğim. Sizlerinde bu konu hakkındaki yorumlarını bekliyorum.

2 Comments

  1. Nurten 20 Haziran 2016
    • Tolga Ayriç 24 Ağustos 2016

Leave a Reply