Twitter Card — набор мета-тегов, определяющих вид карточки при публикации ссылки в X. Минимум:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ремонт холодильников в Казани — выезд за 2 часа">
<meta name="twitter:description" content="Мастер приедет в день обращения. Диагностика бесплатно.">
<meta name="twitter:image" content="https://example.ru/img/og-image.jpg">
Здесь атрибут name (в отличие от Open Graph, где property).
Типы карточек
- summary — маленькая квадратная картинка слева от текста.
- summary_large_image — большое изображение над текстом. Заметнее в ленте, обычно выбирают его.
- player — для встроенного видео или аудио, требует отдельной проверки платформой.
Нужно ли это, если X не наша площадка
Разметка полезнее, чем кажется: теги twitter:* читают не только X, но и часть мессенджеров, агрегаторов ссылок, корпоративных чатов и сервисов закладок. Плюс это две строки в шаблоне, которые пишутся один раз.
Важно другое: если Twitter Card не задана, X возьмёт Open Graph. Поэтому при наличии полной OG-разметки достаточно добавить одну строку:
<meta name="twitter:card" content="summary_large_image">
Она указывает тип карточки — остальное подтянется из og:title, og:description, og:image. Это разумный минимум для большинства сайтов.
Дополнительные теги
Если у бренда есть аккаунт в X, укажите его — в карточке появится подпись автора:
<meta name="twitter:site" content="@brand">
<meta name="twitter:creator" content="@author">
Как проверить
- Пункт аудита «Twitter Card».
- Вручную:
Ctrl+U→ поиск поtwitter:. - Card Validator у X сейчас работает нестабильно, поэтому надёжнее просто опубликовать ссылку в черновике поста и посмотреть на превью.
Требования к изображению
Те же, что у Open Graph: абсолютный адрес по HTTPS, минимум 300×157 для summary_large_image (реально стоит брать 1200×630), вес до 5 МБ. Одна картинка обычно используется и там, и там — заводить отдельную нет смысла.