Hari ini saya dapat pertanyaan, mengenai thumbnail/gambar yang tidak muncul saat link dishare. Nah kali ini saya akan membagikan tips dan solusi cara mengatasi gambar thumbnail tidak muncul saat share link ke whatsapp ataupun ke media sosial lainnya.

Adapun tips ini bisa di terapkan di WordPrees maupun di blogger.

Gambar Thumbnail Tidak Muncul saat Share Link (WordPrees)


WordPress yang saya custom dari client, katanya saat share artikel blog ke whatsapp gambar Thumbnail nya tidak muncul.



Nah saya cari deh solusinya, karena menggunakan wordpress jadi gampang aja, tinggal pakai plugin mungkin bisa terselesaikan.

Setelah saya cari-cari, ada plugin namanya Open Graph (OG) yang fungsinya untuk memunculkan Thumbnail artikel saat di share di berbagai media sosial.

Setelah saya Install, dan coba share artikel ke whatsapp, gambar Thumbnailnya sudah muncul.

Gambar Thumbnail Tidak Muncul saat Share Link (Blogger)

Membagian tautan dari konten yang kita buat ke media sosial menjadi salah satu cara melakukan promosi secara gratis tanpa perlu mengeluarkan dana tambahan. Salah satu media sosial yang dapat menghasilkan traffic atau lalu lintas pengunjung yang besar adalah Facebook. Kenapa? karena Facebook punya banyak fitur sosial (timeline, group, chat, page, dsb) dan hingga sekarang masih banyak orang Indonesia yang menggunakan media sosial milik Mark Zuckerberg ini.

Sayangnya, tidak jarang saat kita membagikan sebuah tautan ke Facebook, thumbnail yang menampilkan rincian dari tautan tersebut tidak muncul secara lengkap, contohnya seperti gambar thumbnailnya tidak muncul. Bahkan saat share artikel ataupun konten blog ke whatsapp juga terkadang gambarnya tidak muncul. Lalu, bagaimana cara mengatasi masalah ini? Cek panduan berikut :

Mengatasi Thumbnail Tidak Muncul Saat Share Tautan ke Whatsapp

1. Buka Dashboard Blogger
2. Masuk ke Menu > Template » Edit HTML
3. Kemudian Letakan Kode Berikut Tepat di Atas Kode </head>

<!-- Facebook and WhatsApp Meta Tag Open Graph by DTulis.com -->
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRROX_UiPQyKWMPord2_Gi5UtGGhKopg05azxQWas6db-M3NOwEvsX8jTsaK3WTYEDtIy5jwx_keg3RBnMk9QLYSJYudQrFa4j8sQwp26r9wKkS4FZbFC1P8PH_xazNyX24BaN0CwPYMw9P60xikz5IeHl1u5Uw5C8E4Xqgt_jiXUOyxjFZJ3jvs/s16000/01.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='https://www.facebook.com/106660612706164' property='article:author'/>
<meta content='https://www.facebook.com/106660612706164' property='article:publisher'/>
<meta content='106660612706164' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>



PERHATIAN:

Kodenya kenapa banyak sekali ya..? itu juga sekalian untuk preview jika share link ke media sosial lainnya seperti facebook, Whatsapp, dll.

Lakukan pengaturan sebagai berikut.

1. Tulisan yang berwarna Biru Tebal bisa diganti dengan Url gambar icon web/blog kalian dan icon/gambar ini akan muncul ketika kalian membagikan bagian homepage website kalian.

2. Ganti ID berwarna Merah Tebal dengan ID facebook kalian.