Memperbaiki Tampilan Posting Blog di Facebook

Romeltea | Follow @romel_tea

Memperbaiki Tampilan Posting Blog di Facebook
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/

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Memperbaiki Tampilan Posting Blog di Facebook

Post a Comment

No Spam, Please!