Generování obrázků pro Twitter karty pomocí API
Obrázek Twitter (X) karty je velký náhled zobrazený při sdílení odkazu na X. FastOG jej generuje dynamicky v rozlišení 1200×630 a signalizuje summary_large_image, takže každá stránka získá správnou X kartu bez ručního vytváření obrázku.
Co vyžaduje obrázek pro Twitter kartu
X čte Open Graph tagy a vykreslí summary_large_image kartu, když stránka odkazuje na twitter:card = summary_large_image. Obrázek se vykresluje v rozlišení 1200×630. FastOG vytváří přesně toto a twitter:image nasměrujete na stejnou dynamickou URL jako og:image.
Jak zapojit dynamickou kartu pro Twitter
Vygenerujte svou FastOG URL jednou a poté nastavte obě meta tagy, OG i Twitter, na tuto adresu.
<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=...">
Stejná URL funguje pro oba tagy. X použije
og:image, pokudtwitter:imagechybí, ale nastavení obou je neškodné a explicitní.
Tipy pro validátor X karet
| Kontrola | Detail |
|---|---|
| Veřejná URL | Obrázek musí být pro X načitatelný bez autentizace |
| Velikost souboru / formát | Držte se pod 5 MB; PNG je nejlepší pro textové karty |
| Cache | X agresivně cacheuje — použijte Card Validator k vynucení obnovení |
| Podepsané URL | Content-signed URL od FastOG brání pouze první vykreslení; cacheované karty zůstávají platné |
FAQ
Potřebuji pro X a Open Graph samostatné obrázky?
Ne. X čte stejný obrázek o rozměrech 1200×630. Tato stránka existuje, protože správné twitter:card tagy je snadné pokazit.
Proč se moje X karta neaktualizuje poté, co změním titulek?
X ukládá starou kartu do mezipaměti. Otevřete X Card Validator, vložte URL a znovu proveďte scraping.
Zpracovává FastOG také twitter meta tagy?
FastOG generuje obrázek; vy stále přidáváte twitter:card a twitter:image meta tagy na svou stránku (jak je ukázáno výše). Náš bezplatný Open Graph Meta Tag Generator vám napíše všechny tagy za vás.