Cara Memperbaiki Tampilan Posting Blog di Facebook

Cara Memperbaiki Tampilan Posting Blog di Facebook - Tutor Blog Pernahkah kalian bingung ketika share artikel kalian di facebook tampilannya berbeda dengan orang lain. Kalau pernah silakan simak postingan saya kali ini.

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

Untuk mengatasinya:

1. Template > Edit HTML:

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 == "item"'><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. Save template

6. Tunggu beberapa saat (tidak langsung bekerja)

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

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

letakkan kode di sini

<data:post.body/>

Jadinya begini:

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
<data:post.body/>

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/AVvXsEgOxsQeEcV3Vp4nhyFQQQE-5RJ_zP2zonK4sUkTP-hK4k4qetFxniOydo0GtGYfTSn7x86fgsiN31QkrlQlOTRJRLVPHGL6N3dQZ9mzSakhgCZtUlHrm_P1vwOYuStzHjT8y8odC3ceDow/s200-c/default.png'property='og:image'/>
</b:if>

atau:

<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>

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

Sekian dari saya