Публикации

Изображения в публикациях со ссылками

Метатег Open Graph

С помощью тега og:image можно указать URL изображения, отображаемого, когда кто-то делится контентом на Facebook. Полный список свойств изображения см. здесь.

Требования

  • Минимально допустимый размер изображения — 200 x 200 пикселей.
  • Размер файла изображения не должен превышать 8 МБ.
  • Для устройств с высоким разрешением используйте изображения размером не менее 1200 х 630 пикселей. Для отображения публикаций страницы со ссылками с изображениями большего размера размер изображений должен быть не менее 600 х 315 пикселей.
  • Если размер изображения меньше 600 x 315 пикселей, оно все равно отобразится в публикации страницы со ссылками, но его размер будет намного меньше.
  • Мы также изменили дизайн публикаций страницы со ссылками, чтобы соотношение сторон изображений было одинаковым как для ПК, так и для мобильных устройств. Попробуйте загружать изображения с соотношением сторон, максимально близким к 1,91:1, чтобы мы могли показать в Ленте полное изображение, не обрезая его.
  • Краулер принимает только кодировки gzip и deflate, поэтому убедитесь, что ваш сервер использует правильную кодировку.

Предварительное кэширование изображений

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

Есть три способа избежать этого и сделать так, чтобы изображения отображались при первом действии "Нравится" или "Поделиться":

  1. Предварительное кэширование изображения с помощью отладчика репостов. Пропустите URL через отладчик URL, чтобы заранее получить метаданные для этой страницы. Этот способ также можно использовать для обновления изображения для части контента.

  2. Предварительное кэширование изображения с помощью API Graph. Выполните принудительный скрапинг URL программным путем с помощью API Graph, чтобы заранее получить метаданные для этой страницы. Этот способ также можно использовать для обновления изображения для части контента.

  3. Используйте теги Open Graph og:image:width и og:image:height. Они передадут краулеру данные о размере изображения, и тот сразу отобразит его. Таким образом изображение не потребуется скачивать и обрабатывать в асинхронном режиме.

Обновление изображений

Мы кэшируем все изображения, на которые есть ссылки, на основе URL каждого изображения, поэтому если вы замените изображение:

  • Используйте для нового изображения новый URL, в противном случае изображение не обновится.
  • Не удаляйте старые изображения, так как могут существовать новости, которые на них ссылаются.
  • Следуйте инструкциям в разделе выше, чтобы убедиться, что краулер скачал новое изображение.

Обратите внимание, что обновление изображения для URL-адреса не приведет к автоматическому обновлению предварительного просмотра для старых публикаций. Для этого необходимо обновить публикацию, как описано здесь.

Устранение неполадок

Если у вас возникли проблемы с некорректным отображением изображений для URL, попробуйте вставить URL изображения в отладчик репостов для поиска ошибок. Если вы считаете, что проблема возникла на нашей стороне, отправьте нам отчет об ошибках.