Menghilangkan judul (title) dan thumbnail gambar pada halaman statis (static page) dapat meningkatkan keindahan tampilan, sekaligus membantu optimasi SEO dan performa blog secara keseluruhan.
Pada beberapa template Blogger, thumbnail artikel masih ikut tampil di halaman statis. Bahkan, tidak jarang gambar tersebut berisi tautan aktif yang mengarah ke halaman yang sedang dibuka, sehingga kurang efektif dan mengganggu tampilan.
Ikuti Langkah Berikut untuk Menghapusnya
- Buka menu Tema di dashboard Blogger.
- Klik Edit HTML.
- Salin dan tempelkan kode di bawah ini tepat di bawah tag
</b:skin>.
Baca Juga
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>
3. Save Template!
Kini judul halaman tidak lagi muncul di blog Anda.
Menghilangkan Image Thumbnail di Halaman Statis:
- Buka Template blog,
- Pilih menu Edit HTML,
- Copy & Paste kode berikut ini di atas kode
</head>.
<b:if cond='data:blog.pageType == "static_page"'>
<style type="text/css">
.postthumb{display:none}
</style>
</b:if>
Catatan:
• Ganti selector .postthumb dengan class thumbnail yang digunakan di template blog Anda, misalnya .post-thumb, .image-thumb, atau selector lain sesuai struktur template.
• Untuk mengetahui selector thumbnail dengan mudah, klik salah satu gambar thumbnail di blog, lalu periksa kode HTML/CSS-nya menggunakan fitur Inspect Element pada browser.
3. Simpan Template
Sekarang, gambar thumbnail tidak lagi muncul di halaman statis. Tampilan halaman menjadi lebih bersih, rapi, dan tidak mengganggu pengalaman pengunjung blog Anda.
Faq Post:
Apa fungsi menghilangkan title halaman statis di Blogger?
Fungsinya agar halaman statis terlihat lebih rapi, profesional, dan fokus pada isi konten tanpa ada judul ganda yang bisa membingungkan pengunjung maupun mesin pencari.
Apakah menghilangkan title halaman statis memengaruhi SEO?
Tidak, selama meta title di bagian head template tetap ada, menghilangkan judul visual di halaman statis tidak akan berdampak buruk pada SEO.
Bagaimana cara menghilangkan title halaman statis di Blogger?
Caranya dengan menambahkan CSS khusus seperti .static_page h1 {display:none;} atau mengedit template agar judul halaman statis tidak tampil.
Apakah bisa menghilangkan title hanya di halaman tertentu saja?
Bisa. Kamu dapat menggunakan conditional tag Blogger atau menambahkan CSS khusus dengan memanfaatkan ID halaman statis tertentu.