Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Sabtu, 23 April 2016

Mengatasi Gambar dan Deskripsi Posting/Blog di Facebook

Mengatasi Gambar dan Deskripsi Posting/Blog di Facebook - Hey sobat, masih disini, di acara Tutorial Blogger Everywhere :D, kali ini saya akan membahas mengenai gambar dan deskripsi yang tidak muncul pada saat berbagi postingan di Facebook.

Mengatasi Gambar dan Deskripsi Posting/Blog di Facebook

Mengenai hal ini, banyak sekali bloggers yang tidak mementingkan hal ini, sebenarnya ini sangat penting, apalagi jika ada pengunjung yang membagikan artikel sobat?, lalu pada gambar dan deskripsi di dalam facebook tidak muncul, dan itu membuat bingung para facebookers yang melihat artikel sobat, dan artikel ini adalah jawaban untuk sobat semua yang kebingungan melihat Gambar dan Deskripsi posting atau blog yang tidak muncul di Facebook, simak selengkapnya :

Agar sobat mengerti hal yang mengenai artikel ini, silahkan sobat baca terlebih dahulu :


Cara Kerja Facebook dalam Mengambil Snippet Data Halaman Blog/Web 

Facebook secara rutin mengambil data di dalam halaman dan menyimpannya ke dalam cache. Setelah suatu halaman baru ditemukan pada suatu url posting yang di-share, Facebook melakukan crawl dan menyimpan data-data halaman tersebut, dalam hal ini adalah gambar dan teks. Yang dilakukan pada saat crawl adalah mencari meta data (dalam tag opengraph dan tag-tag lain). Ketika meta data tidak ditemukan, algoritma Facebook akan mengambil data gambar dan teks apapun yg pertama kali ditemukan pada halaman tersebut. Nah, inilah mengapa kadang snippet gambar dan deskripsi yang ditampilkan tidak sesuai.

Memperbaiki Snippet Gambar Agar Sesuai Dengan Gambar/Thumbnail Posting 
Ketika melakukan share manual, Facebook akan menampilkan beberapa gambar yang merupakan opsi (apabila Facebook dapat mengambil beberapa gambar dari halaman tersebut). Anda dapat memilih gambar mana yang hendak ditampilkan dengan menggunakan tombol panah di bawah gambar. Nah, permasalahannya Facebook kadang tidak menemukan gambar yang diinginkan. Pada kasus lain, link kadang tidak dishare secara manual, melainkan melalui Fitur Facebook Like dan Send, Facebook Like Box, dan fitur-fitur otomatis lainnya. Maka, snippet gambar (maupun deskripsi) yg ditampilkan tidak dapat diatur.


Memperbaiki Gambar dan Deskripsi Posting/Blog di Facebook


Untuk menampilkan gambar dan deskripsi posting atau blog di Facebook caranya tidak terlalu sulit :
1. Masuk pada Blogger, lalu klik Template, dan klik Edit HTML
2. Cari kode </head> dan masukan script di bawah ini tepat di atas kode </head>


<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUid3tSuNK5R1xlB6wu8zw9PBewijAFBC4BMbtsvuNZHPBLtB8u4cN4BisYWXx6yU89JT803k9r4lI67POYYz9Zo6dsW6XPGveSVjM0h3kqEA6y8E1sFZZdmObBAakTPI5Z4sycN2y03p8/s1600/buka-rahasia.blogspot.com.jpg' property='og:image'/>
</b:if>


3. Lalu ganti https://lh5.googleusercontent.com/-Qauj-K1fnnE/AAAAAAAAAAI/AAAAAAAACaU/rzyNaqfK1iI/s120-c/photo.jpg  dengan Url foto sobat.
4. Simpan Template.


Memperbaiki Snippet Deskripsi Posting/Halaman Blog



Untuk memperbaiki Snippet deskripsi Posting atau Halaman Blog, sobat diharuskan menerapkan kode <p> dan penutupnya </p> setelah menggunakan kode tersebut maka text/artikel yang ada didalam kode tersebut akan menjadi Thumbnail pada deskripsi posting di Facebook.


Pada intinya, Facebook akan menampilkan thumbnail artikel yang didalam kode <p> yg telah saya ringkas diatas tadi, sebenarnya tidak menggunakan kode <p> diatas juga tidak apa, hanya saja saat sobat melihat thumbnail post pada Facebook hanya akan menampilkan deskripsi Blog sobat.


Hanya itu saja tutorial saya ini, jika ada pertanyaan bisa sobat berkomentar pada kolom yang telah disediakan dibawah ini, terima kasih telah mengunjungi dan memilih blog saya untuk artikel ini, untuk segala kesalahan dan kekurangan saya ucapkan Maaf, Wassalam. 




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP