Как пометить фотографию для использования в качестве миниатюры, когда страница связана с Facebook

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

Ответ 1

То, что вы хотите, это теги <meta>, которые Facebook определяет в своей документации на Facebook_Share/Specifying_Meta_Tags.

Вы не ставите метаданные вокруг самого изображения, скорее, вы помещаете его в начало документа, например:

<meta name="title" content="The Title Of The Link" />
<meta name="description" content="A description of the link would go here." /> 
<link rel="image_src" href="http://www.example.com/images/image.jpg" />

Ответ 2

Принятый ответ теперь устарел. Новый способ сделать это с открытым графическим тегом, например.

<meta property="og:image" content="http://example.com/picture.jpg" />

Ответ 3

Имейте в виду, что если все не работает, то может быть, вы должны перезагрузить кеш Facebook. http://developers.facebook.com/tools/lint/