Mengatasi Thumbnail Share Post Facebook Yang Tidak Muncul

Kekuatan media sosial memang bukan isapan jempol semata, apalagi kita adalah penggiat dunia online, baik untuk mencari trafik website, branding usaha, atau promosi jualan? Ya itu tidaklah sulit, cukup dengan berbagi atau share di media sosial dan biarkan teman-teman sosial media kita melihatnya.

Tapi terkadang ada beberapa kasus dimana ketika kita copy-paste link di Facebook ternyata gambar artikelnya tidak muncul. Dengan tidak tampilnya gambar/thumbnail suatu artikel di facebook tentu akan mengurangi ketertarikan teman-teman media sosial kita untuk melihat lebih jauh apa yang kita share.

Lalu bagaimana memperbaikinya?

Penyebab Gambar Tidak Muncul

Sebelum berbicara soal cara memperbaiki, tentu akan lebih mudah jika kita tau penyebab tidak munculnya thumbnail artikel tersebut. Sejauh ini ada 3 kemungkinan kenapa thumbnail tidak muncul.

Tidak adanya tag “og:image” dimana tag ini berisi URL image atau gambar yang dijadikan thumbnail. Ketika ini tidak ada tag ini gambar thumbanil tidak akan muncul.
Konflik plugin, bagi Anda pengguna wordpress atau CMS lain yang menggunakan cache, bisa jadi terjadi sebuah konflik dimana ada perbedaan file yang diakses (prinsip cache biasanya membuat file baru untuk mempercepat akses).
Permasalahan DNS (biasanya terjadi pada cloudflare), kasus ini mirip-mirip dengan cache plugin.

Cara Mengatasi Gambar Tidak Muncul di Facebook

Setelah kita mengetahui penyebab yang membuat gambar artikel kita tidak muncul, selanjutnya kita akan coba memperbaiki agar gambar diartikel tersebut mau tampil.

Pertama, jika tag <meta propery="og:image" content=""/> tidak ada di halaman website/blog Anda, Anda bisa tambahkan kode tersebut.

Bagi Anda pengguna blogspot, Anda dapat menambahkan kode berikut ini sebelum tag </head>

<!-- [ Facebook Open Graph Meta Tag ] -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://www.hostingan.id/wp-content/uploads/2019/07/logo-biru-1-1.png' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

Dan Bagi Anda pengguna WordPress, Anda dapat menggunakan Plugin OpenGraph, Yoast atau All in One SEO. Ketiga plugin tersebut memiliki konfigurasi khusus untuk membuat tag <meta propery="og:image" content=""/>. Bahkan memiliki konfigurasi khusus untuk mengcustomisasi apa saja yang akan ditampilkan di facebook nantinya.

Kedua, jika permasalahannya terletak pada Plugin Cache, Anda bisa mematikan plugin tersebut atau menjalankan fitur Clear Cache yang tersedia pada tiap-tiap plugin cache, biasanya tunggu beberapa menit setelah clear cache thumbnail akan muncul.

Jika kedua cara di atas tidak membuahkan hasil, Anda bisa menggunakan tool facebook share debug untuk meminta robot-robot facebook agar membaca ulang Link artikel Anda.

Caranya, buka https://developers.facebook.com/tools/debug/sharing/

Pada tab Alat Debug Berbagi, pastekan url/link artikel Anda, kemudian klik tombol debug di sebelah kanan.