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.

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

Cara menerapkan meta tag Opengraph di blogger 

<!– [ 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 :

Solusi WordPress

Cara menerapkan plugin OG di WordPress