Что делать если не подтягивается картинка на фейсбук | Barmazyaka

Что делать если не подтягивается картинка на фейсбук

Что делать если не подтягивается картинка на фейсбук

Что делать если не подтягивается картинка на фейсбук

Довольно часто бывает, что при публикации ссылки на facebook изображение не подтягивается.

Есть несколько причин и соответственно вариантов решения проблемы.

Вариант 1. Причина в кэше facebook.

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

Если вы опубликовали ссылку на запись без картинки, а потом эту картинку добавили, но на facebook она не появилась, то это ваш вариант.

Чтобы картинка отобразилась нужно очистить кэш facebook.

Это делается с помощью специального инструмента Debug. Заходите в инструменты разработчика, вводите вашу ссылку и нажимаете кнопку «Отладка».

Вариант 2. На сайте отсутствует Open Graph

Протокол Open Graph обогащает возможности страницы в социальных медиа. Другими словами, это группа мета-тегов, рассказывающая социальным сетям о содержимом страниц, которыми вы делитесь. Благодаря этому ссылки из набора символов превращаются в понятные заголовки с картинками и пояснениями. Протокол Open Graph был создан Facebook’ом и сейчас регулируется Open Web Foundation.

Мета-теги Open Graph
  • og:title – заголовок страницы. Для него есть ограничение в 65 символов. Напишите что-то длиннее – текст будет обрезан.
  • og:type описывает тип объекта на странице (веб-сайт, блог, книга, фильм и т.д.).
  • og:image — URL изображения, характеризующего страницу.
  • og:url – адрес сайта.
  • og:description – краткое описание страницы длиной не более 300 символов.
  • og:video – если на странице есть видео, здесь прописывается URL.
  • og:locale – язык страницы (ru_RU, en_GB, de_DE, etc.).
  • og:site_name – название сайта.
Использование тегов Open Graph

Чтобы добавить протокол Open Graph, нужно выполнить следующие шаги:

  • Добавить «http://ogp.me/ns#» к тегу html.
  • Вставить мета-теги с их содержимым и атрибутами между тегами head.
  • Использовать min 4 мета-тега Open Graph, которые являются обязательными: og:title, og:type, og:image и og:url.
  • Расширить разметку, если на вашей странице много разнообразного контента.

Вот как будет выглядеть HTML-код.

Для сайта:

Для отдельной записи:

 

Deya

Добавить комментарий