Zum Inhalt springen
Toolars
Erkunden

Open-Graph-Metadaten-Generator

Open Graph Meta Generator

13 Open-Graph-Typen und optionale Bild-, Audio-, Video-, Sprach- und MIME-Felder; maskiertes HTML prüfen.

Lokale Verarbeitung

Verarbeitungsdetails

Tooleingaben werden auf Ihrem Gerät verarbeitet.

Für dieses Tool müssen eventuell Ressourcen geladen werden. Kontodienste laufen separat.

Datenschutzinformationen
Fehler melden

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. 13 · og:type · Audio-URL / Video-URL / Gebietsschema (de_DE) / Weitere Gebietsschemas (kommagetrennt) / Artikel / Medien-MIME-Typ / Breite (px) / Höhe (px) / Bildalternativtext

  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

    13 Open-Graph-Typen und optionale Bild-, Audio-, Video-, Sprach- und MIME-Felder; maskiertes HTML prüfen.

  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. Aktuelles Ergebnis exportieren. HTML / Open Graph.

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?
13 Open-Graph-Typen und optionale Bild-, Audio-, Video-, Sprach- und MIME-Felder; maskiertes HTML prüfen. 13 · og:type · Audio-URL / Video-URL / Gebietsschema (de_DE) / Weitere Gebietsschemas (kommagetrennt) / Artikel / Medien-MIME-Typ / Breite (px) / Höhe (px) / Bildalternativtext Dies ist eine Beispielkarte. Externe Bilder, Audios und Videos wurden weder geladen noch geprüft.
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.

Verwandte Aufgaben statt Sackgasse.

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

Instagram-Filter

Instagram Filters

12 lokale Vorgaben mit regelbarer Stärke anwenden. Wende einen echten Canvas-Filter auf ein lokales Bild an, ohne es hochzuladen oder eine Plattform zu kontaktieren.

Bearbeiten

Instagram-Post-Generator

Instagram Post Generator

Gestalte ein originelles Beitragskonzept und exportiere ein klar gekennzeichnetes lokales Mockup. Bilder: 0–4; Avatar; Exportlayout.

Erstellen

Instagram-Story-Generator

Instagram Story Generator

Entwirf ein vertikales Story-Konzept, ohne einen gefälschten Plattform-Eintrag zu erzeugen. Story-Segmente: 1–12; Horizontale Position / Vertikale Position; Textfarbe.

Erstellen

Instagram-DM-Generator

Instagram DM Generator

Entwirf ein Gesprächslayout für Skripte und Prototypen, niemals als Nachweis eines echten Austauschs. Nachrichten: 1–40; Antwortzitat; Status; Bilder.

Erstellen