Zum Inhalt springen
Toolars
Erkunden
Fehler melden

Social · Lokal-Werkzeug

Open-Graph-Metadaten-Generator

Open Graph Meta Generator

Entwirf Open-Graph-Meta-Tags mit Titel, Beschreibung und Inhaltstyp und sieh in der Vorschau, wie geteilte Seiten dargestellt werden.

Aufgabenpfad / von der Eingabe zum Ergebnis

Schreibe Titel und Beschreibung

Läuft lokal · Nichts wird hochgeladen

Wie Open-Graph-Metadaten-Generator funktioniert, Datenschutz und verwandte Tools

Aufgabenpfad / von der Eingabe zum Ergebnis

So generierst du Open-Graph-Meta-Tags

  1. 01

    Schreibe Titel und Beschreibung

    Fülle Titel (bis zu 120 Zeichen) und Beschreibung (bis zu 300). Der Titel ist Pflicht — Generieren ohne Titel stoppt mit einem benannten Fehler —, während die Beschreibung optional ist und zu og:description wird, wenn vorhanden. Beide Felder hören an ihren Limits auf, Eingaben zu akzeptieren.

  2. 02

    Füge die URLs hinzu

    Gib die Kanonische URL ein, die eine absolute HTTP- oder HTTPS-Adresse sein muss, und eine optionale Bild-URL, die ebenfalls absolut sein muss, wenn vorhanden. Ungültige Adressen werden mit einem benannten Fehler abgelehnt, bevor irgendetwas generiert wird, ein relativer Pfad oder eine blanke Domain rutscht also nie in die Tags.

  3. 03

    Setze Site-Name und Typ

    Füge einen Site-Namen von bis zu 100 Zeichen hinzu und wähle einen Inhaltstyp: Website, Artikel oder Produkt. Der Typ wird der og:type-Wert, und der Site-Name wird og:site_name — lässt du ihn leer, wird diese Zeile schlicht aus dem Markup weggelassen.

  4. 04

    Generiere die Tags

    Drücke Meta-Tags generieren. Das Markup wird lokal als ein meta-Element pro Zeile zusammengesetzt, mit jedem Wert Attribut-escaped, und die fertige Ausgabe muss innerhalb des lokalen Limits von 16.000 Zeichen bleiben. Beispiel laden füllt ein komplettes Artikelbeispiel und generiert es mit einem Klick.

  5. 05

    Prüfe und kopiere

    Kontrolliere die repräsentative Share-Karte — sie zeigt den Site-Namen oder, wenn kein Site-Name gesetzt ist, den Hostnamen der kanonischen URL über Titel und Beschreibung — und lies das generierte Markup im Ausgabefeld. Das Bearbeiten eines beliebigen Felds leert das Markup, bis du erneut generierst. Dann nutze Meta-Tags kopieren für die Zwischenablage oder HTML herunterladen, um die Tags als toolars-open-graph-meta.html für den Head deiner Seite zu speichern.

Tool-Fakten

Verarbeitung
In deinem Browser
Eingabe verlässt dieses Gerät
Nie
Aufbewahrung
Nichts wird gespeichert
Preis
Kostenlos

Deine Eingabe bleibt im Browser.

Open-Graph-Metadaten-Generator nutzt seinen verifizierten lokalen Ausführungspfad und erstellt keinen versteckten Ein- oder Ausgabeverlauf.

Lokale Ausführung

Läuft im aktuellen Browser-Tab.

Keine versteckte Verarbeitung

Aktive Tool-Daten werden nie zu einem Toolars-Dokumentdatensatz.

Kein Konto erforderlich

Nutze den Kern-Workflow ohne Profil. Favoriten werden mit deinem Konto synchronisiert, sobald du dich anmeldest.

Sofortiges Zurücksetzen

Leere den Tab, und die aktiven Arbeitsdaten sind weg.

Was Open-Graph-Metadaten-Generator tatsächlich tut

Eine Entwicklerin steht kurz davor, eine Landing Page auszuliefern, und will, dass der Link sauber aufklappt, wenn das Team ihn im Chat postet. Sie schreibt einen 70-Zeichen-Titel, eine Zwei-Satz-Beschreibung und die Produktions-URL, setzt den Typ auf Website und generiert die sechs Tag-Zeilen. Der Open-Graph-Metadaten-Generator setzt die Zeilen og:title, og:type, og:url, og:description, og:image und og:site_name mit sicherem Escaping zusammen und zeigt eine repräsentative Share-Karte neben dem Markup, damit sie die Kürzung plausibilisieren kann, bevor sie das Snippet in den Head einfügt. Der Entwurfstext und die unveröffentlichte URL bleiben im Browser-Tab — keine Validierungs-Pings, keine Uploads.

Häufige Fragen

Welche Tags werden generiert?
Immer og:title, og:type und og:url; plus og:description, og:image und og:site_name, wenn diese Felder gefüllt sind. Jede Zeile ist ein standardmäßiges meta-Element mit einem property-Attribut, bereit zum Einfügen in einen Seiten-Head, und optionale Zeilen werden ganz weggelassen statt leer emittiert.
Wie wird der Inhalt escaped?
Jeder Wert wird Attribut-escaped, bevor er ins Markup gelangt: Kaufmanns-Unds, doppelte und einfache Anführungszeichen und Winkelklammern werden durch ihre Entitätsformen ersetzt. Das verhindert, dass Titel mit Anführungszeichen oder Sonderzeichen das Tag brechen, und jeder Wert wird zuerst von umliegendem Leerraum getrimmt.
Was sind die Validierungsregeln und Limits?
Der Titel ist Pflicht; die Kanonische URL muss eine absolute HTTP- oder HTTPS-URL sein, und ebenso die Bild-URL, wenn vorhanden. Längen deckeln bei 120 Zeichen für den Titel, 300 für die Beschreibung und 100 für den Site-Namen, und das fertige Markup muss innerhalb von 16.000 Zeichen bleiben.
Was zeigt die repräsentative Share-Karte?
Die Karte druckt den Site-Namen über Titel und Beschreibung, mit Rückfall auf den Hostnamen der kanonischen URL, wenn das Feld Site-Name leer ist. Sie ist eine repräsentative Vorschau, wie die Werte zusammen lesen, lokal gezeichnet — kein pixelperfektes Rendern einer bestimmten Plattform, da jede Plattform anders beschneidet und kürzt.
Wird irgendetwas hochgeladen oder abgerufen?
Nein. Das Markup wird zusammengesetzt und die Share-Karte vollständig in diesem Browser-Tab vorgezeigt; die Bild-URL wird in die Tags geschrieben, aber hier nie abgerufen. Es ist kein Konto nötig, und Zurücksetzen stellt die Standard-Beispielwerte wieder her.

Weiter in Social-Mockups

Verwandte Aufgaben statt Sackgasse.

Wechsle in einen anderen fokussierten Arbeitsbereich, ohne zum vollständigen Index zurückzukehren.

Instagram-Filter

Instagram Filters

Probiere klassische Filter-Looks mit Intensitätsregler von 0 bis 100 % auf deinem Foto aus und exportiere das PNG in voller Originalauflösung.

Bearbeiten

Instagram-Post-Generator

Instagram Post Generator

Entwirf ein fiktives Post-Konzept mit wählbarem Theme und eigenen Kennzahlen und exportiere es als klar gekennzeichnetes 1200×900-PNG-Mockup.

Veröffentlichen

Instagram-Story-Generator

Instagram Story Generator

Gestalte Story-Bilder im Hochformat 1080 × 1920 als eigene Konzepte — jedes exportierte PNG trägt eine deutliche Mockup-Kennzeichnung.

Veröffentlichen

Instagram-DM-Generator

Instagram DM Generator

Stelle fiktive DM-Verläufe aus ein- und ausgehender Blase mit je bis zu 400 Zeichen dar — exportiert als deutlich gelabeltes PNG-Mockup.

Veröffentlichen