Blogger
CSS
Desain-Blog
Deskripsi-Blog
HTML
Optimasi Beranda Blogger
SEO Friendly
Template
Template Blogger
Tips & Trik
Tutorial
Tutorial Blogger
Web-Development
Cara Menyembunyikan Deskripsi Blog di Blogger
Admin TapKerja
Penulis Blog
Trik Template Custom: Cara Menyembunyikan Deskripsi Blog di Blogger yang Tetap Aman untuk SEO
Halo Tappers... Pernahkah Tappers merasa tampilan header blog Tappers terlihat penuh dan berantakan? Atau mungkin Tappers baru saja memasang logo baru yang sudah dilengkapi dengan slogan, sehingga deskripsi teks bawaan Blogger justru membuat desainnya tumpang tindih? Atau pernah mengalami Hamburger Menu di Mobile hilang karena terdorong tata letaknya oleh deskripsi blog seperti di artikel kita sebelumnya?
Menyembunyikan deskripsi blog adalah salah satu langkah modifikasi paling umum untuk mendapatkan tampilan web yang minimalis dan profesional. Namun, asal menghapus deskripsi bisa berdampak buruk pada performa blog Tappers di mesin pencari.
Artikel ini akan mengupas tuntas cara menyembunyikan deskripsi blog di Blogger (Blogspot)—baik untuk template bawaan maupun template custom—tanpa merusak nilai SEO blog Tappers.
Daftar Definisi dan Istilah Penting
Sebelum masuk ke tutorial, mari kita pahami dulu beberapa istilah teknis yang akan sering kita sebutkan di artikel ini:
- Blogger/Blogspot: Platform penerbitan blog gratis milik Google.
- Template Custom: Tema atau desain blog yang dibuat oleh pihak ketiga (bukan bawaan resmi Blogger) untuk memberikan fitur dan estetika yang lebih kaya.
- HTML (HyperText Markup Language): Bahasa standar yang digunakan untuk membuat dan menyusun struktur halaman web.
- CSS (Cascading Style Sheets): Kode yang digunakan untuk mengatur tampilan visual halaman web (seperti warna, font, dan menyembunyikan elemen).
- SEO (Search Engine Optimization): Upaya mengoptimalkan blog agar mudah ditemukan oleh Google dan mendapatkan banyak pengunjung.
- Widget Header: Kotak komponen di Blogger yang berfungsi menampilkan Judul dan Deskripsi blog Tappers.
Hubungan Menyembunyikan Deskripsi dengan SEO
Kenapa Tappers tidak boleh asal menghapus deskripsi blog?
Deskripsi blog berfungsi sebagai identitas awal yang dibaca oleh robot Google untuk mengetahui topik utama blog Tappers. Jika Tappers menghapusnya secara total, Google akan kehilangan salah satu petunjuk penting tentang konten Tappers.
Oleh karena itu, trik terbaik adalah menyembunyikannya dari pandangan pengunjung menggunakan CSS, bukan menghapusnya dari sistem. Dengan metode CSS, pengunjung melihat tampilan yang bersih, sementara Google tetap bisa membaca teks deskripsi tersebut di balik layar.
3 Opsi Menyembunyikan Deskripsi Blog
Berikut adalah tiga cara yang bisa Tappers pilih, mulai dari yang paling praktis hingga metode khusus untuk pengguna template custom.
Opsi 1: Menggunakan Fitur Tambah CSS (Sangat Direkomendasikan)
Cara ini paling aman karena tidak mengotak-atik struktur kode utama dan sangat ramah SEO.
- Masuk ke dashboard Blogger.
- Pilih menu Tema di panel sebelah kiri, lalu klik Sesuaikan (tombol oranye).
- Di menu navigasi kiri, pilih Lanjutan > klik menu drop-down di atasnya, lalu gulir ke bawah dan pilih Tambahkan CSS.
- Salin dan tempel kode berikut di kolom yang tersedia:
.description, .header-description, .site-description {display: none !important;}
5. Klik ikon Simpan (disket) di pojok kanan bawah.
Opsi 2: Mengedit HTML Internal (Solusi untuk Template Custom)
Jika Tappers menggunakan *template custom* buatan desainer pihak ketiga, terkadang Opsi 1 tidak mempan karena nama kelas CSS yang berbeda. Tappers bisa memasang kodenya langsung di dalam editor HTML.
- Buka menu Tema > klik ikon panah bawah di sebelah tombol "Sesuaikan" > pilih Edit HTML.
- Klik di dalam area kode, tekan Ctrl + F (Windows) atau Cmd + F (Mac), cari kode
</head>. - Tempelkan kode berikut tepat di atas
</head>:
<style>.description, .header-description, .site-description, .p-description {display: none !important;}</style>
4. Klik Simpan.
Opsi 3: Modifikasi Struktur Kode Widget Header (Metode Advance)
Jika Tappers ingin menyembunyikannya langsung pada struktur widget *Header* bawaan *template custom*, Tappers bisa mencari elemen pembungkus deskripsi tersebut.
Sebagai contoh, jika struktur widget Tappers seperti ini (XML):
<b:includable id='description'><p><data:this.description/></p></b:includable>
Tappers cukup menambahkan perintah
style='display:none; pada tag <p> pembungkusnya agar menjadi seperti XML ini:<b:includable id='description'><p style='display:none;'><data:this.description/></p></b:includable>
Catatan: Metode ini tetap aman untuk SEO karena teks
<data:this.description/> tetap tertulis di dalam HTML halaman.Tips Penting dan Tips Tambahan
Peringatan Penting: Sebelum Tappers melakukan Edit HTML (Opsi 2 dan Opsi 3), selalu sempatkan untuk melakukan Cadangkan (Backup) Tema. Klik tanda panah di sebelah tombol "Sesuaikan" lalu unduh file
.xml blog Tappers. Jika terjadi kesalahan kode, Tappers tinggal me-restore-nya kembali.Gunakan Fitur Pratinjau:
Sebelum mengklik tombol simpan di editor HTML, klik ikon mata (Pratinjau) untuk memastikan tidak ada eror visual pada blog Tappers.
Gunakan Inspect Element jika Gagal:
Jika deskripsi masih muncul setelah mencoba Opsi 1 dan 2, klik kanan pada deskripsi blog Tappers di browser, pilih Inspect, lalu cari tahu apa nama kelas (class) yang digunakan oleh template Tappers (misal:
.slogan-blog atau .sub-judul), lalu sesuaikan kode CSS-nya.Kesimpulan
Menyembunyikan deskripsi blog di Blogger adalah urusan yang mudah selama Tappers tahu triknya. Dibandingkan menghapus teks deskripsi lewat menu Tata Letak—yang bisa mencederai SEO blog Tappers—menggunakan metode manipulasi CSS (
display: none;) jauh lebih bijak dan aman. Bagi pengguna *template custom*, fleksibilitas editor HTML Blogger memungkinkan Tappers menyembunyikan elemen ini dengan presisi tinggi tanpa merusak estetika desain dasar.Penutup
Sekarang tampilan blog Tappers sudah terlihat lebih rapi, modern, dan siap memikat pengunjung. Jika Tappers mengalami kendala saat mencari baris kode di template Tappers, jangan sungkan untuk memeriksa dokumentasi bawaan dari pembuat template tersebut. Selamat mencoba!
Metadata Artikel
- Kategori/Label: Tutorial Blogger, Desain Web, Optimasi Blog
- Tag: Edit HTML Blogger, Menyembunyikan Deskripsi Blogspot, CSS Blogger, Template Custom, SEO Blogger
Sumber dan Referensi
- Blogger Help Center: Panduan Mengubah Tampilan dan Tata Letak Blog.
- Google Search Central: Praktik Terbaik Optimasi Judul dan Deskripsi Situs untuk Mesin Pencari.
- W3Schools: CSS Layout - The display Property.