Was sind Open Graph Tags?

Es sind Meta-Tags, die sozialen Netzwerken mitteilen, welche Informationen (Titel, Bild, Beschreibung) beim Teilen eines Links angezeigt werden sollen.

Warum sollte ich diese Tags verwenden?

Sie verbessern die Sichtbarkeit und Klickrate Ihrer Inhalte, da sie eine kontrollierte und professionelle Vorschau in sozialen Feeds ermöglichen.

Welche Bildgröße ist ideal?

Für eine optimale Darstellung auf den meisten Plattformen wird eine Bildgröße von 1200 x 630 Pixeln empfohlen.

Funktioniert das Tool auch für Twitter?

Ja, das Tool unterstützt die Einbindung von Twitter-Cards, um sicherzustellen, dass Ihre Inhalte auch auf Twitter korrekt dargestellt werden.

Wo füge ich den generierten Code ein?

Der Code muss in den HTML-Quelltext Ihrer Webseite innerhalb des -Bereichs platziert werden.

Elysia Tools

Mobile Navigation

Development

Open Graph Generator

Generiert Open-Graph-Meta-Tags für Social-Media-Sharing und Rich Snippets

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Eingaben

Optionen sind gruppiert, damit lange Formulare übersichtlich bleiben.

13 Optionen

InhaltHaupteingaben einfügen oder eingeben.8

TiteltextPflichtBeschreibungtextareaOptionales FeldURLtextOptionales FeldBild-URLtextOptionales FeldSeitennametextOptionales FeldSprachetextOptionales FeldTwitter-BenutzernametextOptionales FeldZusätzliche EigenschaftentextareaOptionales Feld

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.1

InhaltstypselectOptionales Feld

SchalterOptionales Verhalten aktivieren oder deaktivieren.4

Twitter Card EinbeziehencheckboxOptionales FeldAktiviert, wenn ausgewähltFacebook-Tags EinbeziehencheckboxOptionales FeldAktiviert, wenn ausgewähltLinkedIn-Tags EinbeziehencheckboxOptionales FeldAktiviert, wenn ausgewähltGrundlegende Meta-Tags EinbeziehencheckboxOptionales FeldAktiviert, wenn ausgewählt

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Open Graph Generator

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Blog-Artikel Sharing

2. Produkt-Landingpage

FAQ

Android Java Bildverarbeitungsbeispiele

Android Kotlin Bildverarbeitungsbeispiele

Web Python Bildverarbeitung Beispiele

Web Rust Bildverarbeitungsbeispiele

Data-URI-Generator

Bild-Collage-Ersteller

SERP & Social Vorschau-Studio

Accessibility-Heatmap-Generator

Werkzeuge fuer Technical SEO, URL und Metadaten-Workflows

Tools fur Bildformat-Konvertierung und animierten Export

Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung

Bildmetadaten-, EXIF- und Datenschutz-Bereinigungs-Tools