it-swarm.com.ru

Facebook поделиться проблемой с миниатюрами URL

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

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

15
MatejB

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

  • og: title - название объекта.
  • og: type - тип объекта. Вы должны выбрать тип из списка типов Open Graph.
  • og: image - URL-адрес изображения, представляющего сущность. Изображения должны быть не менее 50 на 50 пикселей. Квадратные изображения работают лучше всего, но вам разрешается использовать изображения шириной до трех раз по сравнению с их ростом.
  • og: url - канонический, постоянный URL страницы, представляющей сущность. Когда вы используете теги Open Graph, кнопка «Нравится» публикует ссылку на URL-адрес og: вместо URL-адреса в коде кнопки «Нравится».
  • og: site_name - удобочитаемое имя для вашего сайта, например, "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 Linter . ;-) 

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

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

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

20
ifaour

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

6
Carlos Muñoz

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

0
Manuel Pedrera