Twitter Card Validator: обновите Twitter Cards с помощью инструмента Validator

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

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

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

Что такое твиттер-карта?

Карточки Twitter — это мультимедийные материалы, которые выделяются среди других твитов. Эти карты поощряют участие и привлекают трафик на веб-сайты.

Обычные твиты ограничены 140 символами . Через карточки Twitter вы можете обойти это ограничение и передать больше информации своей аудитории. Это возможно, если добавить несколько строк HTML-кода на вашу веб-страницу.

Типы твиттер-карт

Существует четыре различных типа карт Twitter:

• Сводная карта
• Сводная карта с большим изображением
• Карточка приложения
• Карточка игрока

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

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

Как вы можете использовать карты Twitter

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

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

Создание карточек Twitter для вашего сайта

Создание карточек в Твиттере — простой процесс, если вы немного разбираетесь в кодировании — HTML. Этот код добавляется в раздел заголовка вашего HTML. Затем вы можете выбрать тип карты, которую хотите использовать, а затем добавить URL-адрес и метатеги. Вы можете протестировать эти метатеги с помощью инструмента Twitter Validator.

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

 <meta name="twitter.card" content="summary">

Использование инструмента проверки

Протестируйте код с помощью инструмента проверки карт Twitter.

Скопируйте и вставьте URL-адрес с метатегами в инструмент под заголовком URL-адрес карты, как показано ниже:

Это пошаговый процесс:

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

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

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

После тестирования с помощью инструмента Twitter Validator вы можете твитнуть URL-адрес, чтобы увидеть, как карточка появляется под вашим твитом. Инструмент Validator просто проверяет ваши карточки Твиттера, прежде чем вы сможете использовать их в Твиттере.

Метатеги карты Твиттера

Мы обсудили метатеги как одно из требований в процессе создания Twitter Card. Если вы никогда не использовали или не писали HTML-код, термин «метатеги» покажется вам странным.

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

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

Вот полный образец, готовый к реализации:

В приведенных выше метатегах Twitter Card первая строка кода — номер 1 — определяет тип создаваемой карты Twitter, в данном случае это простая сводная карта. Во второй строке указывается личность автора статьи. В третьей строке указан Twitter ID сайта или имя пользователя.

Добавление метатегов без написания кода

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

Twitter рекомендует три плагина, которые вы можете использовать в WordPress для создания карточек Twitter:

• Реактивный ранец
• Открытки JM в Твиттере
• WordPress SEO от Yoast

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

После установки плагина Jetpack перейдите в раздел «Социальные сети». Здесь вы можете подтвердить свой дескриптор Twitter и включить карточки Twitter. Jetpack автоматически просканирует ваш контент, чтобы определить лучший тип карты — сводка, сводка с большим изображением, приложение или проигрыватель.

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

Рекомендуемые размеры изображений для карт Twitter

Предпочтительный размер изображения для карточки со сводкой Twitter составляет не менее 120 x 120 пикселей и менее 1 МБ . Для сводной карты с большим изображением наименьший размер фотографии составляет 280 x 150 пикселей и меньше 1 МБ.

Карточки приложений должны иметь размер 800 x 320 пикселей . Карточки игроков имеют уровень 3.0, воспроизведение 30 кадров в секунду и размеры 640 x 480 пикселей.

Почему используются карты Twitter

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

Карточки Твиттера — полезный инструмент для привлечения внимания к платформе.

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

Карточки Twitter также позволяют настраивать броские заголовки, чтобы привлечь аудиторию, которую вы хотите привлечь к своему приложению или сайту. Описание позволяет писать до 200 символов, в обычных твитах — более 140 символов.

Вывод

Инструмент Twitter Card Validator является важным инструментом в создании карт Twitter. Тест инструмента запускает ваш URL-адрес для проверки ваших метатегов и дает вам предварительный просмотр того, как будет выглядеть карточка Twitter в каналах Twitter. Совершенно бесплатно можно создавать карты Twitter и использовать инструмент проверки карт Twitter.