БЛОГ 2410

Как исправить ошибку Facebook с неправильным эскизом в WordPress

Как исправить ошибку Facebook с неправильным эскизом в WordPress
Обсудим ваш проект?

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

Вы заметили неправильный эскиз сообщения, когда делитесь своими статьями в Facebook?

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

В этой статье мы покажем вам, как исправить проблему неправильных миниатюр Facebook в WordPress.

Исправление проблемы с неправильными миниатюрами Facebook в WordPress
Исправление проблемы с неправильными миниатюрами Facebook в WordPress Изображение с сайта wpbeginner.com

Почему Facebook не использует миниатюру

Существует множество причин, по которым Facebook может некорректно отображать изображение функции в вашем сообщении.

Одна из наиболее распространенных причин - наличие нескольких изображений, установленных в теге og: Image, где ваше избранное изображение меньше других изображений.

Facebook использует теги Open Graph (og), и многие плагины WordPress, такие как AIOSEO и Yoast SEO, автоматически добавляют их на ваш сайт, чтобы предотвратить проблему с отсутствующими эскизами.

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

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

При этом давайте взглянем на некоторые способы исправить проблему с неправильным эскизом Facebook.

Выберите свой значок в Facebook с AIOSEO

Один из способов показать нужную миниатюру - использовать плагин AIOSEO. Это лучший плагин WordPress для SEO на рынке, который позволяет легко оптимизировать контент для поисковых систем и сайтов социальных сетей.

Мы покажем вам, как это сделать с помощью бесплатной версии AIOSEO. Если вы хотите разблокировать больше возможностей SEO и привлечь больше трафика на свой сайт, вам стоит попробовать AIOSEO pro. Смотрите наш полный обзор AIOSEO для более подробной информации.

Во-первых, вам необходимо установить и активировать AIOSEO. Вот наше полное руководство по установке плагина WordPress.

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

Вкладка социальных настроек AIOSEO
Вкладка социальных настроек AIOSEO Изображение с сайта wpbeginner.com

Прокрутите немного вниз, и вы увидите раскрывающееся меню «Источник изображения», где вы можете выбрать эскиз изображения для Facebook. Например, вы можете выбрать использование избранного изображения или загрузить собственное изображение для использования вместо него.

Выберите, какое изображение WordPress использовать в качестве миниатюры Facebook
Выберите, какое изображение WordPress использовать в качестве миниатюры Facebook Изображение с сайта wpbeginner.com

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

Вот как выглядит наш пост:

Фиксированная миниатюра All In One SEO
Фиксированная миниатюра All In One SEO Изображение с сайта wpbeginner.com

Совет для профессионалов: если это не сработает, убедитесь, что вы очистили кеш WordPress и обновили сообщение в инструменте отладки Facebook, упомянутом ниже в статье.

Выберите свой значок Facebook с помощью плагина Yoast SEO

Плагин Yoast SEO также позволяет добавлять пользовательские миниатюры Facebook к каждому отдельному сообщению или странице.

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

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

Изображение Yoast в Facebook
Изображение Yoast в Facebook Изображение с сайта wpbeginner.com

Вот как выглядит эскиз Facebook для нашей статьи о том, как начать блог:

Миниатюра изображения Yoast Facebook
Миниатюра изображения Yoast Facebook Изображение с сайта wpbeginner.com

Использование инструмента отладки Facebook для очистки кеша

Если вы добавили правую миниатюру, а Facebook по-прежнему не показывает ее, проблема связана с кешированием.

Сначала вам нужно убедиться, что вы очистили кеш страниц в WordPress.

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

Инструмент отладки Facebook - это самый простой способ устранить проблемы с эскизами Facebook.

Просто скопируйте URL-адрес вашего сообщения WordPress и вставьте его в инструмент отладки.

Инструмент отладки Facebook
Инструмент отладки Facebook Изображение с сайта wpbeginner.com

После этого нажмите кнопку «Очистить снова», и Facebook обновит миниатюру вашего сообщения. Иногда вам может потребоваться дважды нажать кнопку «Очистить заново».

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

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

Контакты
Как исправить ошибку Facebook с неправильным эскизом в WordPress | Блог 2410

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее