H1 Etiketi Nasıl Eklenir?

 DERS KİTABI CEVAPLARINA BURADAN ULAŞABİLİRSİNİZ! 

H1 Etiketi Nasıl Eklenir?

SEO'da önemli HTML etiketlerinden H1 etiketinin ne olduğunu, nasıl kullanıldığı, HTML örnekleri ile açıklayacağım.

H1 Etiketi Nedir?

İçeriklerde önemini vurgulamak istediğimiz metinler ve başlıklar için bir çok etiket kullanırız. Bunlardan biri de H1 etiketidir.

Başlıkları biçimlendirmek için en büyük boyut <h1> etiketidir. Ve en küçük boyutlu başlıklarda <h6> etiketini alır. Toplamda 6 adet özel boyut vardır. Bunları önem derecesine göre düşünün.

Nasıl Kullanılır?

Örnek kullanımı şöyledir:

Bu kodların çıktısını kullanıcılar bu şekilde görür:

Yukarıdaki çıktıda H1 etiketinin H2 etiketinden daha büyük olduğunu görebilirsiniz. H3, H4, H5 ve H6'ya kadar etiket yazarsanız başlıkların boyutu da küçülecektir.

Önemli Bilgiler

• Başlık etiketlerini dikkatli ve düzenli kullanmak gerekiyor. Bir sayfada çok fazla H1 etiketnin kullanımı da sıralamalarda o sayfanın gerilere gitmesine sebebiyet verebiliyor.

• Sayfanın genel yapısına uygun H1 etiketi kullanın. İçeriğin konusu ayrı H1'in farklı olmamasına dikkat edin.

• Sitenizdeki tüm içeriğin etiketi sadece H1 etiketleriyle doldurmayın.

• Özetle: H1 etiketini arama motorları için değil; kullanıcılarınızın sitenizi daha iyi anlaması için kullanın.

Başlıkları bu şekilde kurallara uygun biçimlendirmek kullanıcıya kolaylık sağlar. Dikkat ettiyseniz işin içinde "kullanıcılara kolaylık" sağlamak var. SEO'nun temeli de budur.

Heading yani başlık etiketleri blog içeriğinizin hangi konuda olduğunu arama motorlarına belirten temel HTML etiketleridir. Toplam 6 adet başlık etiketi vardır ve önem derecesine göre H1’den H6’ya kadar gider.

Blogger’da ise önem sırasına göre başlık etiketlerini şu şekilde kullanmanızı öneririm:

<h1> Blog Başlığı </h1>

Bunun için ekstra bir ayar veya kodlama yapmanıza gerek yok. Blogger kumanda panelinde Ayarlar > Temel > Başlık bölümne yazdığınız blog başlığı h1 olacak şekilde kodlanmıştır.

<h2> Yazı Başlığı </h2>

Blogger’ın standart şablonlarında yazı başlıkları h3 olacak şekilde kodlanmıştır fakat blog başlığından sonra en önemli öğe yazı başlığı olduğu için bunun h2 etiketiyle belirtilmesi daha doğru olacaktır.

Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra Ctrl + F tuş kombinasyonunu kullanarak arama kutusunu açın ve buraya h3 yazın. Bulduğunuz tüm<h3> ve </h3> etiketlerini <h2> ve </h2> etketleriyle değiştirin.

<h3> Ara Başlıklar </h3>

Uzun bir yazınız olduğunu ve bu yazıın bazı bölümlerini ara başlıklar kullanarak belirttiğinizi düşnelim. İşte bu ara başlıkları h3 etiketiyle göstermek uyun olacaktır. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki birinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

<h4> Alt Başlıklar </h4>

Ara Başlıkları da kendi aralarında alt başlıklara ayırdığınızı düşünelim. Bu durumda alt başlıklarda h4 etiketi kullanmak uygundur. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki ikinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

Bunlar dışında h5 ve h6 etiketini kullanmanıza gerek yok.

H Etiketlerini Düzenleme

Yazılarnızda H etiketlerini kullanmak, arama motoru optimizasyonunun olmazsa olmazlarındandır. Adeta arram motorlarına yazının konusunu ve özetini bildirir. Ancak bu başlık etiketlerini kullandığnızda, başlıklarınızın  renk ve boyutu değiştiğinden görsellik açısından sıkıntı olabilir. Ancak bunu düzeltmenin de bir yolu var elbette.

Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra ]]></b:skin>kodnu bulun ve üzerinde bir yere aşağıdaki kodları ekleyin.

.post h3{ 

color:#000; 

font-size: 12px; 

}

.post h4{ 

color:#000; 

font-size: 10px; 

}

Ben sadece renk ve boyut kadlarnı yazdım ama parantez içine istediğiniz CSS özelliklerini ekleyebilirsiniz.

Kafanıza takılan bir yer veya konuyla ilgili bir sorunuz varsa yorum bölümünden sorabilirsiniz. Eğer bu yazıyı faydalı bulduysanız ütfen aşağıdaki paylaşım butonlarını kullanarak paylaşın.

 DERS VE ÇALIŞMA KİTABI CEVAPLARINA BURADAN ULAŞABİLİRSİNİZ