TL; DR: Проблема с изображением социального обмена не с самим Beaver Builder. Это недостающие социальные метаданные. Пара бобровки с плагином SEO, установите пользовательские социальные изображения и опционально отображать изображения в шаблонах бобра, чтобы взять контроль над тем, как выглядит ваш контент в социальных сетях.

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

Если так, то вы не одиноки.

Один пользователь недавно задал этот вопрос в группе Facebook Beaver Buiroder:

«Есть ли у кого-нибудь удобное для бобра, удобное для перекрестного вывода в социальные сети?

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

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

Как исправить неправильное изображение, показывающее, когда я делюсь своей страницей?

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

Beaver Builder не обрабатывает социальные метаданные из коробки. Но с помощью нескольких простых вариантов вы можете исправить проблемы с изображениями в социальных счетах в Beaver Suilder и направлять платформы, чтобы отобразить именно то, что вы хотите:

1. Используйте плагин SEO, чтобы установить пользовательские социальные изображения

Наиболее эффективный способ решить проблемы с социальными обменами изображения в Beaver Builder - это использовать плагин SEO. Некоторые популярные варианты включают:

• Yoast seo
• Ранга математики
• Все в одном SEO

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

Как установить социальный образ в Yoast Seo:

• Откройте свой пост или страницу в редакторе WordPress.
• Нажмите на значок Yoast в верхней навигации.
• Прокрутите вниз и нажмите кнопку «Внешний вид социальных сетей» , чтобы открыть социальные настройки.
• Загрузите свое пользовательское социальное изображение и напишите предпочтительное название и описание .

Это дает вам полный контроль над тем, что Facebook, LinkedIn, X (ранее Twitter) и другие показывают в предварительных просмотрах.

Совет от Beaver Builder Pro (см. № 5 ниже): используйте отладчик Facebook Sharing, чтобы проверить, как появляется ваша страница, и заставит Facebook решать его после внесения изменений.

2. Используйте боверму для вывода избранного изображения

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

Почему этот подход работает:

Шаблоны бобров -строителя часто заменяют вывод темы по умолчанию. Если вы не добавляете избранное изображение в свой макет, оно может не существовать в HTML страницы, и социальные платформы не обнаруживают его.

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

1. Перейти к Beaver Builder> Themer Mayouts .
2. Отредактируйте свой шаблон единственного поста или создайте новый.
3. Добавьте модуль изображений с панелью модулей Beaver Builder (попробуйте использовать строку поиска для поиска «Избранное модуль изображений», если сначала вы не видите его в списке).
4. Позиционировать его стратегически, например, в верхней части страницы или визуально скрыто с помощью CSS, если предпочтительнее.

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

3. Установите изображение по умолчанию по умолчанию (в качестве резервной копии)

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

Зачем использовать изображение по умолчанию?

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

Что делает хорошее изображение по умолчанию?

• Ваш логотип на чистом фирменном фоне
• Generic Blog Graphic с вашим URL и цветами бренда
• Размеры: 1200 × 630 пикселей

Большинство плагинов SEO позволяют загружать изображение по умолчанию в своих глобальных настройках. Перейдите в раздел социальных сетей в настройках вашего плагина и ищите такие параметры, как «изображение по умолчанию» или «Благоприятный образ». Некоторые плагины даже позволяют вам устанавливать различные значения по умолчанию для Facebook и Twitter.

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

4. Советы по оптимизации изображений для социального обмена

Чтобы ваши общие изображения сияли, следуйте этим рекомендациям:

• Размер: 1200 x 630 пикселей (идеально подходит для Facebook и LinkedIn)
• Формат: JPG или PNG
• Соотношение сторон: 1,91: 1
• Меньше текста, больше визуальных эффектов: с тяжелыми текстовыми изображениями могут быть меньше охвата на некоторых платформах.

Технические спецификации глубокое погружение: размер 1200 x 630 пикселей не является произвольным; Это сладкое место, которое работает на нескольких платформах. Facebook рекомендует этот размер, LinkedIn отображает его отлично, а Twitter - это соответствующим образом. В то время как родной формат Twitter отличается (1200 x 675), соотношение сторон 1,91: 1 гарантирует, что ваше изображение хорошо отображается везде.

Размер файла тоже имеет значение. Держите изображения под 1 МБ для более быстрого времени загрузки. JPG лучше всего подходит для фотографий и сложных изображений со многими цветами, в то время как PNG идеально подходит для графики с текстом, логотипами или простыми дизайнами с меньшим количеством цветов.

5. Обновить кеш Facebook с помощью обмена отладчиком

Если ваша страница была передана в Facebook до того, как вы обновили изображение Social Share, Facebook все еще может показать старый. Это происходит потому, что Facebook кэширует метаданные вашей страницы (заголовок, описание и изображение).

Чтобы заставить Facebook использовать ваше обновленное изображение:

1. Посетите отладчик Facebook.
2. Введите URL -адрес своей страницы и нажмите Debug .
3. Просмотрите предварительный просмотр. Если вы видите неправильное изображение, нажмите снова .
4. Facebook освежит свой кэш с помощью ваших последних настроек.

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

Что вы предпочитаете исправить?

Есть ли у вас метод решения для решения проблем с изображением социальной общей работы в Beaver Builder?

Присоединяйтесь к разговору в группе в Facebook: нашли умный специфический для бобровки, специфичный для бобра, мы хотели бы услышать его!

Счастливого здания (и обмена)!