Home NextSass

Berikut beberapa solusi jika link preview di WhatsApp tidak muncul

Esther Howard's avatar

Nurman Teguh Novianto

Blog-Article
Blog

Berikut beberapa solusi jika link preview di WhatsApp tidak muncul

✅ 1. Periksa Tag Open Graph di Website

WhatsApp menggunakan metadata Open Graph (og:) untuk menampilkan preview. Pastikan HTML halaman target punya tag ini:

<meta property="og:title" content="Judul Halaman">
<meta property="og:description" content="Deskripsi singkat halaman">
<meta property="og:image" content="https://domain.com/path/to/image.jpg">
<meta property="og:url" content="https://domain.com/halaman">

Catatan: og:image harus berupa URL absolut (bukan relatif), format JPG/PNG, dan disarankan ukuran minimal 300x200 px.

✅ 2. Hindari Redirect Berlebihan

Jika link kamu diarahkan (301/302) terlalu banyak, WhatsApp tidak akan bisa mengikuti hingga akhir. Pastikan URL langsung mengarah ke konten utama.

✅ 3. Gunakan HTTPS

WhatsApp lebih menyukai link yang aman. Gunakan HTTPS dengan sertifikat SSL yang valid.

✅ 4. Gunakan WhatsApp Debugger

Untuk cek dan refresh cache WhatsApp, gunakan tool berikut:

👉 https://wa.linkpreview.dev/

Atau cek di:

👉 https://www.opengraph.xyz/ (untuk cek tag OG)

✅ 5. Cek Ukuran dan Aksesibilitas Gambar

  • Gambar og:image tidak boleh di-block oleh robots.txt

  • Ukuran file < 5MB

  • Format harus jpg, png, atau webp

  • Coba buka langsung di browser: https://domain.com/path/to/image.jpg → jika error, WA pun tidak bisa ambil

✅ 6. Tidak Di-Compress/Diblock oleh Firewall

Beberapa CDN (seperti Cloudflare) atau sistem keamanan mungkin memblokir user-agent WhatsApp. Pastikan user-agent seperti berikut tidak diblok:

facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
WhatsApp/2.20

✅ 7. Cek Robots.txt dan Meta Tag

Pastikan website kamu tidak melarang crawling:

User-agent: *
Disallow: / ❌ (jangan disallow semua)

Dan jangan gunakan ini di HTML:

<meta name="robots" content="noindex, nofollow"> ❌

🧪 Contoh Minimal HTML untuk Link Preview:

<head>
  <meta property="og:title" content="Contoh Judul">
  <meta property="og:description" content="Ini deskripsi halaman">
  <meta property="og:image" content="https://mechat.id/img/banner.jpg">
  <meta property="og:url" content="https://mechat.id">
</head>