Что это
«Twitter Card» (собственное название платформы для этой функции, появившееся до переименования в X) — это расширенное превью, показываемое при публикации ссылки в X — обычно включающее изображение, заголовок и описание, а не простую, ничем не украшенную текстовую ссылку. Оно контролируется конкретным мета-тегом, проще всего <meta name="twitter:card" content="summary_large_image">, который указывает X специально построить этот более крупный, ориентированный на изображение формат превью.
X во многих случаях действительно возвращается к чтению стандартных тегов Open Graph (og:title, og:description, og:image) для фактического содержимого превью — но без этого конкретного тега twitter:card он может вообще не построить расширенное превью, вместо этого по умолчанию показывая голую ссылку.
Почему это важно
Ссылки, опубликованные в X без работающей карточки, отображаются как простой, ничем не примечательный текст в ленте, полной других постов, конкурирующих за внимание — легко пролистываемый мимо. Работающая карточка с изображением и заголовком значительно более привлекательна и даёт людям, с которыми поделились, реальное, немедленное ощущение того, куда они перейдут, ещё до того, как они прочитают хоть слово окружающего комментария.
Это очень небольшое, однострочное дополнение поверх тегов Open Graph, которые вы, возможно, уже настроили для Facebook и LinkedIn — по сути нет причин пропускать это, если те уже настроены.
Как это исправить
- Убедитесь, что у вас уже настроены теги Open Graph (og:title, og:description, og:image) на странице, поскольку X считывает большую часть содержимого превью из них.
- Добавьте
<meta name="twitter:card" content="summary_large_image">в раздел<head>страницы, что запрашивает более крупный, ориентированный на изображение стиль превью. - Если вы используете конструктор сайтов или SEO-плагин, это часто включается автоматически вместе с другими настройками публикации в соцсетях — проверьте там, прежде чем добавлять вручную.
- Протестируйте результат с помощью инструмента Card Validator от X (или опубликовав ссылку в приватном черновике поста), чтобы убедиться, что превью отображается как ожидается.
- Запустите проверку Launch Readiness снова, чтобы убедиться, что тег теперь обнаружен.