Генерація зображень для 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-картку
Згенеруйте ваш FastOG URL один раз, а потім встановіть його в обидва мета-теги: 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
| Перевірка | Деталі |
|---|---|
| Публічна 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?
FastOG генерує зображення; ви самостійно додаєте мета-теги twitter:card та twitter:image на свою сторінку (як показано вище). Наш безкоштовний Open Graph Meta Tag Generator створює всі теги за вас.