Twitter Card Preview
Preview Twitter Cards and generate meta tags for social sharing.
Предпросмотр
Без изображения
My Page Title for Social Sharing
A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.
@mywebsite
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Page Title for Social Sharing"> <meta name="twitter:description" content="A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display."> <meta name="twitter:site" content="@mywebsite">
Об этом инструменте
Предпросмотр карточки Twitter / X показывает, как ваша страница будет выглядеть при публикации в Twitter (теперь X), и генерирует правильные мета-теги для добавления в HTML.
Поддерживаются два типа карточек: Сводка с большим изображением (полноширинный баннер) и Сводка (маленький миниатюры — подходит для статей и подкастов).
Как использовать
- Выберите тип карточки: Сводка или Сводка с большим изображением.
- Заполните заголовок, описание и при желании URL изображения.
- Предпросмотр обновляется в реальном времени.
- Скопируйте сгенерированные мета-теги и вставьте их в head вашего HTML.
Случаи использования
Контент-маркетологи просматривают карточки до запуска кампаний. Разработчики добавляют мета-теги в блоги и страницы продуктов. SEO-команды проверяют страницы на отсутствующие или неправильно настроенные карточки.
Частые вопросы
- Какой размер изображения использовать? — Для Сводки с большим изображением: 1200×628 px (соотношение 2:1). Для Сводки: не менее 144×144 px квадратное. Максимум 5 МБ.
- Нужно ли регистрироваться в Twitter? — Twitter / X больше не требует одобрения карточек разработчика. Просто добавьте мета-теги, и карточка появится.
- Можно ли использовать те же теги для LinkedIn и Facebook? — LinkedIn и Facebook используют теги Open Graph (og:title, og:image и т.д.), а не теги Twitter Card. Используйте инструмент генератора OG-тегов для этих платформ.