Twitter-Kartenbilder per API generieren
Ein Twitter- (X-) Kartenbild ist die große Vorschau, die angezeigt wird, wenn ein Link auf X geteilt wird. FastOG generiert es dynamisch in der Größe 1200×630 und signalisiert summary_large_image, sodass jede Seite eine ordnungsgemäße X-Karte erhält, ohne dass ein Bild manuell erstellt werden muss.
Was ein Twitter-Card-Bild benötigt
X liest Open-Graph-Tags und rendert eine summary_large_image-Karte, wenn die Seite twitter:card = summary_large_image verlinkt. Das Bild wird mit 1200×630 gerendert. FastOG erzeugt genau das, und Sie verweisen twitter:image auf dieselbe dynamische URL wie og:image.
So verdrahten Sie eine dynamische Twitter-Karte
Generieren Sie Ihre FastOG-URL einmal und setzen Sie dann sowohl die OG- als auch die Twitter-Meta-Tags darauf.
<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=...">
Dieselbe URL funktioniert für beide Tags. X greift auf
og:imagezurück, wenntwitter:imagefehlt, aber beide zu setzen ist unschädlich und explizit.
Tipps zum X-Card-Validator
| Prüfung | Detail |
|---|---|
| Öffentliche URL | Das Bild muss von X ohne Authentifizierung abrufbar sein |
| Dateigröße / Format | Unter 5 MB halten; PNG ist für Textkarten am besten geeignet |
| Cache | X speichert aggressiv zwischen – verwenden Sie den Card Validator, um eine Aktualisierung zu erzwingen |
| Signierte URLs | Die inhalts-signierten URLs von FastOG beschränken nur das erste Rendering; zwischengespeicherte Karten bleiben gültig |
FAQ
Benötige ich separate Bilder für X und Open Graph?
Nein. X verwendet dasselbe 1200×630-Bild. Diese Seite existiert, weil die korrekten twitter:card-Tags leicht falsch gesetzt werden können.
Warum wird meine X-Karte nicht aktualisiert, nachdem ich den Titel geändert habe?
X speichert die alte Karte im Cache. Öffnen Sie den X Card Validator, fügen Sie die URL ein und führen Sie das erneute Scraping durch.
Übernimmt FastOG auch die Twitter-Meta-Tags?
FastOG generiert das Bild; die twitter:card- und twitter:image-Meta-Tags fügen Sie weiterhin selbst zu Ihrer Seite hinzu (wie oben gezeigt). Unser kostenloser Open Graph Meta Tag Generator schreibt alle Tags für Sie.