Как исправить сломанные изображения карточек Twitter в WordPress

Хотите исправить сломанные изображения карточек Twitter в WordPress??

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

В этой статье мы покажем вам, как легко исправить сломанные изображения карточек Twitter в WordPress.

Почему изображения карточек Twitter сломаны для некоторых веб-сайтов?

Twitter использует метаданные Open Graph для поиска изображений при совместном использовании ссылки. Это похоже на то, как Facebook (признана экстремистской организацией на территории РФ) показывает миниатюры, когда вы делитесь ссылкой на странице или в группе.

WordPress по умолчанию не поддерживает метатеги Open Graph. Вот почему, когда вы делитесь ссылкой в Twitter, она не всегда отображает изображение карточки Twitter.

Избранное изображение WordPress не отображается должным образом (или не отображается вообще)

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

Учитывая это, давайте рассмотрим, как легко исправить неработающие изображения Twitter Card в WordPress.

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

• Исправьте сломанные изображения карточек Twitter с помощью All in One SEO
• Установка изображения карточки Твиттера по умолчанию
• Установка изображения карточки Твиттера по умолчанию для домашней страницы
• Использование пользовательского изображения карточки Twitter для поста или страницы в WordPress
• Установка пользовательского изображения карточки Twitter для категорий и тегов в WordPress
• Тестирование / устранение неполадок с изображениями карточек Twitter

Исправление сломанных изображений карточек Twitter с помощью All in One SEO для WordPress

Во-первых, вам нужно установить и активировать плагин All in One SEO for WordPress. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

All in One SEO является лучшим плагином WordPress SEO на рынке. Она позволяет легко оптимизировать ваш сайт WordPress для поисковых систем и платформ социальных сетей, включая Twitter.

Примечание: Существует также бесплатная версия All in One SEO, которую вы можете использовать для исправления изображений карточек Twitter. Pro-версия поставляется с более мощными SEO-функциями.

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

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

All in One SEO дает вам полный контроль над тем, какие изображения будут использоваться с карточками Twitter на вашем сайте. Мы проведем вас через все шаги.

Сначала вам нужно добавить URL-адреса ваших профилей в социальных сетях. Это позволит связать ваш сайт с вашим профилем Twitter.

Просто перейдите в раздел Все в одном SEO » Социальные сети страницу и введите URL-адреса профилей ваших социальных сетей, включая Twitter.

Установка изображения карточки Twitter по умолчанию

Далее вам нужно перейти на вкладку ‘Twitter’ и нажать на тумблер рядом с опцией ‘Enable Twitter Card’.

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

В частности, вы захотите изменить ‘Default Post Image Source’. All in One SEO дает вам множество возможностей.

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

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

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

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

После выбора источника изображения Twitter Card по умолчанию, не забудьте нажать на кнопку Save Changes, чтобы сохранить настройки.

Установите изображение карточки Twitter по умолчанию для домашней страницы

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

Если вы не используете статичную домашнюю страницу, то вы можете установить изображение карточки Твиттера по умолчанию прямо на сайте Все в одном SEO » Социальные сети страница под вкладкой Twitter.

Однако если вы используете пользовательскую домашнюю страницу, то вы увидите ссылку для редактирования домашней страницы.

На экране редактирования страницы просто прокрутите вниз до поля «Настройки AIOSEO» под редактором контента. Отсюда вам нужно перейти на вкладку ‘Социальные’, а затем выбрать Twitter.

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

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

Как только вы закончите, не забудьте обновить и сохранить изменения на странице.

Использовать пользовательское изображение карточки Twitter для каждого поста или страницы в WordPress

Многие блоггеры любят создавать пользовательские изображения для социальных сетей для различных платформ, таких как Facebook (признана экстремистской организацией на территории РФ), Twitter, Pinterest и т.д.

All in One SEO позволяет легко отменить стандартные настройки изображения карточки Twitter и предоставить пользовательское изображение для любого поста или страницы.

Просто отредактируйте пост или страницу и прокрутите вниз до поля «Настройки AIOSEO» под редактором контента. Отсюда вам нужно перейти на вкладку ‘Social’, а затем выбрать ‘Twitter’.

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

Вы можете выбрать один из нескольких вариантов или выбрать ‘Custom Image’, чтобы загрузить новое изображение Twitter.

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

После завершения не забудьте обновить или опубликовать пост / страницу, чтобы сохранить изменения.

Установка пользовательского изображения карточки Twitter для категорий и тегов в WordPress

Подобно постам и страницам, All in One SEO также упрощает загрузку пользовательского изображения для отдельных категорий, тегов, категорий товаров (если вы используете WooCommerce) и других таксономий.

Просто перейдите в раздел Посты » Категории и нажмите на ссылку «Редактировать» под категорией, в которую вы хотите загрузить пользовательское изображение карточки Твиттера.

Это приведет вас к экрану «Редактировать категорию», где вам нужно прокрутить вниз до поля «Настройки AIOSEO». Отсюда переключитесь на вкладку ‘Social’ и выберите в ней ‘Twitter’.

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

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

Как только вы закончите, не забудьте нажать кнопку «Обновить», чтобы сохранить изменения.

Тестирование / устранение неполадок с изображениями карточек Twitter

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

Просто скопируйте URL страницы или сообщения, которое вы хотите проверить, а затем перейдите на сайт Twitter Card Validator. Вставьте URL-адрес в поле URL-адрес карточки и нажмите на кнопку «Предварительный просмотр карточки».

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

Устранение проблем с неработающими изображениями карточек Twitter в WordPress

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

Очистить кэш WordPress

Наиболее вероятной причиной неработающих изображений Twitter являются плагины кэширования WordPress. Даже если вы установили изображение карточки Twitter в All in One SEO, ваш плагин кэша может показывать устаревшую версию.

Чтобы исправить это, вам нужно очистить кэш WordPress, а затем снова протестировать с помощью инструмента Twitter Card Validator.

Выберите правильный размер изображения

Убедитесь, что изображение, которое вы выбрали для использования в качестве карточки Twitter, не слишком маленькое и не слишком большое. Twitter рекомендует использовать изображения размером не менее 144 x 144 пикселей и размером менее 5 МБ.

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

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

Источник: www.wpbeginner.com