Как «Facebook Publisher» выбирает изображение, заголовок и контент с общего веб-сайта?

Это вопрос о Facebook Publisher . Когда я делюсь ссылкой, Facebook получит какой-то текст, заголовок, изображение с сайта и создаст предварительный просмотр для пользователя. Затем пользователь может отредактировать предварительный просмотр, выбрать один из нескольких разных эскизов, а затем опубликовать его в своем профиле Facebook.

Вот скриншот, чтобы проиллюстрировать это:

Как приложение Publisher получает изображения и текст из ссылки? Существуют ли похожие приложения, которые работают для других популярных веб-приложений, любых приложений Google, блогов Wordpress и т. Д.?

Я задал похожий вопрос несколько месяцев назад, и похоже, что Facebook использует oEmbed , но, похоже, что oEmbed только встраивает контент. Я также читал, что oEmbed работает только с провайдерами oEmbed. Facebook Publisher работает практически со всеми веб-сайтами.

Facebook будет использовать любые метатеги открытого графика, если они присутствуют для заголовка, изображения и т. Д. (Например, og: title). Документация Facebook для Open Graph Protocol объясняет это более подробно:

Протокол Open Graph определяет четыре обязательных свойства:

og: title - название вашего объекта, как оно должно отображаться на графике, например, «The Rock».

og: type - тип вашего объекта, например, «фильм». Смотрите полный список поддерживаемых типов.

og: image - URL изображения, который должен представлять ваш объект на графике. Изображение должно быть не менее 50 на 50 пикселей и иметь максимальное соотношение сторон 3: 1.

og: url - канонический URL-адрес вашего объекта, который будет использоваться в качестве его постоянного идентификатора на графике, например, http://www.imdb.com/title/tt0117500/ .

Кроме того, мы расширили базовые метаданные, добавив два обязательных поля для связи вашей страницы с Facebook:

og: site_name - удобочитаемое имя для вашего сайта, например, «IMDb».

fb: admins или fb: app_id - разделенный запятыми список идентификаторов пользователя Facebook или идентификатора приложения платформы Facebook, который администрирует эту страницу. Допустимо включать как fb: admins, так и fb: app_id на вашу страницу.

Также рекомендуется включить следующее свойство, а также эти свойства, состоящие из нескольких частей.

og: description - описание вашей страницы в виде одного-двух предложений.

Я не уверен, как они это делают для страниц, на которых нет этих тегов. Если вы пытаетесь продублировать эту функцию, это не поможет, извините. Но если вы пытаетесь сделать так, чтобы ваши страницы отображались в издателе так, как вы хотите, возможно, так и будет.

Вы также можете использовать отладчик opengraph на Facebook, который предоставит информацию о вашем предварительном просмотре, а также (очень удобно) обновит их кэшированную ссылку, если вы внесете изменения. В противном случае вы можете внести изменения в ссылку, которой хотите поделиться, и эти изменения не будут отображаться в течение нескольких дней:

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

Чтобы сообщить Facebook, какой текст и изображения нужно подбирать, вам нужно добавить определенные мета-ключи в заголовке вашей страницы.

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

Я разместил его подробности здесь http://umairj.com/2010/10/modify-how-the-shared-item-appears-on-facebook/

Для меня работало размещение нужного миниатюрного изображения на странице сразу после тега и слишком маленькое, чтобы его можно было увидеть.

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

Я не проверял его с высотой 0 и шириной 0, но он, вероятно, все еще будет работать .. Это не гарантирует, что пользователь выберет это изображение ..

ТАКЖЕ похоже, что Facebook кэширует миниатюры на вашей странице и не всегда проверяет их на наличие новых .. попробуйте добавить это на другую страницу вашего сайта, и вы увидите, что это работает.

Надеюсь это поможет.

Facebook использует мета-теги на странице, которой вы делитесь, чтобы определить, какое изображение, заголовок и описание показывать при публикации ссылки. Синтаксис метатега соответствует спецификации OpenGraph Facebook .

Наиболее важные метатеги, которые вам нужно определить:

• <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" />

Это, конечно, работает, только если у вас есть полный контроль над сайтом, которым вы делитесь. Если вы делитесь внешней ссылкой (например, новостной статьей), у вас нет доступа к их сайту и, следовательно, вы не можете изменять метатеги. Я использую ShareKit.io , который позволяет вам изменять заголовок, описание и изображение любой ссылки, которой вы делитесь , без необходимости использовать мета-теги.

Я бы сказал, что ответ на ваш вопрос довольно сложный, а также, скорее всего, секрет коммерческой тайны для Facebook. Их способность сканировать URL-адреса и подбирать релевантный контент / мультимедиа для отображения в потоке новостей - одна из вещей, которая делает их сервис настолько уникальным и полезным для обычного человека, который использует Facebook.

При этом я бы сказал, что алгоритм не будет ужасно сложным, он, вероятно, использует множество тех же правил, которые Google использует для очистки контента с веб-сайтов (у них есть некоторые общие подробности, опубликованные здесь ). Я думаю, что сила, лежащая в основе Publisher, заключается в большом количестве проб и ошибок, а также в тестировании инженерами Facebook.