6XC

Open Graph & Twitter Card Generator

Erzeugen Sie og: und twitter: Meta-Tags mit einer Live-Vorschau der Share-Karte — steuern Sie, wie Links auf sozialen Plattformen aussehen.

957 Aufrufe

Warum geteilte Links gut (oder schrecklich) aussehen

Wenn eine URL in eine soziale Plattform oder einen Messenger eingefügt wird, stammt die Vorschaukarte aus Open-Graph-Tags (Facebook, LinkedIn, WhatsApp, Telegram, Slack...) und twitter:-Tags (X). Keine Tags = die Plattform rät, meist schlecht. Die kritischen vier: og:title, og:description, og:image und og:url — plus twitter:card, um zwischen einer kleinen Zusammenfassung und dem vollbreiten summary_large_image zu wählen.

Bildregeln entscheiden über alles: 1200×630 ist die sichere Universalgröße (1,91:1), Dateien unter ~1 MB laden zuverlässig, und die URL muss absolut sein (https://...). Nach dem Deployment mit den Debuggern der Plattformen validieren — der Facebook Sharing Debugger und ähnliche leeren dabei auch den Cache Ihrer alten Karte.

Häufig gestellte Fragen

Die Karte zeigt noch mein altes Bild — warum?

Plattformen cachen aggressiv. Fügen Sie die URL in Facebooks Sharing Debugger ein und klicken Sie auf "Erneut abrufen" (jede Plattform hat ein Äquivalent), um sie zu aktualisieren.

Brauche ich separate twitter:-Tags, wenn og:-Tags vorhanden sind?

X greift bei den meisten Feldern auf Open Graph zurück, aber twitter:card ist eine eigene Entscheidung (Zusammenfassung vs. großes Bild) — setzen Sie zumindest dieses. Dieser Generator gibt beide Sätze aus, was der sichere Standard ist.

Ähnliche Tools

Meta-Tag-Generator (Title & Description) Schreiben Sie Titel und Beschreibung mit Live-Google-Vorschau und Längenanzeige — kopieren Sie saubere HTML-Meta-Tags. Erstellen Google-Suchergebnis-Vorschau (SERP-Snippet) Sehen Sie, wie Ihr Titel, Ihre URL und Ihre Meta-Beschreibung in den Google-Suchergebnissen aussehen werden, bevor Sie veröffentlichen — mit Live-Warnungen zu Zeichen-/Pixel-Kürzung. Starten URL-Slug-Generator Verwandeln Sie jeden Titel in einen sauberen URL-Slug — Akzente werden transliteriert, Satzzeichen entfernt, mehrzeilige Stapelverarbeitung wird unterstützt. Erstellen Keyword-Dichte-Analyse Text einfügen und die häufigsten Wörter und 2-3-Wort-Phrasen mit Dichte-Prozentsätzen sehen — Stoppwörter gefiltert, alles im Browser. Starten