Вы хотите добавить карточки Twitter на свой сайт WordPress?? Twitter Cards — это изображения и описания, которые появляются в Twitter, когда кто-то делится вашим контентом.
Это поможет вам контролировать, как ваши твиты будут выглядеть в Twitter, получать благодарности за автоматическое включение вашего имени в твит и повышать вовлеченность пользователей.
В этой статье мы покажем вам, как добавить Twitter Cards в WordPress, чтобы ваши твиты выделялись на фоне других.
Зачем использовать карточки Twitter в WordPress?
Карточки Twitter позволяют добавить заголовок, краткое содержание, изображение, а также видео- или аудиофайл к вашему твиту. Таким образом, вы с большей вероятностью получите больше кликов и ретвитов.
Вы можете увидеть живой пример, перейдя на нашу страницу в Twitter.
Самым большим преимуществом наличия Twitter Cards является то, что они увеличивают количество людей, следующих за вашими аккаунтами в Twitter, благодаря атрибуции контента. Часто люди публикуют в Твиттере ваши ссылки, не отдавая вам должное.
Руководство для начинающих о том, как добавить карточки Twitter в WordPress
Например, @syedbalkhi ретвитит пост от @wpbeginner без указания авторства, а другие люди ретвитят @syedbalkhi. Тогда пользователи, просматривающие эти ретвиты, с большей вероятностью последуют за @syedbalkhi, чем за @wpbeginner.
Часто кураторы контента делают это, чтобы сократить длину твитов и обеспечить ретвиты своих собственных твитов.
С помощью Twitter Cards эта проблема решается, поскольку вы получаете кредит на свой сайт с каждого твита, в котором упоминается ваша статья.
Теперь, когда вы знаете о преимуществах карточек Twitter, давайте рассмотрим, как реализовать их в WordPress.
Метод 1: Используйте плагин AIOSEO для добавления карточек Twitter
Самый простой способ добавить Twitter Cards на ваш сайт — использовать плагин All in One SEO (AIOSEO) для WordPress. Это лучший плагин WordPress SEO, который используют более 2 миллионов сайтов.
Во-первых, вам нужно установить и активировать плагин AIOSEO. Для получения более подробной информации следуйте нашему пошаговому руководству по установке плагина WordPress.
Вы можете использовать бесплатную версию AIOSEO, поскольку она предлагает функцию установки Twitter Cards на вашем сайте WordPress.
После того, как плагин активирован, перейдите в область администрирования WordPress и перейдите в раздел Все в одном SEO » Социальные сети. Затем перейдите на вкладку ‘Twitter’ и убедитесь, что опция ‘Enable Twitter Card’ включена.
После включения Twitter Cards вы можете изменить их внешний вид с помощью различных настроек.
AIOSEO позволяет вам выбрать тип карточки по умолчанию для вашего контента. Плагин установит ‘Summary’ в качестве типа карточки по умолчанию, который показывает заголовок, краткое содержание и уменьшенное изображение для вашего контента.
Однако вы можете изменить его на «Резюме с большим изображением» из выпадающего меню, и Twitter покажет ваш твит с большим изображением.
После этого вам нужно выбрать источник изображения поста по умолчанию. Это изображение, которое вы хотите отобразить в своих карточках Twitter.
В выпадающем меню можно выбрать различные варианты. Например, вы можете загрузить или выбрать изображение по умолчанию, которое будет отображаться в карточке Twitter, или выбрать главное изображение, прикрепленное изображение, первое изображение в содержимом и т.д.
Затем добавьте изображение Твиттер-карточки поста по умолчанию, которое будет использоваться в качестве запасного варианта на случай, если у вашего контента не будет изображения.
Например, если источником изображения в вашем посте является главная картинка, но в посте отсутствует главная картинка, то Twitter будет использовать вместо нее изображение по умолчанию.
Кроме того, AIOSEO предлагает больше опций для отображения дополнительных данных, таких как автор поста и время, необходимое для прочтения статьи.
Также есть возможность установить источник изображения термина по умолчанию, но для использования этой функции вам потребуется лицензия AIOSEO Pro или более поздняя.
Теперь, если вы прокрутите страницу вниз, вы увидите настройки домашней страницы для Twitter. Плагин покажет предварительный просмотр того, как ваша домашняя страница будет выглядеть в Twitter Card.
В этом разделе вы можете изменить тип карточки и добавить изображение главной страницы. Это похоже на шаги, которые мы показывали ранее, но единственная разница в том, что эти настройки предназначены для вашей главной страницы.
Далее введите название и описание главной страницы, которые будут отображаться на карточке Твиттера.
Как только это будет сделано, нажмите кнопку «Сохранить изменения».
Помимо этого, AIOSEO также позволяет изменять настройки Twitter Card для отдельных постов и страниц.
Для этого отредактируйте любой пост или страницу блога, а затем прокрутите вниз до настроек AIOSEO в редакторе контента. Теперь перейдите на вкладку ‘Social’ и выберите ‘Twitter’.
Плагин покажет предварительный просмотр Twitter Card вашего поста и даст вам возможность использовать данные из вкладки Facebook (признана экстремистской организацией на территории РФ). Он также позволяет редактировать заголовок и описание Твиттера.
Вы можете написать новый заголовок и описание или использовать смарт-теги. Например, если вы используете тег ‘+ Post Title’ в разделе Twitter Title, AIOSEO будет автоматически использовать заголовок вашего поста в карточке Twitter Card.
После этого прокрутите вниз и выберите источник изображения для вашей карточки Твиттера. Используйте выпадающее меню, чтобы выбрать изображение, которое вы хотите отобразить для своего поста, например, главное изображение, прикрепленное изображение, первое изображение в содержимом и т.д.
Наконец, вы можете выбрать тип карты Twitter из выпадающего меню. По умолчанию AIOSEO установит значение «Резюме», но вы можете изменить его на «Резюме с большим изображением».’
Далее обновите или опубликуйте запись в блоге. Теперь вы успешно добавили Twitter Cards на свой сайт WordPress.
Метод 2: Добавление карточек Twitter в WordPress (метод кода)
Этот метод требует добавления кода в файлы вашей темы или дочерней темы. Просто откройте заголовок.php файл и добавьте этот код непосредственно перед тег.
ID), full ); $twitter_thumb = $twitter_thumbs[0]; if(!$twitter_thumb) < $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75'; >$twitter_name = str_replace('@', '', get_the_author_meta('twitter'); ?> " /> " /> " /> " /> " /> > ?>
Источник: Райан Каллен @artesea
Если вы не умеете работать с PHP или столкнулись с проблемами при использовании метода 2, воспользуйтесь методом 1.
Протестируйте и проверьте свои карточки Twitter
Прежде чем ссылки с вашего сайта WordPress начнут показывать Twitter Cards, вам нужно сначала проверить их в валидаторе Twitter card.
Просто перейдите на страницу Card Validator на сайте разработчиков Twitter. Введите URL-адрес любого поста с вашего сайта WordPress и нажмите на кнопку предварительного просмотра карточки.
Twitter покажет вам предварительный просмотр вашей карточки Twitter.
Update: Ранее для участия в Twitter Cards необходимо было подать заявку. Однако Twitter внедрил систему, которая автоматически вносит домены в белый список, когда вы проверяете их с помощью валидатора или просто делитесь URL в Twitter.
Надеемся, что эта статья помогла вам добавить карточки Twitter в WordPress. Вы также можете посмотреть наш список лучших плагинов Twitter для WordPress и подборку плагинов WordPress, необходимых для развития вашего сайта.
Источник: www.wpbeginner.com