Was ist eine Twitter Card?

Eine Twitter Card ist die reichhaltige Vorschau, die X zeigt, wenn jemand einen Link postet. Meta-Tags wie twitter:card, twitter:title, twitter:description und twitter:image sagen X, wie diese Vorschau gerendert wird.

Was ist der Unterschied zwischen summary und summary_large_image?

summary_large_image zeigt ein breites Bild ueber dem Titel - ideal fuer Beitraege und Launches. summary nutzt ein kleines Quadrat-Thumbnail neben dem Text - besser fuer kompakte Shares. Waehlen Sie den Typ, der zu Ihrem Bild passt.

Brauche ich trotzdem Open-Graph-Tags?

Ja fuer Facebook, LinkedIn, Slack und viele Messenger. X kann auf Open Graph zurueckfallen, aber eigene twitter:*-Tags geben explizite Kontrolle. Erzeugen Sie beides - dieses Tool plus den Open-Graph-Tag-Generator.

Welche Groesse sollte das Twitter-Card-Bild haben?

Absolute https-URL verwenden. Etwa 1200 x 628 Pixel eignen sich gut fuer summary_large_image. Fuer summary ist ein Quadratbild (mindestens 144 x 144, idealerweise groesser) sicherer.

Was gehoert in twitter:site?

Ihr Marken- oder Site-@Handle auf X. Sie koennen @marke, marke oder eine Profil-URL eingeben - der Generator normalisiert es zu @handle.

Wo fuege ich das HTML ein?

In den Head des oeffentlichen HTML-Dokuments (oder in die Metadata-API Ihres Frameworks). Die Tags muessen auf der geteilten URL sichtbar sein, damit der X-Crawler sie lesen kann.

Verlassen meine Daten das Geraet?

Nein. Der Twitter-Card-Generator laeuft nur im Browser. Titel, Handles und Bild-URLs werden nicht hochgeladen oder auf einem Server gespeichert.

SEO-Tools

Beliebt

Twitter-Card-Generator

Erstellen Sie Twitter-Card-Meta-Tags fuer X im Browser.

Kartentyp

summary_large_image fuer ein breites Hero-Bild. summary fuer eine kompakte Karte mit kleinem Quadrat-Thumbnail.

Titel

0 Zeichen

Beschreibung

0 Zeichen

Bild-URL

Absolute https-URL verwenden. 1200 x 628 px eignet sich gut fuer summary_large_image.

Site (@Handle)

Ihr Marken-Handle auf X. Akzeptiert @name, name oder eine x.com- / twitter.com-URL.

Creator (@Handle)

Optional. Handle des Inhaltsautors.

HTML-Tags

Titel, Beschreibung, Bild oder Handle ausfuellen, um Tags zu erzeugen.

X- / Twitter-Vorschau

Bild-URL hinzufuegen, um die Vorschau zu sehen

Ihr Kartentitel

Ihre Beschreibung erscheint hier, wenn ein Link geteilt wird.

example.com

Über Twitter-Card-Generator

Erstellen Sie Twitter-Card-Meta-Tags fuer X im Browser. Waehlen Sie summary oder summary_large_image, geben Sie Titel, Beschreibung, Bild-URL und optionale @site- / @creator-Handles ein und kopieren Sie das HTML in den Head Ihrer Seite. Die Vorschau zeigt eine kompakte oder grossformatige Karte. Kombinieren Sie es mit dem Open-Graph-Tag-Generator fuer Facebook und LinkedIn. Nichts wird hochgeladen.

So verwenden Sie Twitter-Card-Generator

Kartentyp waehlen: summary_large_image fuer ein breites Hero-Bild, oder summary fuer ein kompaktes Thumbnail.
Titel und Beschreibung eintragen, die beim Teilen des Links erscheinen.
Absolute https-Bild-URL einfuegen (1200 x 628 eignet sich gut fuer grosse Karten).
twitter:site (Marken-Handle) und optional twitter:creator hinzufuegen.
HTML kopieren und in den Head Ihrer Seite einfuegen.

Beispiele für Twitter-Card-Generator

Blogbeitrag mit grossem Bild

Karte summary_large_image, Beitragstitel, zweizeilige Beschreibung und 1200 x 628-Bild erzeugen twitter:card, twitter:title, twitter:description und twitter:image fuer das Artikel-Template.

Produktseite mit Marken-Handle

Fuegen Sie @ihreMarke als Site hinzu, damit X die Karte Ihrem Account zuordnet. Halten Sie den Titel unter ~70 Zeichen, damit er im Timeline nicht hart abgeschnitten wird.

Kompakte Summary-Karte

Nutzen Sie summary mit einem Quadrat-Thumbnail, wenn der Share klein neben dem Titel bleiben soll - nuetzlich fuer Docs und Support-Links.

Handle aus einer X-Profil-URL

Fuegen Sie https://x.com/toolsminify unter Site ein - der Generator normalisiert es zu @toolsminify in twitter:site.

Häufige Anwendungsfälle

twitter:card-Tags fuer Blog oder Landing page ausliefern
summary vs summary_large_image vor dem Deploy vergleichen
twitter:site und twitter:creator korrekt setzen
Titel mit Anfuehrungszeichen und Ampersands fuer gueltiges HTML escapen
Open Graph um X-spezifische Kontrolle ergaenzen

Häufig gestellte Fragen zu Twitter-Card-Generator

Was ist eine Twitter Card?: Eine Twitter Card ist die reichhaltige Vorschau, die X zeigt, wenn jemand einen Link postet. Meta-Tags wie twitter:card, twitter:title, twitter:description und twitter:image sagen X, wie diese Vorschau gerendert wird.
Was ist der Unterschied zwischen summary und summary_large_image?: summary_large_image zeigt ein breites Bild ueber dem Titel - ideal fuer Beitraege und Launches. summary nutzt ein kleines Quadrat-Thumbnail neben dem Text - besser fuer kompakte Shares. Waehlen Sie den Typ, der zu Ihrem Bild passt.
Brauche ich trotzdem Open-Graph-Tags?: Ja fuer Facebook, LinkedIn, Slack und viele Messenger. X kann auf Open Graph zurueckfallen, aber eigene twitter:*-Tags geben explizite Kontrolle. Erzeugen Sie beides - dieses Tool plus den Open-Graph-Tag-Generator.
Welche Groesse sollte das Twitter-Card-Bild haben?: Absolute https-URL verwenden. Etwa 1200 x 628 Pixel eignen sich gut fuer summary_large_image. Fuer summary ist ein Quadratbild (mindestens 144 x 144, idealerweise groesser) sicherer.
Was gehoert in twitter:site?: Ihr Marken- oder Site-@Handle auf X. Sie koennen @marke, marke oder eine Profil-URL eingeben - der Generator normalisiert es zu @handle.
Wo fuege ich das HTML ein?: In den Head des oeffentlichen HTML-Dokuments (oder in die Metadata-API Ihres Frameworks). Die Tags muessen auf der geteilten URL sichtbar sein, damit der X-Crawler sie lesen kann.
Verlassen meine Daten das Geraet?: Nein. Der Twitter-Card-Generator laeuft nur im Browser. Titel, Handles und Bild-URLs werden nicht hochgeladen oder auf einem Server gespeichert.

Open-Graph-Tag-Generator

Erzeugen Sie Open-Graph- und Twitter-Card-Meta-Tags aus Titel, Beschreibung, URL und Bild. Kostenloser OG-Generator mit Live-HTML und Social-Vorschau.

Meta-Description-Checker und SERP-Vorschau

Kostenloser SERP-Längen-Checker und Meta-Description-Vorschau. Live-Zeichenzähler und Google-Snippet-Vorschau - oder Entwurf generieren. Passt zum 150-160-Limit.

UTM-Kampagnen-URL-Builder

Kostenloser UTM-Kampagnen-URL-Builder fuer GA4. utm_source, utm_medium und utm_campaign setzen, getaggte Links zurueckparsen und Werte kleinschreiben (GA4 ist case-sensitive). Nichts wird hochgeladen.