OGP-Tag-Generator (automatische Ausgabe für og:title, og:image und mehr)

Q: "Kann dieses Werkzeug auch Twitter-Card-Tags erzeugen?"

"Ja. Es kann twitter:card und verwandte Tags gemeinsam ausgeben. Ein Minimalmodus ist ebenfalls verfügbar."

Q: "Welche Bildgröße sollte ich verwenden?"

"Verwenden Sie praxisnahe Richtwerte je Ziel. Meta-orientierte Vorschauen nutzen oft etwa 1,91:1 (z. B. 1200×630), während X summary_large_image oft etwa 2:1 nutzt (z. B. 1200×600)."

Q: "Warum werden Änderungen nicht übernommen?"

"In den meisten Fällen liegt das am Cache. Fordern Sie per Plattform-Tool ein erneutes Scraping an und erwägen Sie nach einem Bildaustausch eine Änderung der Bild-URL."

Geben Sie URL, Titel, Beschreibung und Bild-URL ein. Erzeugen Sie Open Graph- und Twitter-Card-Meta-Tags an einem Ort.

Bereit zum Kopieren und Einfügen Integrierte Vorschau Hinweise zu Bild und Cache

So wird es verwendet

Öffnen Sie das Werkzeug und geben Sie Canonical-URL, Titel und Bild-URL ein.
Fügen Sie optional Beschreibung, Website-Namen und Twitter-Einstellungen hinzu.
Kopieren Sie die erzeugten Meta-Tags und fügen Sie sie in den head Ihrer Seite ein.
Prüfen Sie Vorschau und Hinweise und passen Sie bei Bedarf Bildverhältnis oder Cache-Strategie an.

Was ist OGP?

Open Graph Protocol (OGP) sind Metadaten, die von sozialen Plattformen und Chat-Apps verwendet werden, um Link-Vorschauen darzustellen.

Durch das Setzen von og:title, og:description, og:image und verwandten Tags können Sie beeinflussen, wie geteilte URLs erscheinen.

Die Kombination von OGP mit Twitter-Card-Tags hilft, das Vorschauverhalten plattformübergreifend konsistenter zu halten.

Hinweise zu Bildgrößen (für stabilere Vorschau-Darstellung)

Hinweise für Meta-Plattformen (Referenz)

Mindest-Referenz: 200×200.
Oft stabil: 1200×630 oder größer, mindestens 600×315.
Ziel-Seitenverhältnis etwa 1,91:1.
Als Richtwert für die Bilddateigröße gelten 8 MB oder weniger.

Hinweise für X Cards (Referenz)

summary_large_image zielt im Allgemeinen auf ein Verhältnis von etwa 2:1.
Referenzbereich: mindestens 300×157, maximal 4096×4096.
Als Richtwert für die Dateigröße gelten weniger als 5 MB.
Verwenden Sie JPG/PNG/WEBP/GIF, soweit unterstützt.

Wenn Aktualisierungen nicht erscheinen (Cache und erneutes Scraping)

Social-Crawler können abgerufene Metadaten cachen. Verwenden Sie die Debugger/Inspektoren der jeweiligen Plattform, um ein erneutes Scraping anzufordern.
Wenn ein ausgetauschtes Bild nicht erscheint, kann eine Änderung der Bild-URL helfen (Dateiname oder Query-String ändern).
Das Setzen von og:image:width und og:image:height kann in manchen Fällen die Darstellungsstabilität verbessern.

Meta Sharing Debugger

https://developers.facebook.com/tools/debug/

Erneutes Scraping und Prüfung der Open-Graph-Parsing-Ergebnisse für Meta-Plattformen.

LinkedIn Post Inspector

https://www.linkedin.com/post-inspector/

Aktualisieren und prüfen Sie URL-Vorschaudaten auf LinkedIn.

X Card Validator

https://cards-dev.twitter.com/validator

Validieren Sie X-Card-Metadaten und erzwingen Sie, falls möglich, das Abrufen der Card.

FAQ

Kann dieses Werkzeug auch Twitter-Card-Tags erzeugen?

Ja. Es kann twitter:card und verwandte Tags gemeinsam ausgeben. Ein Minimalmodus ist ebenfalls verfügbar.

Welche Bildgröße sollte ich verwenden?

Verwenden Sie praxisnahe Richtwerte je Ziel. Meta-orientierte Vorschauen nutzen oft etwa 1,91:1 (z. B. 1200×630), während X summary_large_image oft etwa 2:1 nutzt (z. B. 1200×600).

Warum werden Änderungen nicht übernommen?

In den meisten Fällen liegt das am Cache. Fordern Sie per Plattform-Tool ein erneutes Scraping an und erwägen Sie nach einem Bildaustausch eine Änderung der Bild-URL.