w
Dokumentation Kernwerkzeuge Open Graph Meta Generator

Anleitung zur grundlegenden Nutzung

Diese Anleitung führt dich Schritt für Schritt durch die wichtigsten Schritte, um mit unserem Tool Open-Graph-Meta-Tags zu erzeugen.

Schritt 1: Tool öffnen

Öffne den Open Graph Meta Generator über die Hauptseite der Tools oder rufe die URL direkt auf.

Schritt 2: Allgemeine Informationen ausfüllen

Seitentyp

Wähle den passenden Inhaltstyp für deine Seite:

  • Website: Allgemeine Webseiten
  • Article: Blogbeiträge, Nachrichtenartikel, Tutorials
  • Book: Buchseiten, E-Books
  • Profile: Persönliche oder geschäftliche Profile
  • Music: Musiktitel, Alben, Playlists
  • Video: Videoinhalte, Filme, TV-Sendungen

Titel

Gib einen überzeugenden Titel für deine Seite ein:

  • Für eine optimale Darstellung unter 60 Zeichen bleiben
  • Beschreibend und ansprechend formulieren
  • Relevante Keywords natürlich integrieren

Beschreibung

Schreibe eine klare Beschreibung deines Inhalts:

  • 150 bis 160 Zeichen anstreben
  • Zusammenfassen, was Nutzer auf der Seite erwartet
  • So formulieren, dass sie zum Klicken motiviert

Seiten-URL

Gib die vollständige URL deiner Seite ein:

  • Absolute URLs verwenden (inklusive https://)
  • Sicherstellen, dass die URL erreichbar ist
  • Saubere, beschreibende URLs verwenden

Seitenname

Trage den Namen deiner Website oder Marke ein:

  • Dieser Name erscheint in Social-Media-Beiträgen
  • Auf allen Seiten konsistent halten
  • Den offiziellen Markennamen verwenden

Schritt 3: Bildeinstellungen konfigurieren

Bild-URL

Gib die URL deines Social-Media-Bildes an:

  • Absolute URLs verwenden (inklusive https://)
  • Sicherstellen, dass das Bild öffentlich erreichbar ist
  • Empfohlene Größe: 1200x630 Pixel

Alt-Text des Bildes

Füge einen beschreibenden Alt-Text für die Barrierefreiheit hinzu:

  • Beschreibe, was auf dem Bild zu sehen ist
  • Kurz, aber aussagekräftig formulieren
  • Wichtig für Screenreader

Bildabmessungen

Gib Breite und Höhe deines Bildes an:

  • Breite: normalerweise 1200 Pixel
  • Höhe: normalerweise 630 Pixel
  • Diese Angaben helfen sozialen Plattformen bei der optimalen Darstellung

Schritt 4: Twitter-Einstellungen festlegen

Kartentyp

Wähle den passenden Twitter-Card-Typ:

  • Summary: Einfache Karte mit Titel, Beschreibung und Vorschaubild
  • Summary with Large Image: Erweiterte Karte mit großem Bild
  • App: Für die Bewerbung mobiler Apps
  • Player: Für Video- oder Audioinhalte

Website-Konto

Gib den Twitter-Handle deiner Website ein:

  • Format: @yourhandle
  • Wird in Twitter-Beiträgen angezeigt
  • Optional, aber empfohlen

Ersteller-Konto

Gib den Twitter-Handle des Inhaltsautors ein:

  • Format: @authorhandle
  • Besonders nützlich für Artikel und Blogbeiträge
  • Optional

Schritt 5: Meta-Tags generieren und kopieren

Sobald alle Informationen eingetragen sind:

  1. Werden die Meta-Tags automatisch in Echtzeit erzeugt
  2. Prüfe das generierte HTML im Ausgabebereich
  3. Klicke auf die Schaltfläche "Copy Meta Tags", um sie in die Zwischenablage zu kopieren
  4. Im Vorschaubereich siehst du, wie dein Inhalt in sozialen Medien erscheint

Schritt 6: Auf deiner Website einbinden

Füge die kopierten Meta-Tags in den HTML-<head>-Bereich deiner Website ein:

<head>
  <!-- Your existing head content -->

  <!-- Open Graph Meta Tags -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Your Page Title" />
  <!-- ... other meta tags ... -->

  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image" />
  <!-- ... other Twitter meta tags ... -->
</head>

Kurze Tipps

Für beste Ergebnisse:

  • Immer hochwertige und thematisch passende Bilder verwenden
  • Die Meta-Tags mit Debugging-Tools der sozialen Netzwerke testen
  • Titel und Beschreibungen innerhalb der empfohlenen Zeichenanzahl halten
  • Auf allen Seiten ein konsistentes Branding nutzen

Häufige Fehler vermeiden:

  • Relative statt absoluter URLs verwenden
  • Den Alt-Text für Bilder vergessen
  • Zu kleine oder zu große Bilder verwenden
  • Nicht testen, wie die Tags auf verschiedenen Plattformen aussehen

Meta-Tags testen

Nach der Einbindung kannst du deine Meta-Tags mit folgenden Tools prüfen:

Diese Tools zeigen dir genau, wie dein Inhalt beim Teilen aussieht, und helfen dabei, Probleme zu erkennen.

Nächste Schritte

Nachdem du die Grundlagen verstanden hast, wirf einen Blick in den Leitfaden Advanced Features, um mehr über erweiterte Optionen und Anpassungen zu erfahren.

War diese Seite hilfreich?