Проблема с миниатюрой URL-адреса общего доступа Facebook [дубликат]

StackOverflow https://stackoverflow.com/questions/4967979

Вопрос

Возможный дубликат:
Как 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"/>

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

Это было полезно?

Решение

Используйте полный список Мета-теги открытого графика:

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

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

РЕДАКТИРОВАТЬ:
Пожалуйста, обратите внимание, что Facebook кэширует веб-страницы на определенные периоды, поэтому вы можете не сразу заметить свои изменения.Хороший способ проверить, действительно ли Facebook принимает ваши изменения, - это подделать параметр в вашем URL.
например, если ваш URL-адрес гласит: http://example.com/index.php
Добавьте что-нибудь вроде: http://example.com/index.php?123 а затем использовать его в Компоновщик URL-адресов. ;-)

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

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

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

Другие советы

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top