Bagaimana "Penerbit Facebook" memilih gambar, judul, dan konten dari situs web bersama?

Ini adalah pertanyaan tentang Penerbit Facebook . Saat saya membagikan tautan, Facebook akan mengambil beberapa teks, judul gambar dari situs dan membuat pratinjau untuk pengguna. Pengguna kemudian dapat mengedit pratinjau, memilih dari salah satu dari beberapa thumbnail yang berbeda, dan kemudian memposting ini ke profil Facebook mereka.

Berikut screenshot untuk mengilustrasikan intinya:

Bagaimana aplikasi Penerbit mengambil gambar dan teks dari Tautan? Apakah ada aplikasi serupa yang berfungsi untuk aplikasi web populer lainnya, aplikasi Google, blog Wordpress, dll?

Saya mengajukan pertanyaan serupa beberapa bulan yang lalu, dan tampaknya Facebook menggunakan oEmbed , tetapi tampaknya oEmbed hanya menyematkan konten. Saya juga membaca bahwa oEmbed hanya berfungsi dengan penyedia oEmbed. Penerbit Facebook bekerja dengan hampir semua situs web.

Facebook akan menggunakan tag meta grafik terbuka apa pun jika ada untuk judul, dan gambar, dll. (Mis., Og: judul). Dokumentasi facebook untuk Open Graph Protocol menjelaskan ini secara lebih rinci:

Protokol Open Graph mendefinisikan empat properti yang diperlukan:

og: title - Judul objek Anda sebagaimana seharusnya muncul dalam grafik, misalnya, "The Rock".

og: type - Jenis objek Anda, misalnya, "film". Lihat daftar lengkap jenis yang didukung.

og: image - URL gambar yang harus mewakili objek Anda dalam grafik. Gambar harus minimal 50px x 50px dan memiliki rasio aspek maksimum 3: 1.

og: url - URL kanonik objek Anda yang akan digunakan sebagai ID permanennya dalam grafik, misalnya, http://www.imdb.com/title/tt0117500/ .

Selain itu, kami telah memperluas data meta dasar untuk menambahkan dua bidang yang diperlukan untuk menghubungkan halaman Anda dengan Facebook:

og: site_name - Nama yang bisa dibaca orang untuk situs Anda, misalnya, "IMDb".

fb: admin atau fb: app_id - Daftar ID pengguna Facebook yang dipisahkan koma atau ID aplikasi Platform Facebook yang mengelola halaman ini. Adalah valid untuk menyertakan fb: admin dan fb: app_id di halaman Anda.

Anda juga disarankan untuk menyertakan properti berikut ini serta properti multi-bagian ini.

og: description - Deskripsi satu atau dua kalimat dari halaman Anda.

Saya tidak yakin bagaimana mereka melakukannya untuk halaman yang tidak memiliki tag ini. Jika Anda mencoba menduplikasi fungsi ini maka ini tidak membantu, maaf. Tetapi jika Anda mencoba untuk memastikan halaman Anda muncul di Publisher seperti yang Anda inginkan maka mungkin ini akan terjadi.

Anda juga dapat menggunakan debugger opengraph facebook, yang akan memberikan info tentang pratinjau Anda serta (sangat berguna) memperbarui tautan cache mereka jika Anda membuat perubahan. Jika tidak, Anda dapat membuat perubahan pada tautan yang ingin Anda bagikan dan perubahan itu tidak akan muncul selama berhari-hari:

https://developers.facebook.com/tools/debug

Untuk memberi tahu Facebook teks dan Gambar mana yang akan diambil, Anda perlu menambahkan kunci meta tertentu di kepala halaman Anda.

    <meta name="title" content="title" />
    <meta name="description" content="description " />
    <link rel="image_src" href="thumbnail_image" / >

Saya telah memposting rinciannya di sini http://umairj.com/2010/10/modify-how-the-share-item-appears-on-facebook/

Apa yang berhasil bagi saya adalah menempatkan gambar mini yang diinginkan pada halaman tepat setelah tag dan membuatnya terlalu kecil untuk dilihat ..

<img src="imagename.jpg" width="1" height="1" />

Saya belum mengujinya dengan tinggi 0 dan lebar 0 tetapi mungkin masih akan berfungsi .. Ini tidak menjamin pengguna akan memilih gambar ini ..

JUGA sepertinya Facebook membuat cache thumbnail di halaman Anda dan tidak selalu memeriksanya untuk yang baru .. coba tambahkan ini ke halaman lain di situs Anda dan Anda akan melihatnya berfungsi.

Semoga ini membantu.

Facebook menggunakan meta tag pada halaman yang Anda bagikan untuk menentukan gambar, judul, dan deskripsi yang ditampilkan saat memposting tautan. Sintaks tag meta mengikuti spesifikasi OpenGraph Facebook .

Tag meta paling penting yang perlu Anda tetapkan adalah:

• <meta property="og:title" content="The title of the sharing preview" />
• $<meta property="og:description" content="The first few lines of content below the title" />
• <meta property="og:image" content="http://site.com/your-image-1200x630px.jpg" />

Ini tentu saja hanya berfungsi jika Anda memiliki kontrol penuh atas situs yang Anda bagikan. Jika Anda berbagi tautan eksternal (seperti artikel berita), Anda tidak memiliki akses ke situs mereka dan karenanya tidak dapat mengubah meta tag. Saya menggunakan ShareKit.io , yang memungkinkan Anda untuk mengubah judul, deskripsi, dan gambar tautan apa pun yang Anda bagikan tanpa harus mengutak-atik tag meta.

Saya akan mengatakan jawaban atas pertanyaan Anda cukup rumit, dan kemungkinan besar juga merupakan rahasia dagang untuk Facebook. Kemampuan mereka untuk memindai URL dan mengambil konten / media yang relevan untuk ditampilkan dalam aliran berita adalah salah satu hal yang membuat layanan mereka begitu unik dan berguna bagi orang sehari-hari yang menggunakan Facebook.

Yang sedang berkata, saya akan mengatakan algoritma tidak akan terlalu rumit, mungkin menggunakan banyak aturan yang sama yang digunakan Google untuk mengikis konten dari situs web (mereka memiliki beberapa rincian umum yang diterbitkan di sini ). Saya pikir kekuatan di balik Penerbit berasal dari banyak trial and error dan pengujian oleh para insinyur Facebook.