Deskripsi Dan Gambar Artikel Blog Tidak Muncul Saat Share Ke Sosial Media


Deskripsi Dan Gambar Artikel Tidak Muncul -  Setiap selesai menulis dan menerbitkan konten artikel di dalam blog, maka hal wajib yang harus di lakukan adalah melakukan promosi artikel ke media sosial..

Bagi saya pribadi..

Ketika artikel di baca oleh seseorang maka di dalam hati akan timbul suatu kebanggaan tersendiri…

Selalu terfikir bahwa hal yang kita tulis bisa di hargai dan di baca orang banyak…

Namun terkadang saat ingin share artikel di media sosial terlebihnya facebook biasanya terdapat masalah yaitu gambar atau deskripsi artikel yang kita tulis tidak muncul..

Kenapa bisa seperti itu..?

biasanya ada template yang baru kita gunakan mengalami kendala error, deskripsi tidak jelas, judul blog bertuliskan xxxxx, bahkan gambar artikel yang kita bagikan ke facebook tidak sesuai dengan gambar yang ada di postingan…

Ketika terjadi seperti itu, maka minat seseorang yang kebetulan melihat artikel kita di facebook itu menjadi menurun atau terlihat kurang menarik..

Lalu sebenarnya apa yang terjadi ??

Dan bagaimana supaya gambar dan deskripsi bisa tampil sesuai?

Mari sedikit saya jelaskan dulu biang dari masalah tersebut..

Sebenarnya pokok dari permasalahan yang biasa saya temui adalah error nya script kode open graph yang ada di template.

Apa itu open graph facebook??

Open graph facebook adalah kode meta html yang digunakan di sebuah template baik itu ber-platform blogspot, wordpress atau yang lainnya yang berguna untuk mengenali suatu halaman website…

Kode tersebut akan di kenali oleh plugin facebook untuk menggali informasi suatu halaman yang nantinya mampu untuk di tampilkan di halaman facebook…

Nahh ketika kode meta html yang kita gunakan tidak bekerja sebagaimana mestinya maka plugin facebook juga tidak akan mampu membaca informasi dari halaman blog kita…

Nah cara mengatasi hal di atas cukup mudah berdasarkan pengalaman yang pernah saya alami…

Mengatasi Error Saat Share Artikel Di Facebook

Oke mari pertama Anda login seperti biasa dulu ke akun blog masing-masing..

Masuk ke menu tema dan edit html…

Cari kode sperti di bawah ini yang terletak di dalam <head></head> dan biasanya di bagian paling atas..

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='562901580420523' property='fb:app_id'/>
<meta content='100005787193074' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>


Hapus saja kode sperti itu dan ganti dengan yang di bawah ini..

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://3.bp.blogspot.com/-5s_jn7r6obA/WMXmCxAfdgI/AAAAAAAAB6U/BVuQirOEXpYRlAlPBMZwGTFIivQ1izVtgCEw/s1600/perbedaan%2Bphp%2B4%2Bdan%2Bphp%2B5.jpg' property='og:image'/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta content='deskripsi blog' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='2224981314394198' property='fb:app_id'/>
<meta content='100001509195350' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

Penjelasan..

untuk <meta content='deskripsi blog' : bisa Anda ganti saja dengan deskripsi blog masing masing

untuk 
<meta content='2224981314394198' : di ganti dengan app id facebook Anda yang bisa di buat di facebook developer

untuk <meta content='100001509195350'   : di ganti dengan id admins facebook Anda yang bisa di buat di findmyfbid.com

Setelah Anda melakukan langkah di atas lanjutkan masuk ke halaman facebook debugger dengan alamat ini developers.facebook.com/tools/debug/ untuk mengetahui apakah meta html yang kita buat berjalan baik atau tidak…



Pastikan Anda telah mengisi kotak deskripsi penulusuran artikel yang ada di samping kanan pada halaman entri baru di dalam akun blog…lihat gambar…


Jika dirasa Anda telah mengisinya di setiap postingan maka klik tombol “kurangi lagi” yang ada di hahalam fb debugger kemudian klik debug lagi, ulangi beberapa kali hingga gambar dan deskripsi artikel muncul di “pertinjau tautan”…




Nah sampai di sini semoga tutorial ini berhasil membantu Anda untuk mengatasi masalah deskripsi dan gambar share post blog ke facebook yang tidak muncul…

Semangat nulis dan happy blogging

Reaksi:
Share this with short URL:

Artikel Terkait Lainnya:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser