#19 · Метатеги

Twitter Card теги

Что это, почему влияет на SEO, как проверить и исправить. Параметр #19из 150 в нашем чек-листе аудита.

4 мин чтенияМетатегиПараметр #19

Что это

Twitter Card теги — набор мета-тегов в разделе <head> страницы, которые управляют тем, как ссылка выглядит при публикации в X (бывший Twitter) и ряде других платформ. Теги задают тип карточки, заголовок, описание, изображение и домен-источник. Без них платформа показывает голую ссылку без превью.

Почему это важно для SEO

Прямого влияния на позиции в Яндексе и Google у Twitter Card нет. Но есть косвенный эффект: красиво оформленная карточка в X увеличивает CTR ссылки, а значит — трафик на сайт. Страницы с высоким органическим трафиком из социальных сетей накапливают поведенческие сигналы: глубину просмотра, время на сайте, возвраты. Для Яндекса это компонент ИКС (индекс качества сайта), который влияет на общую репутацию домена.

Для Google ситуация похожа: ссылки из X попадают в индекс как внешние ссылки. Если контент расшаривают активно, страница получает дополнительные точки входа. Исследования Moz и Ahrefs фиксируют корреляцию между количеством репостов в X и числом внешних ссылок на страницу: виральный контент притягивает линкбилдинг. Twitter Card напрямую влияет на то, расшарят ли публикацию вообще — карточка с изображением получает в среднем в 3 раза больше взаимодействий, чем текстовая ссылка.

Как проверить вручную

Просмотр исходного кода. Откройте страницу, нажмите Ctrl+U (или Cmd+U на Mac), найдите в <head> теги с префиксом twitter:. Минимальный набор: twitter:card, twitter:title, twitter:description, twitter:image.

Card Validator от X. Перейдите на cards-dev.twitter.com/validator, вставьте URL — инструмент покажет превью и ошибки. Требуется авторизация через аккаунт X.

Screaming Frog. В меню выберите Configuration → Custom → Search и задайте поиск по строке twitter:card в HTML. После краула отчёт покажет, на каких страницах теги отсутствуют. Для крупных сайтов это единственный способ проверить всё сразу.

Google Search Console и Я.Вебмастер не анализируют Twitter Card теги напрямую, но падение трафика из соцсетей после изменения шаблона — косвенный сигнал проблемы.

Как исправить

Добавьте в <head> страницы следующий блок:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Заголовок страницы до 70 символов">
<meta name="twitter:description" content="Описание до 200 символов">
<meta name="twitter:image" content="https://example.com/images/og-image.jpg">
<meta name="twitter:site" content="@ваш_аккаунт">

Тип summary_large_image — стандарт для большинства страниц. Используйте summary для коротких материалов без ключевого визуала. Изображение — минимум 1200×628 px, формат JPG или PNG, размер до 5 МБ.

WordPress. Плагин Yoast SEO или Rank Math генерируют теги автоматически. В Yoast: SEO → Социальные сети → Twitter → включить карточки. Дополнительно проверьте, что в настройках поста задано изображение для соцсетей.

Tilda. Откройте настройки сайта → SEO → вкладка Social. Заполните поля для Twitter: заголовок, описание, изображение. Tilda подставит их автоматически на все страницы. Для отдельных страниц — настройки страницы → SEO.

1C-Bitrix. В компоненте bitrix:seo.meta добавьте параметры Twitter Card вручную или через настройки SEO модуля. Если используется шаблон с поддержкой Open Graph, допишите блок Twitter Card в файл header.php:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="<?= htmlspecialchars($APPLICATION->GetTitle()) ?>">
<meta name="twitter:image" content="<?= $ogImage ?>">

Webflow. Settings страницы → SEO Settings → Open Graph / Social. Webflow использует одни данные для OG и Twitter Card. Отдельного поля для twitter:card нет — добавьте через Custom Code в <head> раздел проекта.

Типичные ошибки

Отсутствует `twitter:card`. Без этого тега все остальные игнорируются. Платформа не знает, какой тип карточки рендерить.
Изображение недоступно или закрыто robots.txt. Краулер X не может получить картинку — карточка рендерится без изображения. Проверьте robots.txt и убедитесь, что папка /images/ открыта.
Дублирование с Open Graph без синхронизации. OG-теги и Twitter Card показывают разные заголовки/изображения. Пользователь видит несоответствие. Синхронизируйте данные или используйте og:-теги как фолбэк.
Заголовок обрезается. Twitter показывает до 70 символов в заголовке. Если заголовок длиннее — он обрежется с многоточием, смысл теряется.
Кэш старой карточки. После исправления тегов X кэширует старую версию. Обновите её через Card Validator — инструмент сбрасывает кэш принудительно.

Влияние на разные типы сайтов

Для интернет-магазинов Twitter Card критичен на карточках товаров и страницах акций: изображение товара в превью повышает CTR ссылки, которую публикуют покупатели или партнёры. Тип summary_large_image показывает фото товара крупным планом — это работает лучше, чем миниатюра в summary. На сайтах с тысячами SKU проверяйте наличие тегов через Screaming Frog, а не вручную.

Для контентных сайтов и блогов Twitter Card — часть дистрибуции контента. Статья без превью расшаривается значительно реже. Для SaaS и лендингов важность ниже: X — не основной канал трафика, но публикации в профессиональных сообществах и упоминания в тематических аккаунтах дают целевые переходы. Минимальную настройку (summary_large_image + корпоративный логотип) стоит сделать в любом случае.

Проверить этот параметр на вашем сайте

Бесплатно. Без регистрации. Проверим этот и ещё 49 параметров за 60 секунд.

Получить SEO-аудит →