Open-Graph-Generator: OG-Tags & Twitter Cards erstellen | Kostenlos

A Überhaupt nicht. Die Tags sind lediglich HTML-Code im Kopfbereich Ihrer Seite und fügen etwa 1 KB oder weniger zur Dateigröße hinzu. Das ist kleiner als die meisten Favicons. Ihre Seite lädt mit oder ohne sie genauso schnell.

A Nicht unbedingt. Unser Generator erstellt beide Tag-Arten aus einem einzigen Formular. Facebook liest die `og:`-Eigenschaften, Twitter nutzt dieselben, sofern nicht überschrieben. Wer unterschiedliche Beschreibungen pro Plattform wünscht, aktiviert den Schalter „Benutzerdefinierte Twitter Card“. Für die meisten reicht ein Satz. Prüfe einfach die Vorschau vor dem Einbau.

A Klar. Geben Sie einfach Ihren Entwurf-Titel, die Beschreibung ein und laden Sie ein Bild hoch. Keine Live-URL nötig. Das ist ein Segen für Blogger, die Beiträge vorbereiten, oder zum Testen verschiedener Überschriften. Ändern Sie ein Feld nach dem anderen und sehen Sie sofort, wie die Facebook-Vorschau reagiert. So vermeiden Sie, dass Ihre geteilten Links abgeschnitten aussehen.

A Ja, Facebook speichert Ihre OG-Daten etwa 24 Stunden lang. Deshalb sehen Sie nach Änderungen manchmal noch ein altes Bild oder einen alten Titel. Nutzen Sie den Facebook Sharing Debugger (developers.facebook.com/tools/debug) — geben Sie Ihre URL ein, klicken Sie auf „Erneut scrapen", und schon wird der Cache geleert. Bei Twitter hält der Cache im Schnitt nur ein paar Stunden. Erstellen Sie hier neue Tags, scrapen Sie beide Plattformen, und alles passt.

A Auf jeden Fall, und das solltest du auch. Open-Graph-Tags funktionieren mit jeder Sprache – schreibe Titel und Beschreibung einfach in deiner Zielsprache. Facebook und Twitter zeigen Unicode-Zeichen, Emojis und Akzente problemlos an. Japanische oder arabische Texte sehen in den Vorschauen perfekt aus. Aber Achtung: Manche Plattformen kürzen bei asiatischen Schriftzeichen anders. Prüf das Live-Preview immer vorher. Mein Tipp: mach einen Test mit einem einzelnen Beitrag, bevor du alles auf einmal veröffentlichst.

A Soziale Plattformen durchsuchen deine Seite und raten einfach. Sie nehmen den vorhandenen Title-Tag, vielleicht das erste gefundene Bild und einen zufälligen Textausschnitt. Das führt oft zu geteilten Links mit falschem Foto oder abgeschnittenem Titel. Rund 30 % der geteilten Links auf Facebook haben keine sauberen OG-Tags, und solche Beiträge erzielen spürbar weniger Interaktion. Mit diesem Generator brauchst du keine zwei Minuten, und du überlässt den ersten Eindruck deiner Marke nicht dem Zufall. Die meisten CMS-Systeme brauchen die Tags nur einmal pro Vorlage eingefügt.

A Nutze 1200x630 Pixel. Das ist der Sweet Spot für Facebooks Linkvorschauen und skaliert auch bei Twitter sauber. In manchen Ansichten wird das Bild beschnitten, also lasse wichtigen Text nicht zu nah am Rand stehen. Stell es hier direkt im Live-Preview ein und tausche das Bild, bis es passt. Ein unscharfes oder verzerrtes Bild killt jeden Klick.

A Ja, aber nur, wenn dir wichtig ist, wie dein Link auf Twitter im Vergleich zu Facebook aussieht. Unser Generator erstellt sowohl `og:image` als auch `twitter:image`. Wenn du die Twitter-spezifischen Tags weglässt, verwendet Twitter automatisch die Open-Graph-Werte. Twitters Karte zeigt jedoch ein Seitenverhältnis von 2:1 für große Bildkarten, während Facebook 1,91:1 bevorzugt. Ein einzelnes 1200x630-Bild funktioniert meist für beide Plattformen. Falls du eine individuelle Darstellung möchtest, aktiviere den Twitter-Toggle und lade stattdessen einen 600x335-Zuschnitt hoch. Praktischer Tipp: Prüfe die generierte URL vor einer großen Kampagne immer mit Twitters Card Validator.

A Die Nutzung von Kurz-URLs entfernt meistens die individuell eingerichteten Metadaten. Social-Media-Crawler rufen stets die finale Zieladresse ab anstatt den Weiterleitungslink. Einige professionelle Dienste unterstützen jedoch benutzerdefinierte Domains samt Header-Übertragung. Testen Sie den verkürzten Link unbedingt in unserer Vorschau, bevor Sie den Newsletter versenden.

A Ja, du brauchst kein schweres SEO-Plugin für ein paar Codezeilen. Kopiere die generierten Tags einfach in die header.php deines Themes direkt vor den schließenden Head-Tag. Doch Vorsicht bei Theme-Updates, da diese deine Änderungen überschreiben können. Verwende für eine dauerhafte Lösung am besten ein Plugin für eigene Code-Snippets.