Memunculkan Deskripsi Blog Ketika Share di Facebook

Sebelumnya saya telah mengulas tentang Open Graph Facebook yang berguna untuk optimasi SEO blog di Facebook. Dan ternyata Open Graph telah mempengaruhi Facebook dalam membaca script meta description pada blog, sehingga ketika kita sharing di Facebook yang terlihat hanya gambar dan judul postingan dan tidak memuat deskripsi postingan kita. Nah sekarang saya akan memberikan solusi kepada sobat blogger agar deskripsi postingan dapat terlihat saat anda share di Facebook.

Cara yang harus dilakukan adalah sbb:
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Centang Expand Template Widget
3. Cari kode <data:post.body/>
4. Simpan kode berikut ini diatas kode <data:post.body/>
(di template saya ada 4 kode <data:post.body/>, pilih kode no. 2)
<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> 
5. Kemudian setelah itu pasang tag <p> dan penutupnya di semua  kode <data:post.body/>, contoh seperti dibawah ini:
 <p><data:post.body/></p>
6. Save Template
7. Selesai...

Contoh sebelum dan sesudah di edit:

 

Note: Perubahan yang kita lakukan baru akan berpengaruh kurang lebih sekitar 24 jam. Untuk mengatasinya anda dapat memasukkan link posting secara manual agar lebih cepat ke Facebook Debugger.

13 Responses to "Memunculkan Deskripsi Blog Ketika Share di Facebook"

  1. nice sharing sob..kunjungan balik ya

    BalasHapus
    Balasan
    1. Thanks yaw... makasih kunjungannya

      Hapus
  2. nice info...
    jg lupa mampir :)

    BalasHapus
  3. Matur nuhun gan,,, berhasil :D

    BalasHapus
  4. mantap sob,,
    saya cobain dulu e,, mudah"an berhasil..
    makasih sudah berbagi..

    BalasHapus
  5. itu gak ngaruh ma postingan di blog sob?

    BalasHapus
  6. Ini yang buat saya tertawa dan bahagia :)

    BalasHapus
  7. Kak ,, saya punya belum bisa .. ada keterangan gini
    Kesalahan saat mengurai XML, baris 1323, kolom 16: The element type "p" must be terminated by the matching end - tag "< / p >".
    terus ada tulisan merah < / div > yang disuruh perbaiki .. Itu gimana kak?

    BalasHapus
  8. Kalau ada 2, harus taruh di keduanya atau salah satu ?

    BalasHapus