Öffnen Sie den Diagrammgenerator

Über dieses Tool

Okay, Sie haben wahrscheinlich diese kleinen Vorschaukarten gesehen, wenn Sie einen Link in Slack, Twitter oder Facebook einfügen. Wissen Sie – der Titel, ein Textausschnitt und vielleicht ein Bild? Das ist ein Open Graph-Tag, das seinen Zweck erfüllt. Und wenn Sie jemals versucht haben, diese manuell einzurichten, wissen Sie, dass es ziemlich mühsam ist. Hier kommt dieser Open Graph Generator ins Spiel. Er ist nichts Besonderes. Es geht nicht darum, Sie zu beeindrucken. Es hilft Ihnen lediglich dabei, die Meta-Tags zu erstellen, die Sie benötigen, damit Ihre Links beim Teilen tatsächlich anständig aussehen.

Ich habe dies erstellt, weil ich es satt hatte, mich jedes Mal durch die Dokumentation zu wühlen, wenn ich einen Blog-Beitrag oder einen Projektlink teilen wollte. Ich habe die genaue Syntax vergessen, die Bildabmessungen durcheinander gebracht oder versehentlich eine erforderliche Eigenschaft weggelassen. Dieses Tool schafft Abhilfe. Sie füllen ein paar Felder aus, klicken auf „Generieren“ und schon haben Sie sauberen, gebrauchsfertigen Code. Kopieren Sie es, fügen Sie es in Ihren HTML-Kopf ein und fertig.

Hauptfunktionen

Generiert alle wichtigen Open Graph-Meta-Tags auf einmal
Ermöglicht Ihnen eine Vorschau, wie Ihr Link auf den wichtigsten Plattformen aussehen wird
Unterstützt benutzerdefinierte Bilder, Titel, Beschreibungen und URLs
Gibt sauberes HTML aus, das Sie direkt in Ihre Website einfügen können
Keine Anmeldung, kein Tracking, kein Unsinn – nur ein einfaches Formular und Ergebnisse
Funktioniert nach dem Laden offline, sodass Sie es auch ohne Internet verwenden können

FAQ

Muss ich HTML-Kenntnisse haben, um dies zu verwenden?
Nein. Sie müssen kein Entwickler sein. Füllen Sie einfach die Felder aus – Titel, Beschreibung, Bild-URL usw. – und das Tool spuckt den Code aus. Wenn Sie kopieren und einfügen können, sind Sie gut.

Warum wird mein Bild nicht angezeigt, wenn ich den Link teile?
Meistens liegt es daran, dass die Bild-URL fehlerhaft, zu klein oder vom Server blockiert ist. Stellen Sie sicher, dass Ihr Bild mindestens 1200 x 630 Pixel groß und öffentlich zugänglich ist. Außerdem speichern einige Plattformen alte Metadaten im Cache, sodass Sie möglicherweise ein Tool wie den Sharing Debugger von Facebook verwenden müssen, um sie zu aktualisieren.