Cara Pasang Snippet Penelusuran

Tuesday, April 28, 2026

 

Okey

Bisa, Anda dapat menggunakan deskripsi penelusuran (search description) sebagai snippet di card grid homepage Blogger. Secara teknis, data tag data:post.snippet di Blogger akan otomatis mengambil teks dari Deskripsi Penelusuran jika kolom tersebut diisi di editor postingan. [1, 2]
Namun, jika Anda ingin memastikannya secara spesifik atau ingin melakukan kustomisasi lebih lanjut, gunakan kode berikut di dalam widget Blog1 pada bagian postingan: [1, 3]

1. Kode Dasar (Menggunakan Snippet Otomatis)

Jika Anda sudah mengisi deskripsi penelusuran, tag ini biasanya sudah cukup untuk menampilkannya di kartu grid:
<div class='post-snippet'>
  <data:post.snippet/>
</div>

2. Kode Kustom (Prioritas Deskripsi Penelusuran)

Jika Anda menggunakan tema versi terbaru (v3/v4), Anda bisa menggunakan b:eval untuk membatasi jumlah karakter dan memastikan teks diambil dari cuplikan yang paling relevan: [4] 
<div class='post-summary'>
  <!-- Menampilkan 120 karakter pertama dari snippet (yang bersumber dari deskripsi penelusuran) -->
  <b:eval expr='data:post.snippet snippet { length: 120, append: "..." }'/>
</div>

Tips Implementasi di Homepage:

  • Pastikan Fitur Aktif: Fitur "Deskripsi Penelusuran" harus sudah aktif di menu Setelan > Meta Tag agar kolomnya muncul saat Anda menulis artikel.
  • Prioritas Isi: Blogger memprioritaskan teks di kolom Deskripsi Penelusuran untuk dijadikan data:post.snippet. Jika kolom tersebut kosong, Blogger baru akan mengambil paragraf pertama dari isi artikel Anda.
  • CSS Grid: Agar tampilan card grid rapi, pastikan pembungkus snippet memiliki tinggi maksimal atau menggunakan ellipsis (titik tiga) agar panjang teks seragam antar kartu. [5, 6, 7]
Apakah Anda ingin bantuan untuk mengatur CSS agar teks snippet di card grid tersebut terlihat lebih rapi atau memiliki tinggi yang sama?