Полное руководство по Twitter Cards

Опубликовано: 2016-01-20

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

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

Понимание различных типов Twitter Cards

Существует 5 типов карт Twitter:

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

Сводная карта

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

Название: 70 символов
Описание: 200 символов
Изображение: не менее 120×120 пикселей и не более 1 МБ

Чтобы добавить его на свой веб-сайт, вам необходимо вставить этот код в HTML-код веб-страницы:

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

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

Название: 70 символов
Описание: 200 символов
Изображение: не менее 280 x 150 пикселей и не более 1 МБ.

Добавьте этот HTML-код, чтобы настроить этот тип Twitter Cards:

Карта приложения

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

Заголовок: отсортировано по идентификатору приложения
Описание: 200 символов
Изображение: логотип приложения, отсортированный по идентификатору приложения — изображение должно быть не менее 800 x 320 пикселей и может быть в формате JPG, JPEG, PNG или GIF. Предпочтение отдается изображению размером менее 1 МБ.

Если ваше приложение недоступно в магазине приложений, Twitter не сможет получить эту информацию. Если ваше приложение находится не в магазине США, укажите в метатеге twitter:app:country, откуда оно взято. Кроме того, если ваша ссылка напрямую указывает на App Store или Google Play, Twitter автоматически создаст карточку приложения.

Вот код, который вы должны ввести:

Карточка игрока

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

Описание: 200 символов
Изображение: отображается вместо проигрывателя на платформах, не поддерживающих iframe или встроенные проигрыватели. Те же размеры, что и у вас
игрок; не более 1 МБ
Видео: H.264, базовый профиль, уровень 3.0, до 640 x 480 пикселей при 30 кадрах в секунду.
Аудио: AAC, профиль низкой сложности

Карта лидогенерации

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

Название: 50 символов
Призыв к действию: 20 символов
Сообщение после отправки (необязательно): 100 символов.
Изображение: не менее 800 x 200 пикселей с соотношением сторон 4:1 и не более 3 МБ.

Чтобы правильно настроить карту генерации лидов, вам необходимо войти в свою учетную запись Twitter Ads (даже если карта бесплатна):

Войти в Твиттер
Щелкните значок «Настройка» и выберите «Объявления в Twitter» в раскрывающемся меню.
Перейдите на вкладку «Креативы» в верхнем меню навигации и выберите «Карточки».
Нажмите «Создайте свои первые карты генерации лидов».
После настройки перейдите на вкладку «Твиты», а затем нажмите синюю кнопку «Написать твит» в правом верхнем углу.
Напишите свой твит и нажмите «Прикрепить карточку к этому твиту», когда будете готовы.
Выберите карту, которую хотите прикрепить, и отправьте твит.

Как интегрировать эти карты Twitter в CMS?

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

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

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

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

Как проверить свои выступления в Twitter Cards?

Чтобы пойти дальше, вы можете взглянуть на свое поведение в Twitter Cards. Недавно мы разработали новую функцию, которая позволяет вам легко проверять свои результаты в Twitter Cards (и, кстати, в Open Graphs). Вы можете анализировать свое распределение и свойства Twitter Cards, получать информацию и получать доступ к сведениям об URL. Это отличный партнер для вашей стратегии SEO, поскольку он улучшает охват социальных сетей, рейтинг кликов и конверсию.

Начните бесплатный пробный период