Как настроить Twitter Card в WordPress для summary_large_image?

Кидаете ссылку на статью в Telegram или X — а там голый адрес без картинки и заголовка. Кажется, нужен программист, хотя чаще не хватает мета-тегов в шапке страницы и одной широкой картинки. Андрей из темы салона красоты заполнил Yoast для Google, но превью в чате пустое: SSL включили вчера, а в записи квадратное фото. Сегодня включите X Cards, поставите summary_large_image, проверите код — и ссылка снова выглядит как статья, без правки темы.

Карточка ссылки в X — мета-теги twitter:card, twitter:title, twitter:description и twitter:image. Telegram читает в основном Open Graph, но twitter:card сам из OG не подставится: без summary_large_image в X часто маленькая карточка. Валидатор cards-dev.twitter.com в 2026 году не работает, теги при этом читаются — проверяйте исходный код и отправку в мессенджер.

Не путайте с виджетом чужой ленты X и плагинами вроде Custom Twitter Feeds — там чужие твиты, а не превью вашей статьи. Нужно, чтобы при шаринге в чате появились заголовок, описание и широкая картинка. Это база контент-маркетинга: текст не должен превращаться в серую полоску URL. Ниже два параллельных маршрута в админке (Yoast SEO и Rank Math), пять обязательных тегов в коде и честная схема проверки без мертвого Card Validator.

Разберите, почему ссылка в чате выглядит пустой

Вы потратили вечер на текст, а в мессенджере серая строка URL — обидно и не про вирусный маркетинг. На практике чаще всего:

• Выключены соцмета в SEO-плагине или активны два плагина — дубли в head.
• Квадратное или мелкое фото — бот X не берет файл.
• Картинка отдает 403, нет HTTPS или CDN отдает старую страницу без og:image.
• SSL включили недавно — Telegram иногда догоняет сайт с задержкой (wordpress.org).

Типичная ошибка — ставить отдельный плагин Twitter Card, когда Yoast или Rank Math уже выводят разметку. Сначала один генератор соцмета, затем добавьте картинку 1200 на 630.

Сравните Twitter Card и Open Graph: когда нужны оба

Open Graph — набор тегов og:title, og:description, og:image в шапке страницы. Его подхватывают Facebook, VK и большинство мессенджеров. Twitter Card (сейчас платформа X) — отдельные теги twitter:* с тем же смыслом, но другими именами полей. Telegram почти всегда смотрит на OG; X читает twitter:* и при нехватке частично подтягивает OG, однако twitter:card сам по себе не наследуется из Open Graph — его задают явно (previewog.com, спецификация Yoast developer). Одного og:image для Telegram мало, если в X забыли summary_large_image.

Для новичка: широкая обложка в записи плюс X Cards в SEO-плагине закрывают чаты и ленту X.

Проверьте twitter:card в исходном коде страницы

Официальная справка X по Cards в 2026 году фактически исчезла: редиректы на docs.x.com без разметки, cards-dev.twitter.com не открывается. Теги twitter:* при этом по-прежнему читаются — просто проверяете сами. Пока валидатор мертв, смотрите HTML: откройте опубликованную запись, правый клик — просмотр кода страницы (не инспектор с динамической подгрузкой). Бот X не выполняет JavaScript — мета-теги должны лежать в статическом head (Conductor Academy, InspectWP).

1. Найдите meta name=»twitter:card» content=»summary_large_image».
2. Проверьте twitter:title и twitter:description.
3. Откройте URL из twitter:image или og:image в инкогнито — без 403.
4. Нет meta — выключен соцблок или второй SEO-плагин.
5. Сохраните скрин кода — пригодится при обращении на /kontakty/.

В реальном проекте часто ломается URL картинки при живых мета-тегах (кейс wordpress.org про Telegram).

Настройте X Cards в Yoast SEO без кода

Один SEO-плагин, без параллельного Rank Math с тем же выводом. По справке Yoast:

1. Settings — Site representation — профиль в X при необходимости.
2. Site features — Social sharing — включите X card data.
3. Дефолтное изображение 1200 на 630 px.
4. В записи вкладка Social: заголовок, описание, картинка для шаринга.
5. Обновите запись — Yoast по умолчанию ставит summary_large_image (developer.yoast.com).

На GitHub лежат сниппеты для functions.php — запасной путь для тем без SEO-плагина. Для владельца салона или интернет-магазина это лишний риск: одна опечатка в коде и белый экран. Не делайте так первым шагом; новичку хватит галочек в Yoast за 10-15 минут, если активен только один генератор соцмета.

Включите карточки в Rank Math

1. Titles and Meta — Global Meta: OpenGraph Thumbnail 1200 на 630.
2. Twitter Card Type: Summary with large image.
3. Social Meta: username сайта в X.
4. В записи Social: данные с Facebook Tab или отдельные title/image для X.
5. Сохраните и проверьте код, как после Yoast.

Плагин OG на wordpress.org добавляет OG и Twitter Card zero-config на все типы страниц — альтернатива минималистам без Yoast. Если Rank Math или Yoast уже стоят, второй генератор не добавляйте: получите дубли og:image и случайное превью. Подробнее про базовую разметку — в материале про Open Graph на сайте.

Подберите featured image под summary_large_image

Минимум 300 на 157 px, около 2:1, до 5 MB, без SVG. Удобнее 1200 на 630 — тот же файл для Telegram через og:image.

• Делать: широкая обложка записи и при необходимости дубль во вкладке Social.
• Не делать: только квадрат из галереи — в X узкая полоска или пустота.

Типичная ошибка — SEO title для Google есть, Social tab пустой: в чате нет og:image.

Проверьте превью: Telegram, кэш, Debugger

Критерий успеха до FAQ из research: в исходном коде есть twitter:card со значением summary_large_image и рабочий URL картинки по HTTPS; тестовая отправка себе в Telegram или черновик в X показывает заголовок, описание и широкое изображение; если мета меняли недавно — превью обновилось после сброса кэша или терпеливого ожидания 24-72 часа, о чем пишут кейсы мессенджеров.

Схема:

Yoast/Rank Math → кэш сайта → код → Telegram → @WebpageBot → Facebook Sharing Debugger для OG → черновик в X

1. Отправьте URL себе в Telegram.
2. Старое превью — @WebpageBot (Stack Overflow).
3. Debugger Facebook — видит ли og:image (не заменяет проверку X).
4. После SSL подождите до 6-7 часов (wordpress.org).
5. Очистите кэш плагина, если head верный, а гости видят старое.

The SEO Framework в базе 2026 года прямо советует: не тратьте час на поиск официального валидатора X — смотрите код, Facebook Debugger для OG и живой шаринг. Facebook Sharing Debugger не заменяет X, но показывает, тянет ли бот og:image, когда Telegram упрямо молчит.

Исправьте ошибки: два плагина и WooCommerce

• Два SEO-плагина — оставьте один (TSF troubleshooting).
• Тема и плагин оба печатают OG — отключите дубль.
• robots и noindex не должны резать запись; картинка без cookie.
• WooCommerce: те же Global Meta и Social на карточке товара.

Нет времени на обложки и проверки — поможем с сайтом на странице услуг, вопросы в Telegram. Еще материалы: статьи, Open Graph, кэш WordPress.

Закрепите привычку перед публикацией

1. Один SEO-плагин с соцмета.
2. Картинка 1200 на 630.
3. Минута во вкладке Social.
4. Просмотр кода и URL image.
5. Тест в мессенджер до рассылки клиентам.

Google не ранжирует по twitter:, зато CTR в X и Telegram растет, когда ссылка не похожа на сломанный сайт.

Материал проверен: Андрей Дикий (Создаёт сайты и продвигает их статьями (SEO/GEO)).
Достоверность данных: Yoast help и developer spec; Rank Math KB Twitter Cards и Social tab; TSF KB 2026; Conductor Academy; patrickstox.com; wordpress.org support; частотность — Яндекс Вордстат на 2026-09-26 (точные показы MCP недоступны, LSI через WebSearch).

Частые вопросы

Нужен ли twitter:card при Open Graph?

Для X — да. og:image помогает Telegram, но twitter:card без fallback на OG не появится сам. Включите summary_large_image в Yoast или Rank Math и одну широкую картинку в записи или соцвкладке.

Какое разрешение twitter:image?

Минимум 300 на 157 px, соотношение около 2:1, максимум 5 MB, без SVG. На практике загружайте 1200 на 630 — тот же файл закроет og:image для мессенджеров.

Почему в X старая картинка?

Кэш платформы и CDN сайта. Обновите мета, очистите кэш плагина или хостинга, проверьте код, опубликуйте черновик с новой ссылкой. Мертвый Card Validator для этого не нужен.

Можно без плагина?

Через дочернюю тему — для новичка риск. Сначала Yoast, Rank Math или OG с wordpress.org.

Влияют ли карточки на Google?

Не как фактор ранга. Это вид ссылки в X и клики из чатов.

Telegram пусто, Debugger Facebook видит картинку?

Разный кэш и задержка после SSL. og:image по HTTPS, @WebpageBot, подождите.

Yoast и Rank Math вместе?

Оставьте один генератор — дубли тегов ломают превью чаще, чем размер файла.