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.

Baiklah simak baik-baik pemaparan saya di bawah ini agar tidak ada kesalahan di dalam menerapkannya. 

Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed

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
Demikianlah Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed. Semoga Bermanfaat.

Baca Juga :