Blogger'da logoya (header) H1 etiketi nasıl eklenir?

Logoya H1 etiketi nasıl eklenir?

Aslında H etiketlerinden bahsettikten sonra logoya H1 etiketi ekleme konusuna yer verseydim daha iyi olurdu ama olsun, daha sonra H etiketlerine de detaylı olarak yer veririz. Dostlarım şimdi logo, H1 etiketi ne alaka diye düşünebilirsiniz ama maalesef böyle bir sorunumuz var Blogger'da. Header kısmına herhangi bir görsel eklediyseniz (ki genelde logoları o kısma ekliyoruz), H1 etiketiniz gözükmeyecektir SEO araçlarında. Ve genelde "H etiketi kriterlerine uymuyorsunuz, sayfanızda hiç h1 etiketi bulunamamıştır" şeklinde uyarılarla karşılaşırsınız. İşte bu içerikte bu sorunun çözümü yer alıyor.

H1 etiketi kriterlerine uymuyorsunuz.

H1 etiketi sorununa geçmeden önce H etiketlerinin ne olduğunu ve ne işe yaradığını bilmekte fayda var. H etiketleri headings kelimesinden gelir ve 1 - 6 rakam aralığında yazılır. H1, H2, H3, H4, H5, H6 şeklinde. Sayfa içerisinde başlık hiyerarşisini sağlamak adına sıralı bir şekilde H etiketlerinin kullanımı hem kullanıcı deneyimi açısından fayda sağlar hem de arama motorlarınca hoş karşılanır.

Başlık 1
Başlık 2
Başlık 3
Başlık 4

Yukarıda yer alan başlık kelimelerinin sizin tarafınızdan manuel olarak büyütülüp, küçültülmesi belki ziyaretçilerinizin dikkatini çekebilir ama arama motorlarınca pek bir anlam ifade etmeyecektir. Çünkü ne amaçla bunun yapıldığı botlar tarafından anlaşılmayacaktır. Ama H etiketlerinin kullanımı hem ziyaretçilerinizin hemde arama motorlarının dikkatini çekecektir. Önem sırasına göre eklediğiniz H etiketleri, arama motorları botlları tarafından kolayca anlaşılacak ve arama sonuçlarına olumlu olarak yansıyacaktır.

H etiketlerinin kısaca ne olduğunu öğrendikten sonra tahmin edebileceğiniz üzere en önemli başlık etiketi olan H1 etiketi sorunsalına geçebiliriz artık.

Blogger sayfamızın ana başlığını belirtmek için kullandığımız H1 etiketi, header kısmına görsel ya da logo ekleyince görünmüyor dostlarım. SEO araçlarında kontrol yapıldığında ise yukarıya eklediğim görselde ki gibi uyarılarla karşılaşıyoruz. Bu sorunu aşmak için ise basit bir kod eklememiz gerekiyor blogumuza.

İlk olarak Blogger yönetim panelinde Tema, ardından HTML Düzenle seçeneklerini tercih ederek kodların yer aldığı HTML kısmına ulaşın. Daha sonra ise Ctrl F yardımıyla

<div id='header-inner'>

kodunu aratın. Bu koddan bir kaç tane olacaktır. İşlem yapacağınız kod

Logoya h1 ekleme

görselde işaretli olan alan olacaktır. "Show the image only" tarzında bir ibareye ulaşmanız gerekecek. Çünkü bu ibarenin hemen altında yer alan kod satırı header kısmında görünen görselin kodlarını içermekte. İşte bu kodların başına

<h1>

kodunu, sonuna ise

</h1>

kodunu eklemelisiniz. Yukarıda yer alan görselde bunun canlı örneğini görebilirsiniz. Daha sonra blogunuzu kaydedip işlemi sonlandırabilirsiniz. SEO araçlarından birinde sayfanızın tekrar kontrolünü gerçekleştirdiğinizde, artık H1 etiketiniz ile ilgili herhangi bir sorunla karşılaşmayacaksınız.

H1 etiketi

Bu işlemle birlikte blogumuzun logosuna da h1 etiketi eklemiş olduk dostlarım. Yani blogumuzun başlığını belirginleştirdik. Tabi bu her halükarda bize fayda sağlayacaktır ama şunu da bilmenizi isterim. SEO konusunda ünlenen kişilerin, firmaların çoğu bu yöntemi web sayfalarında kullanıyor.