Генерация изображений для Twitter-карточек с помощью API
Изображение для Twitter-карточки (X) — это крупный превью, отображаемый при публикации ссылки в X. FastOG генерирует его динамически в размере 1200×630 и передаёт сигнал summary_large_image, поэтому каждая страница получает корректную X-карточку без необходимости создавать изображение вручную.
Что нужно изображению для Twitter-карточки
X считывает теги Open Graph и отображает карточку summary_large_image, когда страница содержит ссылку twitter:card = summary_large_image. Изображение отображается в размере 1200×630. FastOG генерирует именно такой размер, и вы указываете twitter:image на тот же динамический URL, что и og:image.
Как настроить динамическую Twitter-карточку
Сгенерируйте URL FastOG один раз, затем укажите его в мета-тегах OG и Twitter.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
Один и тот же URL работает для обоих тегов. X использует
og:image, еслиtwitter:imageотсутствует, но указание обоих тегов безвредно и явно.
Советы по валидатору X Card
| Проверка | Детали |
|---|---|
| Публичный URL | Изображение должно быть доступно для X без авторизации |
| Размер файла / формат | Держите до 5 МБ; PNG лучше всего подходит для текстовых карточек |
| Кэш | X агрессивно кэширует — используйте Card Validator для принудительного обновления |
| Подписанные URL | Подписанные URL от FastOG ограничивают только первый рендер; закэшированные карточки остаются действительными |
FAQ
Нужны ли мне отдельные изображения для X и Open Graph?
Нет. X использует то же изображение 1200×630. Эта страница существует, потому что правильные теги twitter:card легко перепутать.
Почему моя карточка X не обновляется после изменения заголовка?
X кэширует старую карточку. Откройте X Card Validator, вставьте URL и выполните повторный сбор данных.
Обрабатывает ли FastOG также теги twitter meta?
FastOG генерирует изображение; теги twitter:card и twitter:image вы добавляете на свою страницу самостоятельно (как показано выше). Наш бесплатный генератор тегов Open Graph создаст все теги за вас.