Mengatasi Deskripsi Yang Tidak Muncul Pada Share on Facebook

Beberapa blog saya ketika saya Share, Like atau Send ke Facebook, tidak memuat deskripsi postingan. Yang terlihat hanya gambar, judul dan URL. Tentunya hal ini sangat membingungkan, baik bagi saya atau teman yang lain.

Hal ini terjadi karena Facebook merubah script dalam membaca meta description. Atau mungkin karena pengaruh Open Graph.

Yang pertama saya fikirkan, harus membuat meta description setiap postingan, wah... banyak banget. Ribet kayaknya deh.. kalau harus dengan cara seperti itu.Akhirnya saya mendapatkan solusi dan ingin berbagi dengan rekan blogger.

Contoh sebelum dan sesudah diperbaiki:


Ada beberapa cara untuk memunculkan deskripsi postingan, ketika di share, like atau send ke facebook.

Cara ke-1:

1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Centang Expand Template Widget
3. Cari kode <data:post.body/>
4. Simpan kode ini diatas <data:post.body/>
<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. Save Template

Cara ke-2: Membuat Tag Paragraf <p>

Ada beberapa cara untuk membuat tag <p> diantaranya:
1. Menyimpan tag <p> manual setiap menulis postingan. Hal ini dilakukan setiap kali menulis postingan, gunakan <p> diawal dan diakhiri </p>, minimal 120 karakter.

<p>ISI PARAGRAF</p>

2. Memasukan tag di template
  • Masuk ke Dasbor > Rancangan > Edit HTML dab centang “Expand Template Widget”.
  • Cari <data:post.body/> dan tambahkan tag <p> seperti di bawah ini:
<p><data:post.body/></p>

3. Menggunakan  Windows Live Writer. Windows Live Writer akan menyimpan tag <p> secara otomatis

Cara ke-3:

Apabila Cara ke 1 dan ke 2 belum berhasil, maka gabungkan cara ke satu dan ke 2. yaitu :
1. Simpan kode ini diatas <data:post.body/>
<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>
2. Setiap menulis postingan tandai paragraf dengan diwali <p> dan diakhiri </p>.

Perubahan yang kita lakukan akan memakan waktu kurang lebih 24 jam, akan tetapi kita bisa memasukan manual link posting, supaya lebih cepat ke Facebook URL Linter.

Kalau masih ada masalah silahkan share disini.
Berita Lebih Baru Berita Lebih Lama
  • Muhammad Zaki Al Aziz
    Profil: https://www.blogger.com/profile/17741217078363087379
    05 Februari, 2012

    Kang, nyimpen p nya itu sesudah div...... atau gimana? makasih yah kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      05 Februari, 2012

      Sama2 gan.. Simpan di paragraf awal aja, kalau ada tag div simpan sesudahnya...

  • Unknown
    Profil: https://www.blogger.com/profile/02526455291340781117
    07 Februari, 2012

    Komentar ini telah dihapus oleh Unknown sebagai penulis.

  • Unknown
    Profil: https://www.blogger.com/profile/02526455291340781117
    07 Februari, 2012

    nyimpennya diatas data:post.body/> yang mana kang, di templateku ada 4 ?. Apakah jika cara ini berhasil share ke g+ juga akan muncul snipet juga? soalnya setiap kali ku share link ke facebook dan g+ yang muncul adalah judul posting seperti diatas dengan deskripsi(snippet) judul post,judul posting,judul blog.
    Terima kasih kang

  • Roi
    Profil: https://www.blogger.com/profile/04829045358227138471
    12 Februari, 2012

    trima kasih ya ganz akhirnya deskripsi blogku muncul :D

  • Saddam
    Profil: http://muslimpoliticians.blogspot.com/
    20 Februari, 2012

    ini dia yg saya cari2 selama ini, tak coba dulu mas, smoga berhasil, makasih udah mau sharing...

  • Gusbud
    Profil: http://bankjateng.info
    11 Maret, 2012

    Lagi nyari2 artikel ini, tapi kayaknya blm sesuai dengan masalah yg saya hadapi, soalnya pake Joomla...
    Tadinya sih gak ada masalah, gak tau kenapa, trus gak bisa...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      11 Maret, 2012

      Komentar ini telah dihapus oleh Kang Ismet sebagai penulis.

    • Gusbuds
      Profil:http://bankjateng.info
      13 Maret, 2012

      Bingung nich Kang Ismet, kadang bisa, kadang gak bisa, tapi lebih banyak ogah nongolnya... Dulu pernah juga ngalamin diambegin sama pesbuk, gak tau ngopreknya gimana, trus bisa lagi...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      13 Maret, 2012

      Coba pasang meta tag Open Graph nya gus....

  • Brigade xiv
    Profil: https://www.blogger.com/profile/12349044967228660619
    20 Maret, 2012

    ternyata setelah diutak atik blog saya tidak terbaca meta nya oleh facebook.. ehhh pas bikin artikel baru.. baru deh bisa.. worknya di postingan baru gan... hehe

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      20 Maret, 2012

      Coba yang lama pake Facebook Debugger

    • Brigade xiv
      Profil:https://www.blogger.com/profile/12349044967228660619
      22 Mei, 2013

      hehe.. bingung ane dah nih ama yang soal snippet2 ginian.. aneh meta semua sama kalo template beda (dirubah derastis) jd kaga nongol.. setelah make template hasil backup semula juga yang tadinya ada malah jdi ngikutin template rombakan.. apa emang meta data yg kaya gni butuh waktu penyesuaian dari pihak devf??

  • Unknown
    Profil: https://www.blogger.com/profile/04625695583985114686
    23 Maret, 2012

    Komentar ini telah dihapus oleh Unknown sebagai penulis.

  • Unknown
    Profil: https://www.blogger.com/profile/04625695583985114686
    23 Maret, 2012

    kang knapa tautannya ada yg sukses dengan deskripsi saat di bagikan dan ada yang gak sukses tidak ada deskripsinya cuman alamat doank??

  • A.Nazar
    Profil: https://www.blogger.com/profile/18236513093750705218
    04 April, 2012

    kang mau tanya nih...belakangan ini punya saya malah judulnya yang g' ada ketika di share ke fb, tlng pncrahannya..terimakasih...

  • allaboutww
    Profil: https://www.blogger.com/profile/11951737585738759345
    17 April, 2012

    bagaimana menampilkan judul blog dan nama blog kita?
    awalnya saya sudah begitu, tp malah hilang nama blog nya, cuman judul blog saja yg muncul...

    tolong di bantu ya...
    terima kasih

  • Fairdee
    Profil: http://kursusinggrisgratis.blogspot.com/
    07 Mei, 2012

    Ini dia yg saya cari-cari.
    Makasih kang, it works! :)

  • Unknown
    Profil: https://www.blogger.com/profile/10531089871654732949
    26 Mei, 2012

    aku masih ada masalah ni boss... tolong bantuannya donk.. dah dikotak katik masih aja yang muncul deskripsi blog. gimana ya?? mohon pencerahannya ya.. thx...

  • Unknown
    Profil: https://www.blogger.com/profile/09348958780180326710
    27 Mei, 2012

    http://sidrap-file-filepc.blogspot.com

  • wahyu hartana
    Profil: https://www.blogger.com/profile/13809323100974063439
    27 Mei, 2012

    matur nuwun gan

  • Maz Dani
    Profil: http://www.dubraw735.blogspot.com
    29 Mei, 2012

    jjs, jalan jalan mumpung terang sore kang ismet hehhe

  • khairuridho kurniawan
    Profil: https://www.blogger.com/profile/06469684919864930723
    30 Mei, 2012

    kalo ane malah foto mininya om yang kagak muncul .tolong pencerahannya gmna :(

  • Nama-nama Bayi Laki-laki Islami
    Profil: http://www.andrepanggabean.com/2012/06/nama-nama-bayi-laki-laki-islami-dan.html
    18 Juni, 2012

    saya sudah terapkan sob,mudah2an akan berhasil :)

  • Unknown
    Profil: https://www.blogger.com/profile/15875281949812494927
    27 Juni, 2012

    makasih kang ismet,, tpi kenapa masih tidak bisa ya? semunya sudah saya coba loh

  • Unknown
    Profil: https://www.blogger.com/profile/04998799240620011616
    27 Juni, 2012

    Lanjutkan Kang Ismet smoga sukses

  • mimin 1
    Profil: https://www.blogger.com/profile/15794230141927945682
    01 Juli, 2012

    om help,,, data:post.body/> ditemplate ku ada 3,,, yg mana ini??
    ini om link blog ane sini

    pakai tag p - /p digusur sama div pembuka nya,,, help ommm.. :'(

  • Nur Wahid
    Profil: http://blog-dollar98.blogspot.com
    12 Juli, 2012

    Saya meletakkan kodenya di atas kode tag yang kedua dan ternyata berhasil. great article!

  • Tita Okti
    Profil: http://titaokti.com
    07 Agustus, 2012

    salam kenal kang ismet..
    klo saya malah sama sekali ga muncul link postnya kang..jd bener2 ga bs dishare..
    saya coba pake cara kang ismet diatas malah ga nemu data:post.body/>..liatny di bagian editor yang mana ya kang?
    mksh sblmnya..

  • Dapah blog
    Profil: https://www.blogger.com/profile/17347174165557474900
    05 September, 2012

    Terima kasih infonya,,, bermanfaat sekali buat ane...

  • Cara Cepat Belajar Gitar bagi Pemula
    Profil: http://www.harmonisasi.com/2012/09/cara-cepat-belajar-gitar-bagi-pemula.html
    18 September, 2012

    Masih bingung mas,krn kode di blog saya ada 4. :(

  • Bisnis Autopilot
    Profil: http://paketbisnisonline.blogspot.com
    28 Oktober, 2012

    Cara Cepat Jadi Pengusaha Online

  • degagu
    Profil: http://degagu.blogspot.com
    11 November, 2012

    kalau saya yg muncul hanya link nya saja. kenapa yahh itu kang ???

  • Erfan Andiyanto
    Profil: https://www.blogger.com/profile/04683660272085200317
    22 Desember, 2012

    Mau tanya kang. kalau misalnya saya berbagi link artikel di fb, biasanya judul artikel itu juga muncul di bawahnya.

    Misal: blogku.blogspot.com/posting-test.html
    .. Kan judulnya juga muncul seperti..
    Posting Test | Blogku

    tapi kenapa blog punyaku hanya muncul Judul homepage Blognya saja.. "Blogku" tidak lengkap seperti.. Posting Test | Blogku.

    Maaf nanyanya kepanjangan, ditunggu kang

  • pemakan buah-buahan
    Profil: http://www.makanansehat.web.id/search/label/buah-buahan
    28 Desember, 2012

    Makasih tutorialnya om ;)

  • Unknown
    Profil: https://www.blogger.com/profile/08186252104826533611
    04 Januari, 2013

    kang kenapa yah yang muncul hanya deskripsi postingannya saja .... judul postingannya tidak muncul kenapa yah kang?

  • didit hermawan
    Profil: http://menguakrahasiadiri.blogspot.com/2013/01/Sukses-Meraih-Impian-Dengan-Tulisan-Tangan.html
    18 Januari, 2013

    punya referensi selain itu, gan...

    permaslahanan saya, ketika posting artikel blog saya di-share ke facebook....yang nongol kok link hal utama dan deskripsi hal utama...mhn pencerahannya


    Terima Kasih

  • Disukai
    Profil: http://www.disukai.com
    18 Januari, 2013

    Wow, makasih mas. Coba dulu

  • DUNIA PARENTING
    Profil: https://www.blogger.com/profile/13665305655487128097
    22 Januari, 2013

    kg kok kode aku yang data post hilang,,, gimana cara menulisnya lagi,, posi2nya tepatnya dimana? aku pernya ikut cara memotong blog, tapi hasilnya malah postingan saya tinggal judul dan komentar,, sementara isi artikel n cerpen ku ga muncul,,,
    dan ketika saya memosting blog,, juga seperti itu,, tidak muncul postingan,, yang muncul hannya judul dan komentar,,,

    kemarin cuma nyoba2 tapi malah hasilnya begitu,,,


    mohon jawabannya,,, terimakasih,,,,

  • Bukan Berita Terkini
    Profil: http://cara-bagaimana-apa.blogspot.com
    20 Februari, 2013

    Kang kenapa cara memunculkan komentar di facebook gak bisa permanen..pertama sih bisa.ketika update posting. Tapi lama2 gak bisa lagi..eh..malah terkadang gambarnya ilang

  • Ilu2Maz
    Profil: http://ilu2maz.blogspot.com/
    25 Februari, 2013

    Blog saya malah tidak keluar gambar (deskripsi muncul) saat di share ke facebook. Solusinya gimana kang?

  • andax89.blogspot.com
    Profil: http://andax89.blogspot.com
    07 Maret, 2013

    Ok kang di coba dulu.. makasih sudah berbagi..

  • Yogie Share
    Profil: http://yogie-share.blogspot.com
    10 Maret, 2013

    kok saya masih tetep judul nya aja ya ?

  • www.cahtekno.com
    Profil: http://www.cahtekno.com
    07 April, 2013

    kalau ada dua gimana?

  • www.cahtekno.com
    Profil: http://www.cahtekno.com
    07 April, 2013

    kalau data:post.body ada dua gimana?

  • Anonim
    Profil:
    29 April, 2013

    meta open graph itu yg mana?? yg kyak apa gan???

  • Ivan Afifudin
    Profil: https://www.blogger.com/profile/03681350110220878848
    03 Mei, 2013

    mas diletakannya di awal paragraph lewat mode html ya? trus kalo waktu share postingan seringkali gambar yg dipostingan gak keluar juga di facebook ada solusinya gak mas? makasi infonya http://ivanafx.blogspot.com

  • Ian Kelana
    Profil: https://www.blogger.com/profile/01860400291315390343
    28 Mei, 2013

    wah, ketemu juga solusinya... dari kemaren bgung, terma kasih kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      28 Mei, 2013

      hehehhe.... syukur deh :)

  • Anonim
    Profil:
    02 Juni, 2013

    manteb kang, solusi ini banyak membantu blogger lain yg punya masalah yg sama,
    oh iya saya juga punya masalah yg hampir sama. - bedanya kalau coba share link postingan di FB yg muncul cuma judul dan deskripsi Homepage, harusnya khan judul posting disusul deskripsi..

    contoh link: httx://blog.kangismet.net/2011/09/mengatasi-deskripsi-yang-tidak-muncul.html
    harusnya yg muncul : Judul Post ditambah deskripsi Post di bawahnya ..
    tapi ini yang muncul hanya nama blog home page yaitu "kangismet' di tambah deskripsi. itu saja.

    Mohon bantuananya Kang dgn masalah ini? nuhun.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      Harus diaktifkan juga deskripsi penelusuran di dashboard dan postingan sob...

  • Anonim
    Profil:
    03 Juni, 2013

    bagus kang tips nya, saya ada masalah di blog yg pake wordpress kang, bisa bantu gak cara ngatasin deskripsi gak muncul saat di share, selain itu tittle dan gambar juga gak muncul kang, jadi hanya link aja yg muncul, kira2 apanya ya kang?
    thanks atas bantuannya

  • Yori
    Profil: https://www.blogger.com/profile/13120540842947787556
    24 Juni, 2013

    kang saya baru buat blog, dan lngsung costum domain.
    baru beberapa hari.
    pas saya share link artikel saya di fb, yang munncul malah title blog saya, bukan title artikel nya kang, dan deskripsi nya jg bukan deskripsi artikel.

    ini screenshoot nya kang, klo kurang jelas maksud saya. >http://bit.ly/10edSry

    Di tunggu banget jawaban dan cara membenarkan nya kang :(

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      Lumayan juga langkahnya :
      1. Tambahkan meta tag ini http://blog.kangismet.net/2013/06/optimasi-meta-tag-blogger-terbaru.html
      2. Aktifkan Deskripsi penulusuran. Setelan -> Preferensi penelusuran -> Deskripsi nya Edit (aktifkan)
      3. Tulis deskripsi penelusuran pada tiap postingan
      semoga membantu...

  • Unknown
    Profil: https://www.blogger.com/profile/01432169933413780158
    12 Juli, 2013

    wah tetep aja gag bisa kang

  • Unknown
    Profil: https://www.blogger.com/profile/11563570754260078870
    26 September, 2013

    Bukannya pakai Open Graph Kang ? cuman pasang meta tags doang deh :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 September, 2013

      postingannya belom diupdate, ini artikel 2 tahun ke belakang :)

  • http://datydallik.blogspot.com/
    Profil: https://www.blogger.com/profile/00112481327005913165
    09 November, 2013

    mas ada referensi yg laen g? saya sudah coba beberapa kali tapi g berhasil juga.

    • Unknown
      Profil:https://www.blogger.com/profile/02601248956717750087
      25 November, 2013

      iya... sama nih :(

  • Unknown
    Profil: https://www.blogger.com/profile/10367544765406891686
    02 Desember, 2013

    saya coba kang ismet

  • Unknown
    Profil: https://www.blogger.com/profile/08620010289894392839
    19 Desember, 2013

    Bagus banget inputnya kang.....tpi klo msalah saya berbeda....klo share di social media malahan image yang keluar foto profi di google + trus...alias image posting ga muncul....gmana solusinya kang....thanks

  • Yanto cungkup
    Profil: https://www.blogger.com/profile/01168964142948192194
    19 Desember, 2013

    mas kenapa artikel blogku tidak bisa aq share,emang diklik bisa tp cuma loading setelah itu diam gak masuk FB,kucoba like juga gak bisa,tolong dibantu,nih blogku www.wongcungkup.blogspot.com terimkasih sebelumnya

  • Unknown
    Profil: https://www.blogger.com/profile/02512014920872013106
    24 Desember, 2013

    tidak berhasil ni kang, minta penjelasan lebih lanjut
    nih blog ku..
    machmudanlubis.blogspot.com

  • Unknown
    Profil: https://www.blogger.com/profile/13022863165172714609
    08 Januari, 2014

    Bang mau nanya!!!
    Gimana cara menampilkan Gambar mini pada tulisan terbaru ketika saya membagikannya ke facebook.

  • Unknown
    Profil: https://www.blogger.com/profile/02956605428872562944
    13 Januari, 2014

    kang mohon bantuannya donk...
    ini bukan hanya discripsi yg gak muncul tp gambar post malah tampil gambar iklan (bukan gambar posting) waktu saya share k fb.
    coba aja cek http://www.amalussholeh.net/

  • Unknown
    Profil: https://www.blogger.com/profile/08595612789712528389
    16 Januari, 2014

    tq gan infonya, bermanfaat :)

  • Unknown
    Profil: https://www.blogger.com/profile/17559542872162261821
    11 Februari, 2014

    mau tanya kang,,gimana menampilkan foto diartikel kita saat dishare kefb? masalahnya yg kluar mlah foto profilnya

  • Unknown
    Profil: https://www.blogger.com/profile/05546060863777329060
    21 Februari, 2014

    Kalo saya lebih parah lagi, cuma tampil link URL-nya saja....tolong dibantu Kang...Makasih

  • Unknown
    Profil: https://www.blogger.com/profile/01012954195056356938
    22 Februari, 2014

    Komentar ini telah dihapus oleh Unknown sebagai penulis.

  • irwan di
    Profil: https://www.blogger.com/profile/07033246344313157803
    24 Maret, 2014

    kang nanya dong kok di ane punya kalau di share ke FB ada gambar thumbnailnya tapi begitu di share ke G+ malah ga ada gambar thumbnailnya. mohon dong kasi solusinya kalau tau trims

    • Kang Mousir
      Profil:https://www.blogger.com/profile/10482810627709932178
      24 Maret, 2014

      coba pasang meta tag ini biar muncul
      <meta content='http://1.bp.blogspot.com/-UnvLiBZPlh8/Uy61TQ8FBgI/AAAAAAAAAEs/jDtLsyKSBSw/s72-c/Alt.jpg' property='og:image'/>

  • Restika
    Profil: https://www.blogger.com/profile/09257798436069530028
    17 April, 2014

    kok gk bisa2 jugaa di share
    malah klo d share cuma muncul blogger resmi nya, blog sya gk ada sma skali

  • Anonim
    Profil:
    03 Mei, 2014

    Saya juga gitu Kang (http://rumah-cerdas.net). Artkelnya boleh dishare ngga Kang?

  • Unknown
    Profil: https://www.blogger.com/profile/05089641865027587716
    04 Juni, 2014

    Sya udah coba ini semua tapi tetep aja kadang gambar ambil dari sidebar bahkan anehnya ambil dari head, Fb emang sentimen sama google mungkin takut kesaing sama G+ ya ini setingan og saya : <meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>

    <meta expr:content='data:blog.pageTitle' name='keywords'/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <meta content='article' property='og:type'/>

    <meta content='lemott' property='fb:admins'/>
    <meta content='1413994028877258' property='fb:app_id'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

    <meta expr:content='data:blog.pageName' property='og:title'/>

    <b:if cond='data:blog.postImageThumbnailUrl'>

    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>…

  • defantri.com
    Profil: https://www.blogger.com/profile/07126573827912835475
    06 Juni, 2014

    terimakasih kang Ismet :-bd

  • Wasiun mika
    Profil: https://www.blogger.com/profile/06040322863586689509
    24 Juli, 2014

    Ini kasus yang sedang saya alami, saya coba cara pertama dan sedang menunggu hasilnya, terima kasih gan telah membantu mencarikan solusi buat blogku.

  • Unknown
    Profil: https://www.blogger.com/profile/03346950432800284295
    31 Juli, 2014

    Kang... saya pecinta blog semenjak 2007, tapi tidak begitu tertarik dikarenakan kurangnya pemahaman tentang blog, tapi 2014 saya bahkan sangat tertarik berawal dari sering membaca blog akang ini, yang sangat sekali berguna bagi kita semua baik pemula maupun pemain lama dikarenakan banyak sekali info info terbaru yang di berikan di blog ini, saya mungkin terlambat mengenal blog yang sangat keren dan bermanfaat ini.. saya sekarang fans berat blog akang, akang bukan hanya sekedar mengcopas, tapi akang mengajarkan dan mengenalkan kode kode html dan kegunaannya dengan kalimat yang jelas dan baik yang bisa dipahami oleh saya

  • Desain grafis
    Profil: https://www.blogger.com/profile/01076915727605758319
    25 Agustus, 2014

    mas,bagaimana mengatasi "suka artikel ini?bagikan" tidak muncul,cuma muncul tulisan nya.gambar fb,twiter,dll tidak muncul...mohon perbaikan nya,karena saya memakai template droidpluss

  • Jaka Parker
    Profil: https://www.blogger.com/profile/08753440197708928586
    15 September, 2014

    wah masih infonya... saya sedang berusaha nih...kejadian yg sama telah terjadi di postingan saya.. (y) makasih banyak, langsung dicoba nih

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
87 Komentar