Memuat daftar isi...
Mengapa Tag H1 Sangat Penting di Blogger?
Tag H1 merupakan salah satu elemen HTML yang memiliki peranan sangat penting dalam optimasi SEO sebuah blog. Tag ini digunakan sebagai judul utama yang menjelaskan keseluruhan isi halaman kepada pengunjung maupun mesin pencari seperti Google.
Pada halaman beranda Blogger, tag H1 biasanya berada pada bagian header, yaitu berupa judul blog. Mesin pencari menggunakan tag ini untuk memahami topik utama website sehingga keberadaannya sangat berpengaruh terhadap proses pengindeksan.
Karena alasan tersebut, setiap blog sebaiknya hanya memiliki satu tag H1 pada setiap halaman agar struktur HTML tetap sesuai dengan standar SEO.
Mengapa Tag H1 Bisa Hilang Setelah Mengganti Judul Blog dengan Logo?
Banyak pengguna Blogger yang mengganti tulisan judul blog menjadi sebuah logo gambar agar tampilan blog terlihat lebih profesional dan menarik.
Sayangnya, pada beberapa tema Blogger, khususnya tema lama, ketika judul blog diganti menggunakan gambar maka tag H1 ikut menghilang. Hal ini terjadi karena kode HTML bawaan tema tidak lagi membungkus logo tersebut dengan elemen <h1>.
Akibatnya:
Struktur HTML menjadi kurang baik.
Mesin pencari kesulitan mengenali judul utama blog.
Nilai SEO dapat berkurang.
Beberapa alat SEO akan menampilkan peringatan Missing H1 Tag.
Walaupun masalah ini terlihat sederhana, sebaiknya segera diperbaiki agar optimasi SEO tetap maksimal.
Cara Mengecek Apakah Tag H1 Hilang
Sebelum melakukan perbaikan, pastikan terlebih dahulu apakah blog Anda benar-benar kehilangan tag H1.
Anda dapat menggunakan berbagai alat pengecekan SEO atau HTML Validator yang tersedia secara gratis di internet.
Jika hasil pemeriksaan menunjukkan pesan seperti:
Missing H1
No H1 Found
H1 Tag Not Detected
maka Anda perlu memperbaiki struktur HTML tema Blogger.
Cara Memperbaiki Tag H1 yang Hilang Setelah Mengganti Logo Blog
Berikut ini terdapat dua metode yang dapat dicoba. Jika metode pertama tidak berhasil, silakan gunakan metode kedua.
Cara Pertama
1. Masuk ke Editor Tema
Buka dashboard Blogger kemudian pilih:
Tema → Edit HTML
2. Cari kode berikut
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl'
expr:width='data:width'
style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
3. Ganti dengan kode berikut
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 style='text-indent:-9999px;margin:0;padding:0;height:0;'>
<b:include name='title'/>
</h1>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title'
expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl'
expr:width='data:width'
style='display: block'/>
</a>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
4. Simpan Tema
Klik tombol Simpan kemudian periksa kembali hasilnya menggunakan alat pengecekan SEO.
Apabila masih belum berhasil, gunakan metode kedua.
Cara Kedua
Metode ini lebih sederhana karena logo gambar langsung dibungkus menggunakan tag H1.
1. Masuk ke Edit HTML
Pilih:
Tema → Edit HTML
2. Cari kode berikut
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title'
expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl'
expr:width='data:width'
style='display: block'/>
</a>
3. Ganti dengan kode berikut
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<h1>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title'
expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl'
expr:width='data:width'
style='display: block'/>
</a>
</h1>
<b:else/>
<p>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title'
expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl'
expr:width='data:width'
style='display: block'/>
</a>
</p>
</b:if>
4. Tambahkan CSS
Letakkan kode CSS berikut tepat di atas tag </head>.
<style>
#header-inner h1,
#header-inner p{
margin:0!important;
}
#header-inner img{
width:100%;
height:auto;
}
</style>
5. Simpan Tema
Setelah selesai, klik Simpan kemudian buka kembali halaman utama blog untuk memastikan perubahan telah diterapkan.
Mengapa Cara Ini Baik untuk SEO?
Dengan mengembalikan tag H1, mesin pencari dapat mengenali identitas utama blog Anda dengan lebih baik.
Beberapa manfaatnya antara lain:
Struktur HTML menjadi lebih rapi.
Mempermudah Google memahami topik blog.
Mengurangi error Missing H1 pada alat SEO.
Meningkatkan kualitas optimasi on-page.
Membantu proses pengindeksan halaman.
Walaupun bukan satu-satunya faktor penentu peringkat di Google, penggunaan tag H1 yang benar merupakan salah satu praktik SEO yang sangat disarankan.
Apakah Semua Tema Blogger Mengalami Masalah Ini?
Tidak.
Masalah ini umumnya hanya ditemukan pada tema Blogger generasi lama atau tema hasil modifikasi yang masih menggunakan struktur HTML lama.
Sementara itu, tema Blogger generasi terbaru seperti:
Essential
Emporio
Contempo
Soho
Notable
telah memiliki struktur HTML yang lebih modern sehingga penggantian logo biasanya tidak menyebabkan tag H1 menghilang.
Meski demikian, tetap disarankan untuk melakukan pengecekan menggunakan alat SEO setelah melakukan perubahan pada header blog.
Kesimpulan
Mengganti judul blog dengan logo gambar memang dapat membuat tampilan Blogger terlihat lebih profesional. Namun, pada beberapa tema lama, perubahan tersebut dapat menyebabkan tag H1 hilang, yang berpotensi mengurangi kualitas SEO.
Dengan mengikuti salah satu dari dua metode di atas, Anda dapat mengembalikan fungsi tag H1 tanpa mengubah tampilan logo pada header. Setelah selesai melakukan modifikasi, jangan lupa untuk mengecek kembali struktur HTML blog menggunakan alat pemeriksa SEO agar memastikan tag H1 telah muncul dengan benar dan blog tetap ramah terhadap mesin pencari.