Cara Agar Link Blogspot Muncul Gambar Saat Dibagikan ke WhatsApp

Pernahkah Anda membagikan link artikel blog ke WhatsApp, lalu yang muncul hanya judul, deskripsi, dan screenshot bawaan blog? Padahal akan lebih menarik kalau muncul gambar khusus (thumbnail/cover) sesuai yang kita inginkan.

Nah, hal itu bisa diatur dengan menambahkan meta tag Open Graph (og:image) pada template blog. Dengan cara ini, setiap kali artikel dibagikan ke WhatsApp, Facebook, atau media sosial lain, akan muncul preview dengan gambar, judul, dan deskripsi.

Solusi untuk Blogger (Blogspot)

Karena Anda menggunakan platform Blogger (alamat blog berakhiran *.blogspot.com), maka langkahnya cukup sederhana:

Masuk ke Dashboard Blogger
Pilih menu Tema → Edit HTML
Cari bagian <head> ... </head>
Tambahkan kode berikut di dalamnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta expr:content='data:blog.pageTitle' property='og:description'/>
  <meta expr:content='data:blog.url' property='og:url'/>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
</b:if>

Apa Fungsinya?

og:title → otomatis mengambil judul postingan
og:description → otomatis mengambil ringkasan/deskripsi postingan
og:image → otomatis menggunakan gambar pertama dalam postingan atau featured image

Sehingga Anda tidak perlu repot menulis meta tag di setiap artikel.

Menentukan Gambar Khusus untuk Semua Artikel

Kalau Anda ingin semua artikel punya thumbnail tetap (misalnya logo atau cover khusus), bisa gunakan kode:

<meta property="og:image" content="https://i.ibb.co/xyz123/thumbnail-flutter.png"/>

👉 Ganti URL dengan alamat gambar Anda. Bisa diupload di ImgBB, Google Drive (public link), atau folder Blogger.

Tips Penting

Gunakan ukuran gambar minimal 1200 x 630 px agar tidak pecah atau terpotong.
Setelah edit template, cek hasilnya dengan Facebook Sharing Debugger agar cache preview diperbarui.
Jika di WhatsApp belum muncul, biasanya butuh waktu beberapa menit sampai perubahan terbaca.

Kesimpulan

Saat ini, link blog Anda memang sudah bisa muncul preview di WhatsApp, tetapi masih mengambil screenshot otomatis.
Dengan menambahkan meta tag og:image, Anda bisa menentukan gambar thumbnail sesuai keinginan.

Hasilnya, ketika artikel dibagikan ke grup WA atau media sosial lain, tampilannya akan jauh lebih menarik dan profesional.

👉 Sudah siap coba edit template Blogger Anda? Dijamin setelah itu, link blog Anda akan terlihat lebih keren saat dibagikan!

Salam : Redaksi