Проблема с уменьшением эскиза в Facebook

Возможный дубликат:
Как Facebook Sharer выбирает Изображения?

Хотите иметь миниатюру, когда пользователь делится URL-адресом сайта, используя кнопку совместного доступа на сайте, которая использует http://www.facebook.com/sharer.php для достижения этого.

Доза сайта не имеет img-тегов, все изображения определены в css.

Я добавил метатеги для изображения:

<meta property="og:image" content="/images/branding/branding-logo.png"/>

и

<link rel="image_src" href="/images/branding/branding-logo.png"/>

но он не работает: (

Ответ 1

Используйте полный список Открыть метатеги:

  • og: title - название объекта.
  • og: type - тип объекта. Вы должны выбрать тип из списка типов Open Graph.
  • og: image - URL-адрес изображения, представляющего объект. Изображения должны быть не менее 50 пикселей на 50 пикселей. Квадратные изображения работают лучше всего, но вам разрешено использовать изображения в три раза шире, чем они высоки.
  • og: url - канонический, постоянный URL страницы, представляющей объект. Когда вы используете теги Open Graph, кнопка Like ссылается на ссылку og: ur вместо URL-адреса в коде кнопки Like.
  • og: имя_сайта. Человеко-читаемое имя для вашего сайта, например, "IMDb".
  • fb: admins или fb: app_id - список, разделенный запятыми либо идентификаторами Facebook администраторов страниц, либо идентификатором приложения платформы Facebook. Как минимум, укажите только свой собственный идентификатор Facebook.

Также используйте абсолютные URL вместо относительного!

EDIT:
Обратите внимание, что Facebook кэширует веб-страницы в определенные периоды времени, чтобы сразу не заметить ваши изменения. Хороший способ проверить, действительно ли Facebook/будет принимать ваши изменения, - это подделка параметра в вашем URL-адресе.
например, если ваш URL-адрес читается: http://example.com/index.php
Добавьте что-то вроде: http://example.com/index.php?123, а затем используйте его в URL Linter.;-)

РЕДАКТИРОВАТЬ 2:
Вы можете напрямую использовать Facebook Linter (теперь называемый Отладчик), но имейте в виду, что некоторые данные не могут быть изменены в некоторых случаях, описанных здесь:

Редактирование мета-тегов

Вы можете обновить атрибуты своей страницы, обновив страницу  теги. Обратите внимание: og: title и og: type доступны только для редактирования первоначально - после того, как ваша страница получает 50, нравится, что заголовок становится фиксированным, и после того, как ваша страница получит 10 000 символов, тип станет фиксированным. Эти свойства фиксируются, чтобы избежать неожиданных пользователей, которым понравилось страницу уже. Изменение заголовков или тиков после этих ограничений не достигнуты, ваша страница сохраняет исходное название и тип.

Ответ 2

Вставьте свой ulr здесь https://developers.facebook.com/tools/debug/. Открытый отладочный редактор facebook будет точно знать, что читается на вашей странице. А также обновит кэш facebook вашей страницы, чтобы он мог снова попробовать прочитать изображения.

Ответ 3

Как бы то ни было, вы должны использовать абсолютные URL-адреса или они не будут отображаться. Тег <link> должен работать нормально.