Home
Blog
Internet
Cara Gabungkan Dua Label Menu Jadi Satu Link di Blogger

Cara Gabungkan Dua Label Menu Jadi Satu Link di Blogger

Tampilan Blog di Laptop

Pernah nggak sih kita berpikir untuk membuat tampilan blog menjadi lebih clean, dimana salah satu caranya yaitu dengan mengurangi label atau menu navigasi yang ada dibagian atas blog.

Misalnya blog kita punya label "Tips" dan "Tutorial" atau label "Makanan" dan "Minuman" yang sebenarnya saling berkaitan. Daripada memaksa untuk menjadikannya 2 label menu yang terpisah, kenapa tidak digabung jadi satu link saja, tapi tetap dengan label yang terpisah.

Contoh kita membuat label "Makanan" yang berisi pembahasan seputar Makanan, dan label "Minuman" yang membahas seputar jenis minuman. Namun keduanya tetap berada di dalam satu link menu navigasi blog yaitu menu "Makanan & Minuman".

Cara ini bisa dibilang cocok diterapkan buat kita yang ingin meningkatkan user experience tanpa perlu ribet untuk edit template berkali-kali.

Kenapa Kita Perlu Menggabungkan Label?

Dengan penerapan sistem ini tentu bisa membuat tampilan blog menjadi terlihat lebih simpel, dan hal ini juga bisa sekaligus membantu pengunjung agar tidak bingung saat bernavigasi di blog kita.

Selain itu, ada beberapa alasan atau manfaat yang bisa didapatkan saat menggunakan 2 label hanya pada satu link menu saja.
    • Hemat ruang menu - Tidak perlu buat dua link secara terpisah.
    • Tingkatkan engagement - Pengunjung lebih betah eksplor konten terkait.
    • SEO lebih optimal - Konten serumpun berkumpul dalam satu menu.
Blog yang menerapkan navigasi terintegrasi seperti itu juga bisa meningkatkan pageviews hingga 40%. Hal ini tentu saja sangat efektif bagi kita blogger yang memang ingin mengejar jumlah pengunjung (visitor) sebanyak mungkin.

Nah adapun untuk menggabungkan 2 label blog menjadi 1 label link menu ini,setidaknya ada tiga cara yang bisa kita lakukan. Semua caranya, bisa langsung disimak pada penjelasan berikut ini.

Cara 1: Pakai Fitur Pencarian Blogger

Cara pertama ini merupakan cara yang paling mudah dan praktis, karena kita tidak perlu repot untuk masuk ke mode edit HTML. Kita hanya perlu melakukan dengan cara berikut:
  1. Buka Dashboard Blogger → pilih Tata Letak
  2. Pilih widget Daftar Link / Menu Navigasi tergantung dari template blog yang dipakai.
  3. Isi kolom URL menu navigasi dengan kode ini:
Contoh kode URL:
https://namadomain.com/search/?q=label:Makanan%20OR%20label:Minuman&max-results=5
Penjelasan:
  • %20 adalah kode untuk spasi
  • OR adalah operator logika untuk menggabungkan hasil
  • Kode URL ini akan menampilkan postingan yang memiliki label "Makanan" atau "Minuman".
Lalu beri judul menu misalnya: "Makanan & Minuman"

Catatan: Untuk bagian yang berwarna merah bisa diganti dan disesuaikan dengan nama website kita. Dan untuk angka 5 bisa diubah sesuai dengan jumlah postingan yang ingin dimunculkan pada menu tersebut. 

Adapun keunggulan dari cara ini:
  • Tanpa edit template
  • Bisa langsung pakai
  • Cocok buat yang anti coding

Cara 2: Pakai JavaScript

Buat yang suka kustomisasi lebih detail kita bisa menggunakan cara yang kedua, yaitu dengan menambahkan kode ini di HTML Widget:
<script>
function openCombinedLabels() {
  window.location.href = 
    "/search/?q=label:Makanan%20OR%20label:Minuman";
}
</script>

<a href="javascript:openCombinedLabels()">Makanan & Minuman</a>

Cara ini bisa dipakai dengan memiliki beberapa kelebihan yaitu:
  • Cocok untuk tombol khusus
  • Bisa dikombinasikan dengan CSS
  • Pastikan browser pengunjung support JavaScript

Cara 3: Bikin Label Baru

Cara ini sebenarnya bisa digunakan jika kita ingin membuat satu menu yang lebih rapih. Namun cara ini agak lama karena cukup merepotkan.

1. Buat label baru misalnya: MakananDanMinuman (tanpa spasi).

2. Edit semua postingan terkait label tersebut:
    • Centang postingan yang sebelumnya sudah memakai label "Makanan" dan "Minuman"
    • Lalu tambahkan label baru MakananDanMinuman
3. Pasang kode link berikut di widget daftar link/menu navigasi pada menu Tata Letak:
<a href="https://namadomain.com/search/label/MakananDan Minuman">Makanan & Minuman</a>

Untuk yang berwarna merah bisa diubah dengan nama blog/situs kita.

 Kelebihan:

  • URL lebih bersih (/label/MakananDanMinuman)
  • Bisa dipakai di widget label standar
  • Konsisten untuk jangka panjang
Kalau kita pakai Cara ketiga ini, maka akan otomatis muncul di cloud label standar Blogger. Double exposure untuk blog kita.

Tips Pro untuk Hasil Maksimal

1. Gunakan redirect 301 jika label lama sudah terindex Google:
Buka Theme → pilih Edit HTML, tambahkan sebelum </head> kode html berikut:
<b:if cond='data:blog.url == "URL_LAMA"'>
  <meta http-equiv="refresh" content="0;url=URL_BARU" />
</b:if>

Catatan: Ganti teks warna merah dengan Url situs kalian. 


2. Optimasi tampilan dengan CSS kode berikut:
.combined-label {
  background: linear-gradient(90deg, #FF9A8B, #FAD0C4);
  border-radius: 20px;
  padding: 8px 15px;
}

3. Tambahkan deskripsi khusus di halaman gabungan:
  • Pakai widget HTML di atas daftar postingan
  • Jelaskan bahwa halaman ini berisi kumpulan Makanan & Minuman

Penutup

Menggabungkan label itu seperti halnya menyatukan duo dinamis, mereka saling melengkapi dan bisa membuat navigasi blog menjadi lebih efisien.

Dengan tutorial di atas, kita tidak hanya bisa menghemat ruang menu navigasi blog/website, tapi juga bisa membuat pengunjung untuk semakin betah eksplorasi konten lebih lama.

Kita cukup memakai metode yang paling nyaman buat workflow-mu. Jangan lupa dicoba hari ini dan lapor hasilnya di komentar ya jika sudah berhasil!

No comments

Terima kasih telah berkunjung ke Blog ini. Bagi pengunjung silahkan tinggalkan komentar, kritik maupun saran dengan menggunakan bahasa yang baik dan sopan.
close