Deskripsi Dan Gambar Artikel Tidak Muncul Saat Share - 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..
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 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…
Gambar Dan Deskripsi 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 == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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 == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mghhf5N4ETpWSkZyc19CfzgWh5Nj50YxHJV-J_kwGTn5Nx899LlIl9U-cu99AtUJhKP6LEgIknL2tXtnZ2nQqHPLswNnSI0qCKnUNnVnNUiD6c9-fcNbXIOU5rzGE6eC_GMpjW9r6e8p/s1600/perbedaan+php+4+dan+php+5.jpg' property='og:image'/>
<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' 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 masinguntuk
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 penelusuran 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 artikel blog ke
facebook yang tidak muncul…
Semangat nulis dan happy blogging
<strong></strong>or<b></b>.<em></em>or<i></i>.<u></u>.<strike></strike>.<code></code>or<pre></pre>or<pre><code></code></pre>.And use parse tool below to easy get the style.
Show Parser Hide Parser