Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed
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.
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.
Coba lihat gambar di bawah ini dan bayangkan jika tidak ada gambarnya. Gambar pertama adalah facebook dan gambar kedua adalah whatsapp.
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
- masuk ke dasboard blogger
- Ke Tampilan - Edit HTML
- Cari kode <head>
- Copy Kode di bawah ini dan Paste di bawah kode <head> atau di atas kode </head>
- Save
<b:if cond='data:blog.pageType == "item"'>
<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
- Masuk ke dasboard wordpress
- Ke menu plugin
- Tambah plugin
- Cari di kolom pencarian "OG atau Opengraph"
- Instal Pluginnya
- Aktifkan Pluginnya
- Selesai
Demikianlah Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed. Semoga Bermanfaat.
Baca Juga :
Baca Juga :
selamat sore masnasih, kalau thumbnail untuk twitter, gimana mas ? saya pakai wordpress dan gmbar thumbnail nya tidak muncul..
ReplyDeleteSelamat sore juga Mas Wahyu Halim.
DeleteApakah sudah pasang plugin Open Graph? Kalo belum silakan coba pasang plugin OG dulu. Di OG fiturnya sudah lengkap mas. Semoga Berhasil.
Makasih gan infonya! sangat membantu.
ReplyDeleteSama-sama Gan :)
Delete