Как Facebook знает, какой образ должен анализировать из статьи?

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

Когда вы делитесь статьей на стене друзей, facebook возьмет миниатюру статьи. Как они всегда получают правую миниатюру из статей?

Он не захватывает элемент img логотипа http://www.nytimes.com/2010/06/07/world/asia/07convoys.html?hp, а скорее захватывает правильный элемент изображения, соответствующий статье.

Я хочу сделать что-то похожее и задавался вопросом о хорошем способе разбора html, чтобы найти изображение, приведенное в этом примере. Спасибо.

Ответ 1

На самом деле, способ поиска эскизов Facebook не настолько волшебный. Он ищет набор тегов <meta> и <link>, которые определяют, какой заголовок, описание и изображение использовать.

Если он не может найти теги <meta> и <link>, которые он ищет, он в основном просит пользователя выбрать тег <img>.

В случае с NY Times он использует следующее:

<meta name="thumbnail" content="whatever.jpg" />

Facebook рекомендует использовать тэг <link> вместо миниатюры.

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

Источник: Facebok Share/Specification Meta Tags

Ответ 2

Они не всегда захватывают правильное изображение, даже если есть определенная хорошая логика.

Во многих случаях я видел список миниатюр на выбор, то есть анализатор Facebook считал их одинаково релевантными.

Я бы предположил, что они (возможно, между прочим) рассмотрят структуру dom и найдут изображения, близкие к контенту, который выглядит "совместимым".

UPDATE:

После некоторого эмпирического тестирования кажется, что размеры изображения играют большую роль. Изображения, слишком маленькие и слишком широкие, не считаются эскизами. Если ваш логотип имеет нужный размер, ожидайте, что он появится как один из миниатюр. Попробуйте поделиться чем-то на http://www.e24.se, например.

Ответ 3

Это просто догадки, поскольку у меня нет каких-либо знаний о внутренних операциях Facebook, но если бы я разбирал эскизы со страницы, я бы рассмотрел несколько вещей:

Размер изображения, как указано выше
Соответствующие ключевые слова в атрибутах href или alt
Расположение тега <img> на странице, чем ближе к соответствующему контенту, тем лучше, но может не всегда работать для сложных макетов
Отсутствие ключевых слов, относящихся к объявлениям, в теге <img> или близлежащих тегах (наводит на мысль о двойном щелчке)

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