Öffnen Sie den Diagrammgenerator

Erstellen Sie in Sekundenschnelle perfekte Social-Media-Vorschauen – fügen Sie einfach Ihren Link ein.

Tool Icon Öffnen Sie den Diagrammgenerator

Recommended: 60 characters max
Full canonical URL
0/300 characters
Recommended: 1200×630 pixels (1.91:1 ratio)

Über dieses Tool

Sie haben also eine Website oder ein Blog und haben wahrscheinlich bemerkt, dass das Teilen eines Links auf Facebook, Twitter oder sogar Slack nicht immer gut aussieht. Manchmal ist es nur einfacher Text. Manchmal ist das Bild winzig oder der Titel ist abgeschnitten. Ärgerlich, oder? Hier kommt ein Open Graph Generator ins Spiel. Es ist keine Zauberei, aber es kommt ihm nahe. Mit diesem kleinen Tool können Sie steuern, wie Ihre Links angezeigt werden, wenn sie auf sozialen Plattformen geteilt werden. Kennen Sie dieses kleine Vorschaufeld mit Titel, Beschreibung und Bild? Das ist Open Graph in Aktion. Ich habe im Laufe der Jahre einige dieser Tools verwendet – einige sind klobig, andere überteuert. Aber die Guten? Sie sind einfach, schnell und halten tatsächlich, was sie versprechen. Kein Flaum. Kein Unsinn über „revolutionäre KI-gestützte Metaoptimierung“. Einfach sauberer, funktionierender Code, der Ihren Links ein ansprechendes Aussehen verleiht.

Hauptfunktionen

  • Benutzerdefinierte OG-Tags – Legen Sie Ihren eigenen Titel, Ihre eigene Beschreibung, Ihr eigenes Bild und Ihre eigene URL fest. Keine Ahnung, was Facebook anziehen wird.
  • Live-Vorschau – Sehen Sie genau, wie Ihr Link auf Facebook, Twitter und LinkedIn aussehen wird, bevor Sie auf „Veröffentlichen“ klicken.
  • Tipps zur Bildoptimierung – Zeigt Ihnen die ideale Größe für Ihr Bild an, damit es nicht in Vergessenheit gerät.
  • Code-Export mit einem Klick – Erzeugt die Meta-Tags, die Sie direkt in Ihren HTML-Kopfbereich einfügen können.
  • Keine Anmeldung erforderlich – Nutzen Sie es jetzt. Keine E-Mail, keine Testversion, keine „Upgrade auf Pro“-Popups.
  • Funktioniert mit jeder Site – Egal, ob Sie WordPress, eine statische Site oder manuelles Codieren in Notepad verwenden, es wird funktionieren.

FAQ

Muss ich Code kennen, um dies zu verwenden?
Nein. Sie müssen kein Entwickler sein. Füllen Sie einfach die Felder aus – Titel, Beschreibung, wählen Sie ein Bild aus – und kopieren Sie den angezeigten Code. Fügen Sie es in den -Bereich Ihrer Website ein. Fertig.

Warum wird mein Link nicht aktualisiert, nachdem ich die Tags geändert habe?
Soziale Plattformen speichern OG-Daten. Selbst wenn Sie das Problem beheben, zeigt Facebook möglicherweise immer noch die alte Version an. Verwenden Sie das Sharing Debugger-Tool, um die Seite erneut zu durchsuchen und eine Aktualisierung zu erzwingen. Die Aktualisierung dauert normalerweise einige Minuten.