Menampilkan Thumbnail Blog Saat di Share ke WhatsApp

WhatsApp messenger merupakan aplikasi untuk berinteraksi maupun berkomunikasi secara online yang terpopuler di dunia, selain WhatsApp juga bisa jadi sarana untuk berpromosi entah itu barang maupun tentang berbagai artikel blog.

Ada satu hal yang paling penting ketika membagikan link di WhatsApp yaitu gambar atau thumbnail dari blog kita agar tampilan terlihat lebih bagus.

Mungkin kalian sering menemukan masalah pada WhatsApp ketika membagikan link website anda yaitu gambar thumbnail tidak muncul dan tampilannya pun kurang menarik.

Berikut adalah beberapa kode untuk share ke WhatsApp dan Facebook.

1. Silahkan anda buka dasboard blogger
2. Masuk ke menu TEMPLATE » HTML
3. Copy kode dibawah lalu paste di atas </head>

<!-- Facebook and WhatsApp Meta Tag Open Graph by sainzdesign.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjdKM2e6nGt9OZLI5XnfWMYWoTOk4zU9mknQcQWJ8VfOo4O-aMjvy39uvTzTxaXHXdX1ctKC-r1whoiqSbKcZ-L9EhgqpzBk4m8vbA5Xc122Uj6C9Ye5K15SJ6EHvwY5kU9-fAHwFPIx8/s1600/20191128_205904.jpg' 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/xxxxx' property='article:author'/>
<meta content='https://www.facebook.com/xxxxx' property='article:publisher'/>
<meta content='xxxxx' 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'/>

Kode di atas adalah gabungan dari Facebook dan WhatsApp agar lebih mudah lagi jika kalian membagikan link website ke sosial media.

Hapus URL di bawah ini dengan URL logo website anda. Link ini akan muncul gambar ketika anda membagikan link homepage website.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjdKM2e6nGt9OZLI5XnfWMYWoTOk4zU9mknQcQWJ8VfOo4O-aMjvy39uvTzTxaXHXdX1ctKC-r1whoiqSbKcZ-L9EhgqpzBk4m8vbA5Xc122Uj6C9Ye5K15SJ6EHvwY5kU9-fAHwFPIx8/s1600/20191128_205904.jpg

Jika sudah silahkan simpan template dan bisa anda coba bagikan ke WhatsApp atau ke Facebook kalian.

Bagikan Artikel ini