Cara Mengatasi Gambar Thumbnail yang Tidak Muncul Saat Share di Sosial Media (Facebook, Whatsapp, dsb)

masnasih.com - Bagaimana sih rasanya kalo ngeshare link ke sosial media nggak muncul gambar thumbnailnya?. Tentunya akan kurang greget karena ibaratnya sayur tanpa garam (rasaya tawar), kalo dilihat tentunya kurang menarik dan orang yang melihatnya enggan untuk membukanya karena memang tak tertarik (emosinya tidak terbangun).

Coba lihat gambar di bawah ini dan bayangkan jika tidak ada gambarnya. Gambar pertama adalah facebook dan gambar kedua adalah whatsapp.
mengatasi thumbnail share post facebook

 gambar wordpress tidak muncul di facebook

Maka dari itu di artikel ini saya akan memberikan solusi dari permasalahan yang sederhana ini dengan cara yang simpel dan bisa dilakukan oleh siapa saja.
Baca JugaCara Mengatasi Gambar Thumbnail yang Tidak Muncul di Template AMP
Baiklah simak baik-baik pemaparan saya di bawah ini agar tidak ada kesalahan di dalam menerapkannya. Artikel ini akan menjawab beberapa pertanyaan berikut ini.
  1. thumbnail tidak muncul di whatsapp, 
  2. mengatasi thumbnail share post facebook
  3. gambar wordpress tidak muncul di facebook
  4. cara memunculkan gambar postingan blog di fb
  5. thumbnail tidak muncul di facebook
  6. cara membuat link gambar di facebook
  7. cara menampilkan gambar artikel di facebook
  8. gambar thumbnail tidak muncul di wordpress

Cara Mengatasi Gambar Thumbnail yang Tidak Muncul Saat Share di Sosial Media (Facebook, Whatsapp, dsb)

Solusi Blogger

Untuk pengguna blogger gunakan meta tag ini untuk mengatasi masalah gambar thumbnail tidak muncul saat di share.

Cara menerapkan meta tag Opengraph di blogger 

  1. masuk ke dasboard blogger
  2. Ke Tampilan - Edit HTML
  3. Cari kode <head>
  4. Copy Kode di bawah ini dan Paste di bawah kode <head> atau di atas kode </head>
  5. Save
<!-- [ Social Media Meta Tag / OpenGraph ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<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 expr:content='data:blog.postThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/nasyh' property='article:author'/>
<meta content='https://www.facebook.com/elnasih78' property='article:publisher'/>
<meta content='291124614817994' property='fb:app_id'/>
<meta content='100000937336283' 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'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='elnasyh' name='twitter:site'/>
<meta content='elnasyh' name='twitter:creator'/>

Keterangan :
  • https://www.facebook.com/nasyh = url profil Fbmu
  • https://www.facebook.com/elnasih78 = url fanspage/halaman fbmu
  • 291124614817994 = id app fbmu
  • 100000937336283 = id fbmu
  • elnasyh = username twittermu
Dengan menambahkan meta tag openGraph di atas maka masalah gambar yang tidak muncul sudah teratasi dan silakan dicoba. Jika belum muncul silakan jangan sungkan-sungkan untuk bertanya melalui kolom komentar.

Solusi Wordpress

Untuk pengguna wordpress self hosting, Anda bisa mengatasi masalah ini dengan cara menginstal plugin OG dengan plugin ini masalah ini akan teratasi. Sudah bisa kan instal plugin sendiri di wordpress?.

Cara menerapkan plugin OG di Wordpress

  1. Masuk ke dasboard wordpress
  2. Ke menu plugin
  3. Tambah plugin
  4. Cari di kolom pencarian "OG atau Opengraph"
  5. Instal Pluginnya
  6. Aktifkan Pluginnya
  7. Selesai

X Close
Jika artikel ini bermanfaat, silakan tekan tombol share di bawah ini.

Jika ada hal yang belum dipahami, tanyakan melalui kolom komentar. Dan jika ada keluhan, sampaikan melalui kontak kami.

Terima Kasih Atas Kunjungan Anda

Related Posts

Previous
« Prev Post

4 komentar:

  1. selamat sore masnasih, kalau thumbnail untuk twitter, gimana mas ? saya pakai wordpress dan gmbar thumbnail nya tidak muncul..

    BalasHapus
    Balasan
    1. Selamat sore juga Mas Wahyu Halim.

      Apakah sudah pasang plugin Open Graph? Kalo belum silakan coba pasang plugin OG dulu. Di OG fiturnya sudah lengkap mas. Semoga Berhasil.

      Hapus
  2. Makasih gan infonya! sangat membantu.

    BalasHapus