Twitter Card — набор метатегов в разделе <head> страницы, разработанных Twitter (X), которые управляют внешним видом превью при публикации ссылок в твиттере. Аналог Open Graph, но специфичный для Twitter/X. Без Twitter Card ссылка в твите отображается просто как текст без изображения и описания, что значительно снижает кликабельность.
В 2023 году Twitter переименован в X, однако метатеги продолжают называться twitter: и работают неизменно.
Типы Twitter Card
- summary — карточка с небольшим квадратным изображением, заголовком и описанием. Подходит для большинства страниц.
- summary_large_image — большое горизонтальное изображение над заголовком и описанием. Наиболее кликабельный формат для статей.
- app — карточка для мобильного приложения с кнопкой загрузки.
- player — встроенный видео/аудио плеер (требует одобрения Twitter).
Базовые метатеги Twitter Card
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Заголовок"><meta name="twitter:description" content="Описание"><meta name="twitter:image" content="https://example.com/image.jpg"><meta name="twitter:site" content="@ваш_твиттер">
Приоритет Twitter и Open Graph
Если на странице есть и Open Graph, и Twitter Card теги — Twitter использует twitter:-теги. Если twitter:-теги отсутствуют, Twitter автоматически использует og:-теги как запасной вариант. Поэтому минимально достаточно настроить только Open Graph, добавив twitter:card для выбора типа карточки.
Часто задаваемые вопросы
Нужно ли верифицировать сайт в Twitter для работы карточек?
Ранее Twitter требовал ручного одобрения доменов для некоторых типов карточек (Player). Сейчас summary и summary_large_image работают автоматически без какой-либо верификации — достаточно добавить метатеги. Проверить, как выглядит карточка: Twitter Card Validator (cards-dev.twitter.com/validator) или просто поделитесь ссылкой в твите через предварительный просмотр.
Какой размер изображения нужен для Twitter Card?
Для summary_large_image: минимум 300×157 пикселей, рекомендуется 1200×628. Максимальный размер файла: 5 МБ для JPG/PNG/GIF/WEBP. Карточка обрезает изображение по соотношению 2:1, поэтому размещайте важные элементы (логотип, текст) в центре, отступая от краёв. Используйте то же изображение 1200×628, что и для og:image — оно идеально для обоих протоколов.
Как проверить Twitter Card перед публикацией?
Инструменты: 1) Twitter Card Validator — официальный инструмент Twitter для предварительного просмотра. 2) tweetdeck.twitter.com — можно вставить ссылку и увидеть превью. 3) В самом Twitter при написании твита — вставьте ссылку и нажмите пробел: превью появится сразу. Если картинка не отображается — проверьте, что og:image или twitter:image содержат абсолютный URL (https://) и что изображение доступно без авторизации.
Влияют ли Twitter Card на SEO и ранжирование?
Прямого влияния на ранжирование нет. Косвенное: привлекательные карточки в X/Twitter генерируют больше переходов, которые создают прямой трафик на сайт. Социальные сигналы (шеры, лайки) — слабый, но учитываемый Яндексом сигнал для ИКС. Главная ценность Twitter Card — маркетинговая, не SEO-техническая. Для SEO важнее правильный Schema.org, hreflang и технические факторы.
