Как я могу установить изображение сайта, которое будет отображаться в качестве предварительного просмотра на Facebook? - PullRequest
Новая
       22

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

147 голосов
/ 14 июля 2011

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

Ответы [ 3 ]

227 голосов
/ 14 июля 2011

1.Включите расширение пространства имен Open Graph XML в ваше объявление HTML 

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

2.Внутри вашего <head></head> используйте следующий метатег, чтобы определить изображение, которое вы хотите использовать 

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

Подробнее о протоколе открытого графика здесь.

После того, как сделает вышеописанное, используйте Facebook «Object Debugger» , если изображение не отображается правильно.Также обратите внимание, что в первый раз, когда он был опубликован, он по-прежнему не будет отображаться, если только не указана высота и ширина, см. Поделиться на Facebook - миниатюра не отображается в первый раз

4 голосов
/ 20 сентября 2016

Обратите внимание, что если у вас WordPress, просто прокрутите вниз до нижней части веб-страницы в режиме редактирования и выберите «Featured Image» (нижняя правая часть экрана).

1 голос
/ 08 декабря 2016

Если вы используете Weebly , начните с просмотра опубликованного сайта и щелкните правой кнопкой мыши изображение, чтобы скопировать адрес изображения. Затем в Weebly, зайдите в Редактировать сайт, Страницы, нажмите на страницу, которую вы хотите использовать, Настройки SEO, под заголовком Код введите код из ответа Шефа: 

<meta property="og:image" content="/uploads/..." />

просто заменив / uploads / ... на адрес скопированного изображения. Нажмите «Опубликовать», чтобы применить изменения.

Вы можете пропустить часть ответа Шефа о пространстве имен, потому что это уже установлено по умолчанию в Weebly.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...