Как мне запретить отображение изображения в виде миниатюр, когда мой сайт доступен в Facebook?

#facebook #html

#Facebook #HTML

Вопрос:

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

Так, например, это должно отображаться как опция:

 <img src="logo.png" />
  

Но я бы хотел, чтобы другие изображения игнорировались:

 <img src="news1.jpg" />
<img src="news2.jpg" />
<img src="footerDetail.jpg" />
  

Ответ №1:

Эй, это довольно просто, вам просто нужно указать и открыть метатег graph на вашей странице.

Для вас это было бы так же просто, как добавить это в заголовок вашей страницы :

 <meta property="og:image" content="YOUR_IMAGE_URL"/>
  

Вы можете найти полную ссылку на метатеги open graphs здесь :http://developers.facebook.com/docs/opengraph

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

(Вам нужно протестировать это, используя вторую ссылку, чтобы facebook обновил свою кэшированную информацию о вашем сайте).

Приветствия 🙂

Комментарии:

1. На самом деле я вижу, что я действительно не ответил на ваш вопрос: чтобы предотвратить отображение изображения, вы должны указать ДРУГОЕ изображение, используя метод, описанный выше. Вы также можете указать несколько og:image , и вы сможете выбрать, какое из них будет использоваться при публикации ссылки.

Ответ №2:

Только что сделал это для другого приложения: ссылки opengraph на самом деле у меня не работали.

Сработало добавление строки, подобной этой

 <link rel="image_src" href="http://{site hostname}/{path to icon}" />
  

в начало страницы. Я все равно добавил теги opengraph, но пока image_src работает отлично.