WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Как установить избранные изображения в качестве эскизов Facebook

23

Хотите, чтобы Facebook использовал ваши изображения?

Это легко сделать, если у вас есть подходящие инструменты.

В этом руководстве по WordPress вы узнаете:

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

Как Facebook узнает, какое изображение использовать?

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

Например, элементы Open Graph на вашей странице могут сообщить Facebook, что такое заголовок, URL-адрес и изображение, которые будут отображаться при публикации на Facebook. Вот как выглядят теги Open Graph в недавнем сообщении блога о Compete Themes:

Как установить избранные изображения в качестве эскизов Facebook

Вы можете увидеть все теги Open Graph, которые начинаются с «og:». В частности, обратите внимание на этот тег «og: image». Именно так вы указываете Facebook, какое изображение использовать в качестве миниатюры при публикации страницы.

Итак, все, что вам нужно, это способ добавить к вашим сообщениям тег изображения Open Graph, который будет автоматически использовать ваше избранное изображение.

Не волнуйтесь, вам не нужно писать код. Вам просто нужен правильный плагин.

Есть два плагина, которые очень хорошо работают для добавления тегов Open Graph. Фактически, у вас может быть уже установлен один из них.

Добавьте Open Graph с помощью Yoast SEO

Вы используете плагин Yoast SEO? Если да, то у вас уже есть все необходимое.

В меню Yoast SEO вы увидите меню социальных настроек, перечисленное здесь:

Как установить избранные изображения в качестве эскизов Facebook

Посетите настройки социальных сетей, а затем перейдите на вкладку Facebook.

Как установить избранные изображения в качестве эскизов Facebook

Наконец, вы увидите возможность включить метаданные Open Graph. Убедитесь, что этот параметр включен, если это еще не сделано.

Как установить избранные изображения в качестве эскизов Facebook

Это все, что вам нужно сделать, чтобы добавить теги Open Graph, необходимые Facebook.

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

Узнайте, как добавить избранные изображения с помощью Challenger

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

Если вы хотите, чтобы Facebook отображал изображения ваших публикаций, но не хотите устанавливать Yoast SEO, используйте вместо этого следующие шаги.

Добавить Open Graph с Thumb Fixer для Facebook

Если вы не хотите использовать Yoast SEO, вы можете вместо этого установить плагин Facebook Thumb Fixer.

Как установить избранные изображения в качестве эскизов Facebook

Thumb Fixer для Facebook автоматически добавляет метаданные Open Graph к вашим сообщениям и страницам. Как и в случае с Yoast SEO, избранные изображения будут использоваться в качестве эскизов на Facebook.

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

Вот настройки, которые этот плагин добавляет в ваше меню общих настроек.

Как установить избранные изображения в качестве эскизов Facebook

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

Facebook не показывает миниатюру!

Вы добавили один из рекомендованных выше плагинов?

Миниатюры все еще не отображаются?

Чтобы исправить это, вы можете выполнить два шага.

Очистите кеш вашего сайта

Если вы используете плагин кеширования, такой как WP Rocket, тогда теги Open Graph могут еще не отображаться на ваших страницах.

Чтобы проверить, были ли добавлены теги, посетите любое сообщение на своем сайте. Щелкните правой кнопкой мыши и выберите параметр «Просмотр источника страницы».

Как установить избранные изображения в качестве эскизов Facebook

Затем используйте cmd + f (ctrl + f) для поиска в источнике страницы следующего текста: og: image.

Вы должны увидеть следующие результаты:

Как установить избранные изображения в качестве эскизов Facebook

Если вы не нашли теги, это означает, что вы просматриваете кешированную версию страницы. Используйте свой плагин кеширования, чтобы очистить кеш и перезагрузить страницу. Затем вы должны увидеть метаданные Open Graph в исходном коде.

Facebook все еще не использует изображение?

Вы очистили кеш и видите теги OG в источнике.

Что, если Facebook по-прежнему не показывает изображение, когда вы делитесь своим постом?

Это означает, что Facebook использует копию сообщения из своего кеша до того, как вы добавили теги Open Graph.

Посетите отладчик Facebook (для доступа к нему вам понадобится учетная запись FB). Введите свой URL-адрес и нажмите кнопку «Отладка». После перезагрузки страницы нажмите кнопку «Получить новую информацию для очистки».

Как установить избранные изображения в качестве эскизов Facebook

Как только вы получите новую информацию о парсите, Facebook заменит свою кэшированную версию свежей парфюмерной страницей, содержащей недавно добавленные данные Open Graph.

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

Этот трюк решает проблему в 99% случаев, поэтому помните об этом, когда FB не отображает ваше изображение должным образом.

Больше оптимизаций для Facebook

Помимо оптимизации вашего сайта с помощью тегов Open Graph, вам также следует оптимизировать свою страницу в Facebook. Например, получение идеального размера обложки для Facebook может помочь с брендингом и вовлечением. Сделайте это своим следующим делом после добавления тегов Open Graphs на свой сайт.

И если вы хотите, чтобы больше людей публиковали ваш контент в Facebook, подумайте о добавлении кнопок социальных сетей во все ваши сообщения WordPress.

Заключение

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

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

У вас есть вопросы о том, как показывать миниатюры Facebook из ваших сообщений WordPress? Оставьте комментарий ниже.

Источник записи: www.competethemes.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее