Memperbaiki Tampilan Posting Blog di Facebook

Baca Juga

Cara Memperbaiki Tampilan Posting (Judul, Gambar, Deskripsi) Blog Saat Share ke Facebook.

SALAH satu hal yang sangat mengganggu blogger ketika ingin share postingnya ke Facebook adalah tampilannya hanya berupa judul doang, tanpa gambar dan cuplikan, ringkasan, atau kutipan posting.

Untuk mengatasinya:
1. Template > Edit HTM:
2. Ubah semua kode <data:post.body/> menjadi <p><data:post.body/></p>
3. Masukkan kode berikut ini di atas kode <data:post.body/> yang kedua:

<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>

4. Cek atau "laporkan" perbaikan ini kepada Facebook Debugger
5. Tunggu beberapa saat lagi, adzan Magrib pasti datang kok :)
6. Save template!

Untuk template "modern" yang menggunakan skema mikrodata (schema org), simpan kode di no. 3 tadi di bawah kode:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

Jadinya begini:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
<p><data:post.body/></p>

Cara Lain Memperbaiki Tampilan Posting Blog di Facebook

Fixing the Wrong Image Problem
1. Go to Template > Edit HTML and just above </head> Paste the following code snippet.
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='"" + data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYbrWtGIhUA0fMzfeipz5I2QAnkU0UVSU5mcT7r6qNGdj7mNVXDpprQ8YWAWAaV2hRjiPQtH1K57ClQp4JT7Pwema6Ra4cTGjXK1wBYr3NU8IQIXgEv3qfMD1hzIvGACn_iUbjwrgfSs/s200-c/default.png'property='og:image'/>
</b:if>

OR:

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://www.your-blog-logo.jpg' property='og:image'/>
</b:if>

Agak rumit memamang cara memperbaiki tampilan posting blog saat di-share di Facebook, tapi 'kan hasilnya nanti kian memperkuat seo blog kita. Secara, salah satu teknik seo adalah "social media seo" dan Facebook merupakan salah satu sumber backlink berkualitas.

Source:

• http://www.mybloggerlab.com/2014/07/how-to-fix-facebook-post-thumbnail-in-blogger.html
• http://bigbrainmedia.com/facebook-post-blogger-blogspot-description/