Open Graph Generator
Generate OG tags
Generate OG tags Läuft lokal in Ihrem Browser
URL, title and description, separated by vertical bars.
About the
Der Open Graph Generator erstellt die og-Tags, die steuern, wie eine Seite aussieht, wenn ihr Link geteilt wird. Es gibt og:url, og:title, og:description und og:type aus einer einzigen Eingabezeile aus, was der Mindestsatz ist, den die meisten Plattformen lesen. Fügen Sie das Ergebnis in den Kopf Ihrer Seite ein und die Vorschaukarte entspricht nicht mehr dem, was die Plattform vermutet hat.
Where people use the
- Hinzufügen von Freigabe-Tags zu einer Seite, die derzeit keine hat.
- Behebung einer Linkvorschau, die den falschen Titel oder die falsche Beschreibung anzeigt.
- Erstellen eines konsistenten Blocks über eine Reihe von Zielseiten hinweg.
- Vorbereiten von Tags für einen Start, bevor die Seite online geht.
How to use the
- 1
Geben Sie die drei Felder ein
URL, Titel und Beschreibung, getrennt durch vertikale Balken, zum Beispiel https://example.com | Seitentitel | Eine kurze Beschreibung.
- 2
Generieren
Es werden vier og-Tags erstellt, darunter og:type, festgelegt auf „Website“.
- 3
Kopieren Sie den Block
Fügen Sie die Tags in den Kopf Ihrer Seite ein.
- 4
Fügen Sie separat ein Bild-Tag hinzu
og:image ist nicht enthalten, da es eine vollständige URL zu einer echten Datei benötigt. Fügen Sie es selbst hinzu, indem Sie auf ein Bild zeigen, das öffentlich erreichbar ist.
Tipps und Best Practices
- Verwenden Sie absolute URLs. Scraper können relative Pfade nicht auflösen.
- Fügen Sie og:image selbst hinzu, etwa 1200 x 630 Pixel.
- Nach dem Ändern von Tags erneut mit dem Plattform-Debugger scannen; Vorschauen werden zwischengespeichert.
Häufig gestellte Fragen
Warum sieht mein geteilter Link immer noch falsch aus?
Plattformen Cache-Vorschauen aggressiv. Sobald die Tags korrekt sind, erzwingen Sie ein erneutes Scrapen mit dem plattformeigenen Freigabe-Debugger oder warten Sie, bis der Cache abläuft.
Ist og:image erforderlich?
Nicht unbedingt, aber ein Link ohne Bild erhält eine reine Textkarte, auf die weitaus weniger wahrscheinlich geklickt wird. Fügen Sie eins hinzu.
Welche Größe soll das Bild haben?
Die gängige Empfehlung sind etwa 1200 x 630 Pixel, da das Zuschneiden auf den meisten Plattformen übersteht.
Benötige ich auch Twitter-spezifische Tags?
Die meisten Plattformen lesen die og-Tags. Ein Karten-Tag für Twitter kann das Layout überschreiben, ist jedoch optional.
Kann ich relative URLs verwenden?
Nein. og:image und og:url müssen absolut sein, einschließlich des Schemas, da ein externer Scraper keine Basis-URL hat, anhand derer er aufgelöst werden kann.