Технический SEO

Twitter Cards

X Cards · карточки для X/Twitter

Twitter Cards — это разметка мета-тегов, которая превращает ссылку в X (Twitter) в расширенную карточку с заголовком, описанием, картинкой или видео. Нужна для роста CTR из соцсети.

Twitter Cards — это набор мета-тегов в <head> страницы, который превращает обычную ссылку в X (бывший Twitter) в карточку с превью: заголовок, описание, картинка или видео. Простыми словами, разметка работает как Open Graph, только заточена под X. Формат запустили в июне 2012 года вместе с типами Summary и Photo Card.

В 2026 году карточки остаются основным способом борьбы за CTR в ленте: пост с Summary Large Image занимает в 3–4 раза больше площади экрана, чем голая ссылка. Что это значит для SEO-команды — без корректных тегов twitter:card и twitter:image ссылка из X приходит на сайт с минимальным кликом, а проверить разметку можно через Card Validator или X Pro.

§ 01Зачем нужен

Карточки X решают задачу видимости ссылки в ленте. По данным Buffer (2023), твиты с Large Image собирают на 150% больше кликов, чем текстовые. Разметка Twitter Cards нужна для роста CTR из соцсети, прогрева бренда и корректного шеринга от инфлюенсеров. Что делает тег twitter:card — указывает тип превью: summary, summary_large_image, app или player. Без него X подтягивает Open Graph как fallback, но теряется контроль над тем, какая картинка и какой twitter:site попадут в карточку.

§ 02Как настраивается

Расширенные карточки для X подключаются 4 мета-тегами в <head>: twitter:card, twitter:title, twitter:description, twitter:image. Для summary_large_image картинка должна быть от 300×157 до 4096×4096 px, до 5 МБ, форматы JPG, PNG, WEBP, GIF. Определение размеров с 2022 года — соотношение 2:1. В WordPress теги ставит Yoast или Rank Math, в Next.js — компонент next/head или Metadata API. Для аналитики добавляют twitter:site с @-аккаунтом бренда.

Кейс e-commerce

CTR 1.4% → 3.6% — Интернет-магазин одежды на Shopify внедрил summary_large_image и оптимизировал OG-картинку 1200×628 под визуал бренда. CTR ссылок из X вырос с 1.4% до 3.6% за 8 недель. Замер через Twitter Analytics и UTM в GA4.

Кейс SaaS

клики +62% за 3 мес — B2B SaaS для аналитики (MRR $180k) добавил player card для демо-видео и twitter:creator с автором поста. Клики из X на лендинг выросли на 62% за 3 месяца. Динамика по GA4 Acquisition и Ahrefs.

§ 03Где смотреть результат

Card Validator от X закрыли в августе 2022 года. Сейчас превью проверяют через X Pro (бывший TweetDeck): создаётся черновик поста со ссылкой, карточка отрисовывается под полем ввода. Альтернатива — opengraph.xyz и metatags.io, они симулируют рендер. Клики из X отслеживаются в GA4 по источнику x.com / referral и t.co. В Ahrefs Site Explorer вкладка Backlinks покажет, какие посты с разметкой Twitter Cards принесли переходы и упоминания.

§ 04Подводные камни

Главная ловушка — кеш X. Платформа кеширует превью на 7 дней, и если поменять twitter:image, в ленте ещё неделю будет старая картинка. Обход — добавить query-параметр к URL вида ?v=2. Вторая проблема: с июля 2023 года X режет органический охват ссылок, ведущих наружу, поэтому для чего нужно ставить картинку отдельным вложением, а ссылку — в первый ответ к посту. Третий нюанс — twitter:card игнорируется, если страница закрыта от ботов в robots.txt: краулер Twitterbot не дойдёт до мета-тегов.

Частые ошибки
01
Подмена Twitter Cards только Open Graph-разметкой. Команда ставит og:title и og:image, считая, что X подтянет их автоматически. На деле без twitter:card карточка рендерится как простая ссылка — CTR из соцсети падает в 2–3 раза. Как правильно: Добавляйте парный набор тегов: twitter:card, twitter:title, twitter:description, twitter:image рядом с OG-разметкой.
02
Загрузка картинки не того формата и веса. Ставят изображение 600×315 для summary_large_image или PNG на 8 МБ. X обрезает картинку до квадрата или вовсе не показывает её — превью теряет визуальный крючок и долю кликов. Как правильно: Используйте JPG/PNG до 5 МБ, соотношение 2:1, минимум 1200×628 для large_image и 144×144 для summary.
03
Пропуск проверки в Card Validator после деплоя. Разметку ставят и забывают, а кеш X хранит старую версию до 7 дней. После редизайна страница улетает в ленту со сломанным превью — доверие к бренду и рост подписок страдают. Как правильно: Проверяйте каждую важную страницу через cards-dev.twitter.com/validator и форсируйте обновление кеша перед анонсом.
Часто спрашивают

Twitter Cards: ответы на популярные вопросы

Twitter Cards простыми словами — что это?

+

Twitter Cards — это набор мета-тегов в <head> страницы, который превращает обычную ссылку в X (Twitter) в превью с заголовком, описанием и медиа. Базовых форматов четыре: Summary, Summary Large Image, Player и App. Карточки поднимают CTR из соцсети в среднем на 30–50% по сравнению с голой ссылкой.

Добавьте в <head> теги twitter:card, twitter:title, twitter:description, twitter:image и twitter:site. Картинка для Summary Large Image — минимум 300×157, рекомендовано 1200×628, вес до 5 МБ. Затем проверьте разметку через Card Validator или просто опубликуйте ссылку в X — превью подтянется за 1–2 минуты.

Open Graph — универсальный протокол Facebook 2010 года, его читают LinkedIn, Telegram, ВКонтакте и сам X как fallback. Twitter Cards — специфичная разметка для X с дополнительными форматами Player и App. На практике достаточно прописать OG-теги, а из twitter:* добавить только card и site — остальное X возьмёт из Open Graph.

Нет, напрямую на ранжирование в Google разметка для X не влияет — это подтверждали Джон Мюллер и Гэри Иллис. Но косвенный эффект есть: рост CTR из соцсети даёт больше переходов, упоминаний и ссылок, что усиливает поведенческие и ссылочные сигналы. Для E-E-A-T карточки полезны как точка дистрибуции экспертного контента.

Да, если вы планируете хоть какое-то присутствие в X или ждёте, что ссылки будут расшаривать читатели. Внедрение занимает 15–30 минут на шаблон CMS, а в WordPress ставится плагином Yoast или Rank Math за пару кликов. Без разметки ссылка отображается голой строкой и теряет до половины потенциальных кликов из ленты.

Не нашли ответ?

Спросите Андрея Гусарова — отвечаю в течение 1-2 рабочих дней.

Нажимая, вы соглашаетесь с обработкой данных.