Open Graph Tag Generator

Erstellen Sie perfekte Social-Media-Vorschauen für Ihre Webseiten

Teilen:

Erstellen Sie Ihre Open Graph Tags

Grundinformationen

0/60 recommended
0/200 recommended

Bildeinstellungen

Zusätzliche Einstellungen

example.com
Your Page Title
Your page description will appear here...

Generieren Sie perfekte Open Graph Tags für Social Media

Lassen Sie Ihre Webseiten beim Teilen auf Facebook, LinkedIn, WhatsApp, Slack und mehr großartig aussehen

Open Graph (OG) Tags sind Meta-Tags, die steuern, wie Ihre Webseiten beim Teilen auf Social-Media-Plattformen erscheinen. Ohne korrekte OG-Tags raten soziale Netzwerke, welchen Titel, welche Beschreibung und welches Bild sie anzeigen sollen — oft mit schlechten Ergebnissen. Unser Generator hilft Ihnen, perfekte OG-Tags in Sekunden zu erstellen.

Was sind Open Graph Tags?

Open Graph ist ein von Facebook erstelltes Protokoll, das Webseiten zu reichen Objekten in einem sozialen Graphen werden lässt. Wenn Sie eine URL auf Facebook, LinkedIn, WhatsApp oder Slack teilen, teilen OG-Tags diesen Plattformen genau mit, welchen Titel, welche Beschreibung, welches Bild und welche weiteren Informationen angezeigt werden sollen.

Hauptfunktionen

Live-Vorschau

Sehen Sie genau, wie Ihre Seite beim Teilen auf Social Media aussehen wird, bevor Sie sie veröffentlichen.

Mehrere Inhaltstypen

Unterstützung für Website, Artikel, Produkt, Video, Musik und Profil-Inhaltstypen.

Bildoptimierung

Legen Sie exakte Bildabmessungen für gestochen scharfe, professionelle Social-Media-Vorschauen fest.

Ein-Klick-Kopie

Kopieren Sie generierte Tags sofort und fügen Sie sie in Ihren HTML-Head-Bereich ein.

100% clientseitig

Alle Verarbeitung findet in Ihrem Browser statt. Keine Daten werden an einen Server gesendet.

Standardkonform

Generierte Tags folgen der offiziellen Open-Graph-Protokollspezifikation.

Best Practices

  • Halten Sie og:title unter 60 Zeichen für optimale Anzeige auf allen Plattformen.
  • Schreiben Sie og:description zwischen 100-200 Zeichen für bestes Engagement.
  • Verwenden Sie Bilder mit Abmessungen von 1200×630 Pixeln für beste Qualität auf Facebook und LinkedIn.
  • Fügen Sie immer og:url ein, um sicherzustellen, dass die kanonische URL beim Teilen verwendet wird.
  • Testen Sie Ihre OG-Tags mit dem Facebook Sharing Debugger nach der Implementierung.
  • Aktualisieren Sie OG-Tags, wenn Sie Seiteninhalte oder Bilder ändern.

Häufig gestellte Fragen

Wo platziere ich Open Graph Tags?

Platzieren Sie OG-Tags im <head>-Bereich Ihrer HTML-Seite. Es sollten <meta>-Tags mit property- und content-Attributen sein.

Was ist die ideale OG-Bildgröße?

Die empfohlene Größe ist 1200×630 Pixel. Facebook erfordert mindestens 200×200 Pixel, und Bilder unter 600×315 Pixel werden als kleine Thumbnails angezeigt.

Beeinflussen OG-Tags die SEO?

OG-Tags beeinflussen nicht direkt das Suchranking, verbessern aber die Klickraten aus sozialen Medien erheblich, was indirekt Ihre SEO stärken kann.

Wie teste ich meine OG-Tags?

Verwenden Sie den Facebook Sharing Debugger (developers.facebook.com/tools/debug/), um zu testen, wie Ihre Seite aussehen wird. LinkedIn hat auch ein Post Inspector Tool.