Twitter Card Generator
Erstellen Sie HTML-Meta-Tags für Twitter Cards mit anpassbarem Kartentyp, Titel, Beschreibung, Bild-URL und Nutzerangaben.
Tool ausführen
Mit diesem Online-Tool erstellen Sie die passenden HTML-Meta-Tags für Twitter Cards auf Ihrer Website. Twitter Cards steuern, wie Inhalte in Beiträgen auf X dargestellt werden, wenn jemand einen Link zu Ihrer Seite teilt. Für die Erzeugung des Codes tragen Sie mindestens einen Titel ein. Bleibt das Titelfeld leer, erzeugt das Tool kein Markup. Als Kartentyp ist standardmäßig die große Bildansicht voreingestellt, Sie können aber auch die kompakte Zusammenfassung verwenden. Ergänzend fügen Sie eine aussagekräftige Beschreibung, die vollständige Bild-URL für das Vorschaubild sowie die Nutzerkonten für die Website und den Autor hinzu. Das Tool wandelt Sonderzeichen im Text automatisch in sicheren HTML-Code um und gibt die fertigen Tag-Zeilen aus. Kopieren Sie diese Zeilen anschließend direkt in den Kopfbereich Ihrer HTML-Dokumente. So stellen Sie sicher, dass geteilte Links auf der Plattform mit dem gewünschten Kartentyp, Bild und Begleittext angezeigt werden.
Anleitung
- Wählen Sie den gewünschten Kartentyp aus oder behalten Sie die Standardeinstellung bei.
- Geben Sie den Titel Ihrer Seite oder Ihres Artikels in das Titelfeld ein.
- Fügen Sie optional eine kurze Beschreibung, eine Bild-URL sowie Benutzerangaben für Website und Autor hinzu.
- Kopieren Sie die erzeugten HTML-Meta-Tags aus dem Ausgabebereich in das head-Element Ihrer Webseite.
Beispiele
- Blogartikel mit großem Vorschaubild: Geben Sie als Titel 'Neuer Leitfaden für Webdesign', eine Bild-URL und das @handle der Redaktion ein, um eine Vorschaukarte mit großem Bild zu generieren.
- Produktseite mit kompakter Vorschau: Wählen Sie den Standard-Kartentyp, tragen Sie Produktname, Kurzbeschreibung und Website-Handle ein, um prägnante Meta-Tags zu erhalten.
FAQ
Warum wird kein HTML-Code erzeugt?
Für die Generierung ist die Angabe eines Titels erforderlich. Wenn das Titelfeld leer bleibt, wird kein Markup ausgegeben.
Welcher Kartentyp ist standardmäßig ausgewählt?
Als Standardwert ist die große Bildvorschau (summary_large_image) vorgegeben, die ein hervorgehobenes Vorschaubild darstellt.
Muss ich Sonderzeichen im Text vorab manuell maskieren?
Nein. Eingegebene Texte und URLs werden automatisch in sicheres HTML-Format umgewandelt.
Wo binde ich die erzeugten Tags auf meiner Website ein?
Fügen Sie die generierten Zeilen in den Kopfbereich (zwischen <head> und </head>) Ihres HTML-Dokuments ein.