С помощью Twitter Cards вы можете прикреплять к твитам богатые фотографии, видео и мультимедийные материалы, которые привлекают трафик на ваш сайт. Просто добавьте несколько строк HTML-кода на свою веб-страницу, и пользователи, добавившие ссылки на ваш контент в Твиттере, получат карту, добавленную в твит, которая видна всем их подписчикам.
Примечание. Поддерживается только одна карта на страницу.
Каждая карта имеет встроенную атрибуцию контента, которая отображает соответствующие учетные записи Twitter для контента, указанного вами. Просматривая пользователи смогут следить и просматривать профили приписанных аккаунтов прямо с карты. У вас будет возможность выбрать между Атрибуцией сайта и Атрибутором автора .
Атрибуция сайта
Указывает учетную запись Twitter для веб-сайта или платформы, на которой был опубликован контент. Обратите внимание, что служба может устанавливать отдельные учетные записи Twitter для разных страниц / разделов своего веб-сайта, и наиболее подходящая учетная запись Twitter должна использоваться для обеспечения наилучшего контекста для пользователя.
Атрибуция Создателя
Указывает на человека, который создал контент на карте. Следующие типы карт имеют прекрасный опыт использования для веб-клиентов и мобильных клиентов Twitter —
-
Сводная карта — название, описание, миниатюра и атрибуция аккаунта Twitter
-
Сводная карта с большим изображением — похожа на сводную карту, но с заметным изображением.
-
App Card — карта для подробного описания мобильного приложения с прямой загрузкой.
-
Карта игрока — карта для предоставления видео / аудио / медиа.
Сводная карта — название, описание, миниатюра и атрибуция аккаунта Twitter
Сводная карта с большим изображением — похожа на сводную карту, но с заметным изображением.
App Card — карта для подробного описания мобильного приложения с прямой загрузкой.
Карта игрока — карта для предоставления видео / аудио / медиа.
Внедрение Twitter-карт
Готовы начать с карт? В большинстве случаев реализация занимает менее 15 минут. Вот как это сделать —
-
Выберите тип карты, которую вы хотите реализовать.
-
Добавьте соответствующие метатеги на свою страницу.
-
Запустите ваш URL для проверки с помощью инструмента проверки. Если вы работаете с картой игрока, запросите разрешение на внесение в белый список. Все остальные карты не нуждаются в белых списках.
-
После проверки в валидаторе или одобрения вашей Карты игрока, отправьте Tweet URL-адрес и увидите, что Карта отображается под вашим Tweet в подробном представлении.
-
Используйте аналитику Twitter Card, чтобы измерить ваши результаты.
Выберите тип карты, которую вы хотите реализовать.
Добавьте соответствующие метатеги на свою страницу.
Запустите ваш URL для проверки с помощью инструмента проверки. Если вы работаете с картой игрока, запросите разрешение на внесение в белый список. Все остальные карты не нуждаются в белых списках.
После проверки в валидаторе или одобрения вашей Карты игрока, отправьте Tweet URL-адрес и увидите, что Карта отображается под вашим Tweet в подробном представлении.
Используйте аналитику Twitter Card, чтобы измерить ваши результаты.
Как только теги станут активными, вы можете проверить свою Карту с помощью средства проверки карт Twitter .
Имейте в виду, что большинство карточек в твиттере не расширено, поэтому вам нужно сделать твит достаточно убедительным, чтобы зритель нажал, чтобы увидеть больше.
Вам нужно, чтобы читатель щелкнул по View Summary, чтобы увидеть полный твит ниже.
Сводные карты
Сводная карта может использоваться для многих видов веб-контента, от сообщений в блогах и новостных статьях до продуктов и услуг. Он предназначен для предварительного ознакомления читателя с контентом, прежде чем перейти на ваш сайт. Пример твита с краткой картой —
Добавить сводную карточку в свои твиты так же просто, как добавить на свой сайт следующие метатеги —
Обязательно предоставьте свой сайт атрибуции и содержания. Как только теги станут активными, вы можете проверить свою Карту с помощью средства проверки карт Twitter .
Карты продуктов
Эта карта была УСТАРЕЛА 3 июля 2015 года и была привязана к Сводной карте.
Карты игрока
Карта проигрывателя поддерживает потоковую передачу мультимедиа, добавляя в твиттере живой видео- или аудиоплеер. Это отлично подходит для предприятий, которые производят много видео или аудио контента, таких как Vines или подкаст.
-
Описание — 200 символов.
-
Изображение — отображается вместо плеера на платформах, которые не поддерживают фреймы или встроенные плееры. Он имеет те же размеры, что и ваш плеер размером не более 1 МБ.
-
Видео — H.264, базовый профиль, уровень 3.0, до 640 x 480 пикселей при 30 кадрах в секунду.
-
Аудио — AAC, профиль низкой сложности.
Описание — 200 символов.
Изображение — отображается вместо плеера на платформах, которые не поддерживают фреймы или встроенные плееры. Он имеет те же размеры, что и ваш плеер размером не более 1 МБ.
Видео — H.264, базовый профиль, уровень 3.0, до 640 x 480 пикселей при 30 кадрах в секунду.
Аудио — AAC, профиль низкой сложности.
Эта карта требует больше, чем просто копировать и вставлять некоторые метатеги.
-
Распакуйте пакет в общедоступный путь на вашем сайте.
-
Откройте файл index.html и убедитесь, что значения twitter: image, twitter: player и twitter: player: stream указывают на местоположение вашего сервера и файла.
-
Убедитесь, что все пути указаны как безопасные (https: //).
Распакуйте пакет в общедоступный путь на вашем сайте.
Откройте файл index.html и убедитесь, что значения twitter: image, twitter: player и twitter: player: stream указывают на местоположение вашего сервера и файла.
Убедитесь, что все пути указаны как безопасные (https: //).
Проверьте свой URL. Важно проверить работу Карты игрока на всех клиентах Twitter, включая приложения Twitter для iPhone и Android, а также на twitter.com и mobile.twitter.com.
Карты, которые не работают во всех клиентах Twitter, не будут одобрены. Чтобы ускорить утверждение вашей карты, прочитайте Руководство по утверждению карты игрока .
Примечание. По умолчанию все видео и аудио материалы должны быть отключены, если они воспроизводятся автоматически. Они должны включать в себя элементы управления остановкой, паузой и воспроизведением. Кроме того, вы не должны требовать от пользователей входа в ваш опыт.