Nah, masalahnya, dalam beberapa kendala tertentu, Facebook gagal mengidentifikasi dan merender snippet-snippet tersebut, sehingga deskripsi dan gambar yang ditampilkan tidak cocok dengan isi halaman posting. Kasus ini banyak terjadi khususnya pada halaman blog berplatform Blogger. Tentunya ini tidak diperlukan alasannya sanggup menghancurkan dan meminimalisir pesona postingan yang di-share. Ada satu hadirin blog ini yang menanyakan ihwal kendala snippet di Facebook yang kadang gagal ditampilkan atau timbul dengan gambar dan deskripsi yang salah. Ada beberapa tips yang akan saya share disini selaku kerja keras untuk menanggulangi hal tersebut.
Cara Kerja Facebook dalam Mengambil Snippet Data Halaman Blog/Web
Facebook secara berkala mengambil data di dalam halaman dan menyimpannya ke dalam cache. Setelah sebuah halaman gres didapatkan pada sebuah url posting yang di-share, Facebook melakukan crawl dan menyimpan data-data halaman tersebut, dalam hal ini yakni gambar dan teks. Yg dijalankan pada di saat crawl yakni 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 didapatkan 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 memperlihatkan beberapa gambar yang ialah pilihan (apabila Facebook sanggup mengambil beberapa gambar dari halaman tersebut). Anda sanggup memutuskan gambar mana yang akan ditampilkan dengan menggunakan tombol panah di bawah gambar. Nah, permasalahannya Facebook kadang tidak mendapatkan gambar yang diinginkan. Pada kendala lain, link kadang tidak dishare secara manual, melainkan lewat Fitur Facebook Like dan Send, Facebook Like Box, dan fitur-fitur otomatis lainnya. Maka, snippet gambar (maupun deskripsi) yg ditampilkan tidak sanggup diatur.
Untuk menjajal mengatasi gambar yang salah ditampilkan, kita sanggup menggunakan meta opengraph (og image property), yang diberikan perintah b if conditional guna mengkhususkan pada thumbnail post.
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
Tetapi bagaimana dengan posting yang tidak mempunyai gambar di dalamnya? Solusinya yakni dengan menyertakan meta tag opengraph gres yang dibarengi dengan default image atau gambar yg akan digunakan selaku snippet, dengan sebelumnya menggunakan tag b else. Jadinya:
<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/AVvXsEieE-YEDj7iJowrRYKKcI2NzAntfbczDAVqcNeI7Ch-6DVFlBF520Lu_gtrxIApB8SOC3wPH-qJpuqv8ypw56_dYua3bop5MDPETmo3ggmRnqi2WJmaw7_bFXbEECZ4WB3BbxKvEjzvxVfp/s1600/buka-rahasia.blogspot.com.jpg' property='og:image'/></b:if>
- Copy instruksi di atas; ganti url gambar (hijau) dengan url gambar default anda sendiri.
- Masuk ke Dashboard > Design/Template > Edit HTML/Edit Template
- Letakkan di atas </head>
- Save template.
Memperbaiki Snippet Deskripsi Posting/Halaman Blog
Kasus ini terjadi di saat Facebook tidak dapat membaca atau mengerti konten, struktur halaman blog/web dan, meta data. Sayangnya, Blogger tidak mempunyai tag snippet posting selain di dalam widget posting blog (bagian posting [blog post] juga ialah widget loh), sehingga kita tidak sanggup memasukkan meta tag dengan menggunakan valid HTML. Selanjutnya, di saat Facebook tidak mendapatkan meta data, maka Facebook umumnya menggunakan paragraph pertama yang ditemukan. Paragraph menggunakan tag <p>. Nah, sayangnya lagi nih, fitur posting editor blogger tidak menggunakan default tag paragraph (p), melainkan division (tag <div>). Sehingga di dalam posting Blogger, jarang sekali didapatkan paragraph, kecuali yg disertakan sendiri (menambahkan tag <p> secara manual). Berbeda dengan WordPress yang menggunakan tag <p> selaku default text formation. Makara solusi biar deksripsi yang di Facebook sesuai, tambahkan tag <p> secara manual, setidaknya pada paragraf paling awal/atas pada setiap posting.
Bagaimana cara menambahkannya?
- Ketika sedang menghasilkan atau mengedit posting, pilih mode "Edit HTML" di sebelah "Compose". Letaknya di pojok kanan atas editor posting.
- Masukkan tag <p> beserta penutupnya </p> pada bab teks yang akan dijadikan paragraf. Contoh:
<p>Backlink yakni poin penting yg diperlukan oleh setiap blog/website dalam rangka berkompetisi dengan blog/website lain di search engine. Itulah mengapa link building senantiasa disebut-sebut & sering timbul dalam SEO.</p>Setelah itu jangan kembalikan ke "Compose", alasannya tag p akan dikembalikan menjadi div. Hmmm, cukup sukar juga bukan? Hehe. Alternatifnya, akan sungguh mudah jikalau menggunakan Windows Live Writer. Fitur Editing Controls-nya sanggup digunakan untuk menertibkan default text formation sehingga tag <p> sanggup digunakan secara otomatis.
Setelah, melakukan tahap-tahap di atas, gunakan alat debugger Facebook untuk membersihkan cache pada server Facebook > debugger tool. Barulah mulai share posting lagi.
Nah, dengan dua cara di atas setidaknya kendala snippet gambar dan deskripsi yang salah di saat sebuah halaman blog/web di-share di Facebook sanggup diminimalisir.
Cukup rumitkah?
Jika iya, ada satu alternatif lain yang sanggup digunakan untuk melakukan share post modern di Facebook secara otomatis, terjadwal, dan dengan gambar dan deskripsi yang benar. Simak Autopost ke Facebook dengan RSSGraffiti.
Have a nice Blogging and Promoting!
Regards,
