Thumbnail Youtube tidak muncul di Whatsapp

Layarsosial.com – Apa jadinya ketika membagikan sebuah artikel dengan menyertakan link pada salah platform media sosial namun thumbnail atau cuplikan gambar pada link artikel tersebut tidak muncul?.

Sebuah masalah yang di alami beberapa teman dimana ketika share link postingan website ke WhatsApp, Facebook, Twitter dan media sosial lainnya thumbnail atau cuplikan gambar tidak tampil.

Hal ini juga mungkin saja bisa terjadi pada siapa saja yang memiliki sebuah website dan memiliki artikel terbaru dan ingin membagikan atau melakukan share postingan yang baru saja selesai ditulis dengan tujuan untuk menjangkau orang banyak ada di media sosial seperti WhatsApp, Facebook, Twitter .

Nah kembali pada permasalah diatas dimana gambar tidak tampil ketika share link artikel ke media sosial dapat disebabkan oleh beberapa hal.

1. Tidak Memiliki Markup Graf Terbuka

Salah satu penyebab gambar cuplikan tidak muncul ketika di share adalah pada panduan berbagi webmaster Facebook menjelaskan bahwa tag markup Graf terbuka tidak berfungsi dengan benar. Markup Graf terbuka berfungsi agar mengontrol bagaimana konten Anda tampil di Facebook. Jika konten dari situs web yang Anda dibagikan memiliki tag markup Graf dengan benar maka crawler Facebook dapat menjelajahi gambar cuplikan pada artikel dengan mudah, server Anda juga harus menggunakan enkode gzip dan deflate.

Tanpa tag Graf Terbuka ini, Crawler Facebook menggunakan heuristik internal untuk membuat tebakan terbaik tentang judul, deskripsi, dan gambar cuplikan untuk konten Anda.

2. Gambar Memiliki Tag Og:image Yang Berbagai Macam

Og:Image sendiri berfungsi untuk menentukan gambar apa yang Anda inginkan dan gunakan saat halaman Anda dibagikan ke media sosial seperti Facebook, WhatsApp dan lain sebagainya.

Ketika Facebok mencoba mengcrawler url yang kamu bagikan maka Kamu akan melihat error dimana terdapat banyak gambar yang memiliki tag Og:image.

3. Ukuran Gambar Futured atau Utama yang Kamu Gunakan Terlalu Besar.

Perlu diketahui ukuran thumbnail yang yang direkomedasikan untuk membagikan konten ke Facebook adalah

• Gambar minimum yang diizinkan adalah 200 x 200 piksel
• Ukuran file gambar tidak boleh melebihi 8 MB
• Gunakan gambar minimal 1200 x 630 piksel untuk tampilan terbaik pada perangkat beresolusi tinggi. Anda harus menggunakan gambar minimal 600 x 315 piksel untuk menampilkan postingan halaman tautan dengan gambar lebih besar.

Ketika kamu sudah mengetahui problemnya sekarang saya akan mencoba membatu Anda memberikan solusi yuk lanjut kebawah.

1. Cara Cek Markup Graf Terbuka

Cek apakah markup Graf terbuka sudah terpasang dengan benar dengan cara membuka url berikut ini https://developers.facebook.com/tools/debug/

Apabila kamu sudah berhasil membuka url maka tampilan alat debug berbagi akan seperti diatas. Sekarang silahkan masukan url artikel postingan kamu pada kolom yang sudah disediakan dan klik Debug pada tombol berwana biru.

Dengan begitu kamu dapat melihat informasi tag Og:image dan informasi lainya yang diperlukan oleh Facebook untuk url postingan yang ingin kamu bagikan.

2. Cara pasang Markup Graf Terbuka

Cara memasang markup graf terbuka sendiri dapat dilakukan secara manual maupun dengan menggunakan plugin, namun disini penulis akan menggunakan plugin khusunya sebagai pengguna WordPress. Apabila kamu ingin memasangnya secara manual kamu bisa mencari referensi lain bagaimana cara memasangnya.

Adapun beberapa plugin yang dapat kamu gunakan dibawah ini :

1. Plugin OG

2. Plugin SEO

Adapun plugin SEO yang dapat kamu gunakan adalah :

1. Yoast SEO
2. Rank Math
3. All in One SEO Pack
4. dan plugin SEO lainnya.

Bagaimana kamu sudah menemukan permasalahan dari apa yang kamu alami dan solusi menyelesaikannya bukan.

Saat ini WhatsApp menjadi aplikasi perpesanan (messaging) terpopuler di dunia. Banyak sekali info yang dibagikan melalui anak perusahaan Facebook tersebut. Tidak terkecuali untuk urusan blog sekalipun bisa dipromosikan di sana. Karena penggunanya yang sangat banyak, WhatsApp menjadi ladang empuk untuk menyebar link agar blog bisa mandapatkan tambahan pengunjung.

Ada satu hal penting yang harus diperhatikan ketika mengirim link blog di WhatsApp, yaitu tampilan dari rich link previewnya harus bagus. Rich link preview adalah tampilan pratinjau dari isi blog, seperti judul, gambar, dan deskripsi.

Masalah yang sering terjadi yaitu gambar thumbnail tidak keluar sehingga tampilan preview kurang cantik. Umumnya pengunjung akan lebih tertarik pada hal yang berbau visual. Maka keberadaan gambar sedikit banyak akan membantu memunculkan rasa penasaran.

Coba bandingkan kedua gambar ini. Mana yang menurut kamu lebih menarik dan mengundang klik?

Tentu saja yang ada gambarnya, kan! Kalau blog kamu memiliki masalah dengan gambar yang tidak muncul, maka tutorial menampilkan gambar thumbnail pada preview link WhatsApp berikut akan sangat membantu.

Cara Agar Gambar Blog Muncul di Preview Link WhatsApp

Karena WhatsApp sudah menjadi anak perusahaan Facebook, maka kamu cukup menggunakan meta tag open graph Facebook saja. Selama pemasangannya benar, maka hasilnya akan sesuai.

1. Buka dashboard Blogger.
2. Masuk ke menu Template » Edit HTML.
3. Masukkan kode berikut DI ATAS </head>

<!-- Facebook and WhatsApp Meta Tag Open Graph by igniel.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://4.bp.blogspot.com/-ie52Oh_wT-s/WHHi75UACjI/AAAAAAAAEYE/PnOATooq-Y4v_HVhR_AakM0G2d699uWIwCLcB/s1600/ignielcom.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'/>

Kodenya kok banyak? Iya, karena sekaligus untuk tampilan preview ketika membagikan link di Facebook juga. Lakukan beberapa pengaturan berikut:

1. https://4.bp.blogspot.com/-ie52Oh_wT-s/WHHi75UACjI/AAAAAAAAEYE/PnOATooq-Y4v_HVhR_AakM0G2d699uWIwCLcB/s1600/ignielcom.png: ganti dengan URL gambar dari ikon atau banner blog. Gambar ini akan muncul ketika membagikan link homepage. Sedangkan jika membagikan link artikel maka thumbnail yang muncul adalah gambar dalam isi artikel tersebut.
2. 106660612706164: ID akun Facebook atau Fanspage

Simpan template dan lakukan test dengan membagikan link di WhatsApp. Cek apakah gambar thumbnailnya sudah muncul atau belum.

Mengatasi Gambar Blog Tidak Muncul di WhatsApp

Jika gambar belum muncul, ini karena perlu waktu untuk membaca ulang struktur blog setelah ditambahkan meta tag baru. Kalau tidak sabar dan mau proses scrape menjadi cepat juga bisa kok dengan melakukan langkah ini.

1. Buka Facebook Sharing Debugger di alamat berikut:

   https://developers.facebook.com/tools/debug/sharing

2. Masukkan link blog atau artikel.
3. Klik tombol Debug.
4. Klik tombol Scrape Again (Kurangi Lagi) beberapa kali sampai gambar thumbnail keluar.

Selesai sudah solusi mengatasi gambar thumbnail tidak muncul di preview link WhatsApp. Jangan terlalu berlebihan dalam menyebar link, nanti diblokir sama Facebook lho!

Dimana letak thumbnail YouTube?

Thumbnail YouTube Apa Artinya?