# Open Graph Generator Generiert Open-Graph-Meta-Tags für Social-Media-Sharing und Rich Snippets > Kanonische Seite: https://elysiatools.com/de/tools/open-graph-generator - **Kategorie:** Development - **Schlagwörter:** open graph, og, meta-tags, soziale medien, sharing, facebook, twitter, linkedin, rich snippets ## Überblick Der Open Graph Generator erstellt präzise Meta-Tags, mit denen Sie steuern, wie Ihre Website-Inhalte in sozialen Netzwerken wie Facebook, Twitter und LinkedIn dargestellt werden. ## Eingaben - **Titel** (text): Enter page title... - **Beschreibung** (textarea): Enter page description (recommended: 150-200 characters) - **URL** (text): https://example.com/page - **Bild-URL** (text): https://example.com/image.jpg (recommended: 1200x630px) - **Inhaltstyp** (select) - **Seitenname** (text): Your Website Name - **Sprache** (text): en_US, zh_CN, es_ES, etc. - **Twitter Card Einbeziehen** (checkbox) - **Twitter-Benutzername** (text): @yourusername (without @) - **Facebook-Tags Einbeziehen** (checkbox) - **LinkedIn-Tags Einbeziehen** (checkbox) - **Grundlegende Meta-Tags Einbeziehen** (checkbox) - **Zusätzliche Eigenschaften** (textarea): key:value, key:value (e.g., og:audio:audio.mp3, article:published_time:2024-01-01) ## Wann verwenden - Vor dem Teilen neuer Blog-Artikel oder Landingpages in sozialen Medien. - Zur Optimierung der Klickrate durch ansprechende Vorschau-Titel und Beschreibungen. - Um sicherzustellen, dass beim Teilen Ihrer URL das korrekte Vorschaubild angezeigt wird. ## Funktionsweise - Geben Sie den Titel, die URL und die Beschreibung Ihrer Seite ein. - Wählen Sie den passenden Inhaltstyp aus, z. B. Website oder Artikel. - Fügen Sie optional eine Bild-URL hinzu, um die visuelle Darstellung zu definieren. - Kopieren Sie den generierten HTML-Code und fügen Sie ihn in den -Bereich Ihrer Website ein. ## Anwendungsfälle - Optimierung von Blog-Beiträgen für eine bessere Performance auf LinkedIn und Facebook. - Einheitliche Darstellung von Produktseiten in sozialen Netzwerken. - Konfiguration von Rich Snippets für eine professionelle Markenpräsenz beim Teilen von URLs. ## Häufig gestellte Fragen ### 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. ## Ähnliche Tools - [Data-URI-Generator](https://elysiatools.com/de/tools/data-uri-generator): Konvertiert Dateien in Data URIs (Base64 oder prozent-kodiert), um Bilder, Schriftarten und Ressourcen direkt in HTML, CSS oder Markdown einzubetten - [Bild-Collage-Ersteller](https://elysiatools.com/de/tools/image-collage-maker): Erstellen Sie künstlerische Foto-Collages mit dekorativen Effekten wie abgerundeten Ecken, Rahmen, Schatten und Farbverlauf-Hintergründen. Perfekt für Social-Media-Posts und Fotowände. - [SERP & Social Vorschau-Studio](https://elysiatools.com/de/tools/serp-social-preview-studio): Zeigt Google SERP (pixelgenaue Titel-Abschneidung Desktop/Mobile), X- und OpenGraph-Karten mit Pre-Launch-SEO-Diagnose - [Accessibility-Heatmap-Generator](https://elysiatools.com/de/tools/accessibility-heatmap-generator): Erzeugt eine kontrastfokussierte Accessibility-Heatmap aus Screenshot oder HTML und schlaegt Patch-Farben vor - [Barcode-Batch-Generator](https://elysiatools.com/de/tools/barcode-batch-generator): Erzeugt stapelweise Code 128, EAN-13, UPC-A, ITF-14, QR Code und Data Matrix aus CSV oder mehrzeiligem Text mit PNG-ZIP- oder PDF-Ausgabe - [Tiefenkarten-Generator](https://elysiatools.com/de/tools/image-depth-map): Erstellt Tiefenkarten aus Bildern unter Verwendung von Helligkeits-, Sättigungs- und Kantenanalyse. Erstellt Tiefenkarten in Graustufen, wobei hellere Pixel nähere Objekte und dunklere Pixel entferntere Objekte anzeigen. - [Fraktal-Muster-Generator](https://elysiatools.com/de/tools/image-fractal-generator): Erstellt schöne Fraktalmuster einschließlich Mandelbrot-Menge, Julia-Menge und Burning Ship mit anpassbaren Parametern - [Wackel-Stereoskop-Generator](https://elysiatools.com/de/tools/image-wiggle-stereoscopy): Erstellt Wackel-Stereoskop-GIFs, die einen 3D-Effekt erzeugen, indem schnell zwischen linkem und rechtem Blickpunkt gewechselt wird. Keine 3D-Brille nötig! ## Beispiele - [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung - [Web Rust Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/web-image-processing-rust): Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung ## Verwandte Inhalte - [Technische SEO-URL-Workflows](https://elysiatools.com/de/hubs/technical-seo-url-workflows): Pruefen Sie SEO-sichere Slugs, analysieren Sie Parameter, erstellen Sie robots und sitemap, generieren Sie Social-Metadaten und verifizieren Sie Seitensignale.