JSON (JavaScript Object Notation)
Was ist JSON?
JSON ist ein textbasiertes Format, mit dem Anwendungen strukturierte Daten speichern und austauschen. Die Abkürzung steht für JavaScript Object Notation. Inhalte werden als Schlüssel-Wert-Paare und Listen dargestellt. Das Format ist unabhängig von einer bestimmten Programmiersprache und wird vor allem für Web-APIs, Konfigurationsdateien und strukturierte Daten verwendet.
JSON in der Webentwicklung
JSON begegnet dir in der Webentwicklung überall dort, wo Browser, Server und externe Dienste Daten austauschen. Eine Website kann beispielsweise Produktdaten über eine Schnittstelle abrufen, Formulareingaben an ein Backend senden oder Einstellungen aus einer Konfigurationsdatei laden. Da das Format aus normalem Text besteht, lässt es sich übertragen, speichern und in nahezu allen Programmiersprachen verarbeiten.
Ein typischer Anwendungsfall ist eine Web-API. Fordert ein Onlineshop die Daten eines Produkts an, kann der Server eine Antwort mit Produktname, Preis, Verfügbarkeit und Kategorien liefern. Der HTTP-Header Content-Type: application/json kennzeichnet dabei den Inhalt als JSON. Moderne Webanwendungen nutzen solche Schnittstellen unter anderem für Suchfunktionen, Warenkörbe, Nutzerkonten und dynamisch geladene Inhalte.
JSON allein erzeugt noch keine sichtbare Website. Erst Programmcode liest die Daten ein und entscheidet, wie Inhalte dargestellt oder weiterverarbeitet werden. Bei einem technisch geplanten Webdesign sollten deshalb Datenquelle, Schnittstelle und sichtbare HTML-Ausgabe gemeinsam betrachtet werden.
Wie ist JSON aufgebaut?
JSON organisiert Informationen als Objekte und Arrays. Ein Objekt steht in geschweiften Klammern und enthält Schlüssel-Wert-Paare. Ein Array steht in eckigen Klammern und enthält eine geordnete Liste von Werten. Schlüssel müssen Zeichenketten sein und in doppelten Anführungszeichen stehen. Zwischen Schlüssel und Wert steht ein Doppelpunkt, mehrere Einträge werden durch Kommas getrennt.
{"produkt":"Wanderschuh","preis":89.9,"verfügbar":true,"farben":["Blau","Grau"]}. Das Objekt enthält eine Zeichenkette, eine Zahl, einen booleschen Wert und ein Array. Leerzeichen und Zeilenumbrüche außerhalb von Zeichenketten verändern den Inhalt nicht. Das Format kennt Objekte, Arrays, Zeichenketten, Zahlen, die Wahrheitswerte true und false</code sowie null. null bedeutet, dass kein Wert vorhanden ist. Der Text "null" ist dagegen eine Zeichenkette. Diese Unterscheidung beeinflusst Filter, Berechnungen und Datenbankimporte unmittelbar.
Ein verbreiteter Denkfehler betrifft die oberste Ebene eines Dokuments. Ein JSON-Text muss nicht zwingend mit einem Objekt beginnen. Auch ein Array, eine Zeichenkette, eine Zahl, ein Wahrheitswert oder null kann formal ein vollständiger JSON-Wert sein. Viele Schnittstellen verlangen trotzdem ein Objekt oder Array, weil sich Daten damit eindeutig erweitern und verarbeiten lassen. Prüfe deshalb neben der Syntax immer die Vorgaben der jeweiligen API.
Zulässige Werte im Überblick
| Datentyp | Beispiel | Bedeutung |
|---|---|---|
| Objekt | {"name":"Anna"} | Sammlung benannter Eigenschaften |
| Array | ["SEO","SEA"] | Geordnete Liste von Werten |
| Zeichenkette | "München" | Text in doppelten Anführungszeichen |
| Zahl | 19.95 | Numerischer Wert ohne Anführungszeichen |
| Boolean | true | Wahrheitswert |
| Nullwert | null | Explizit fehlender Wert |
JSON verarbeiten und validieren
Beim Einlesen wandelt ein Parser den Text in die Datenstrukturen einer Programmiersprache um. In JavaScript übernimmt JSON.parse() diese Aufgabe. Die Gegenrichtung heißt Serialisierung: JSON.stringify() erzeugt aus einem JavaScript-Wert einen Text, der gespeichert oder übertragen werden kann. Andere Programmiersprachen bieten vergleichbare Funktionen.
Eine syntaktisch gültige Datei ist noch nicht automatisch fachlich korrekt. Der Parser akzeptiert beispielsweise {"preis":"89.90"}, obwohl die Schnittstelle beim Preis möglicherweise eine Zahl erwartet. Ein Schema kann deshalb zusätzlich festlegen, welche Felder erforderlich sind, welche Datentypen zulässig sind und ob ein Wert innerhalb eines bestimmten Bereichs liegen muss.
Zur Validierung gehören zwei getrennte Prüfungen:
Bei öffentlich erreichbaren Schnittstellen sollte Programmcode JSON mit einem vorgesehenen Parser verarbeiten. Eine Ausführung als JavaScript-Code, etwa über eval(), vermischt Daten und Programmcode und schafft unnötige Sicherheitsrisiken. Begrenze außerdem die akzeptierte Datenmenge und Verschachtelung, wenn externe Nutzer Inhalte übermitteln können.
JSON für SEO, SEA und GEO
Für SEO ist vor allem JSON-LD relevant. JSON-LD bedeutet JavaScript Object Notation for Linked Data und bettet strukturierte Daten meist in einem script-Element mit dem Typ application/ld+json ein. Suchmaschinen können dadurch Entitäten und Eigenschaften wie Produktpreis, Verfügbarkeit, Autor oder Veranstaltungsdatum leichter zuordnen.
JSON und JSON-LD sind nicht gleichbedeutend. Das allgemeine Datenformat beschreibt nur die Syntax. JSON-LD ergänzt Regeln für verknüpfte Daten und nutzt häufig das Vokabular von Schema.org. Eine syntaktisch korrekte Auszeichnung reicht deshalb nicht aus: Die Angaben müssen zum sichtbaren Seiteninhalt passen und die Anforderungen des jeweiligen Markups erfüllen. Ein technisches SEO-Audit sollte beide Ebenen getrennt kontrollieren.
Strukturierte Daten sind kein allgemeiner Ranking-Schalter. Sie helfen Suchmaschinen dabei, Inhalte einzuordnen und können bestimmte Darstellungen in den Suchergebnissen ermöglichen, sofern alle Voraussetzungen erfüllt sind. Die Onpage-Optimierung muss deshalb zusätzlich sichtbare Inhalte, interne Verlinkung, Indexierbarkeit und technische Qualität berücksichtigen.
Im SEA-Kontext wird das Format häufig für API-Abfragen, automatisierte Berichte und die Übergabe von Kampagnendaten eingesetzt. Für GEO, ausgeschrieben Generative Engine Optimization, kann eine klar strukturierte Datenbasis die Verarbeitung durch Analyseprozesse und KI-Systeme vereinfachen. JSON verbessert die KI-Sichtbarkeit jedoch nicht automatisch. Inhaltliche Eindeutigkeit, belegbare Aussagen und zugängliche Webseiten bleiben erforderlich. Eine GEO-Strategie für KI-Suchen verbindet strukturierte Daten daher mit verständlichen, zitierfähigen Inhalten.
Unterschiede zu verwandten Formaten
Der Unterschied zwischen JSON und JavaScript liegt in ihrer Funktion. JavaScript ist eine Programmiersprache mit Funktionen, Variablen und Kontrollstrukturen. JSON ist ein Datenformat mit einer deutlich engeren Syntax. Kommentare, Funktionen, undefined und einfache Anführungszeichen gehören beispielsweise nicht zum gültigen Format.
Der Unterschied zwischen JSON und XML liegt vor allem in der Darstellung. XML arbeitet mit öffnenden und schließenden Tags, Attributen und Namensräumen. Das textbasierte Objektformat verwendet dagegen Schlüssel-Wert-Paare und Arrays. XML bietet Funktionen für dokumentenorientierte Strukturen, während das kompaktere Format häufig für Web-APIs und Anwendungsdaten gewählt wird.
| Merkmal | JSON | XML |
|---|---|---|
| Grundstruktur | Objekte und Arrays | Elemente und Attribute |
| Kommentare | Nicht vorgesehen | Möglich |
| Typischer Einsatz | APIs und Anwendungsdaten | Dokumente und komplexe Austauschformate |
| Abschlusszeichen | Klammern | Öffnende und schließende Tags |
Typische Fehler in JSON
Die meisten Syntaxfehler entstehen durch fehlende oder überzählige Zeichen. Ein Parser bricht bereits ab, wenn nach dem letzten Eintrag eines Objekts ein zusätzliches Komma steht. Auch einfache Anführungszeichen, ungeschlossene Zeichenketten oder nicht maskierte Anführungszeichen innerhalb eines Textes machen ein Dokument ungültig.
null, false und Zahlen nicht mit gleichlautenden Zeichenketten. Doppelte Schlüssel sind ebenfalls problematisch. Ein Objekt wie {"preis":20,"preis":30} enthält denselben Namen zweimal. Parser können dabei unterschiedliche Werte übernehmen oder einen Eintrag überschreiben. Verwende jeden Schlüssel innerhalb desselben Objekts nur einmal, auch wenn ein bestimmter Validator die Wiederholung akzeptiert.
Häufige Fragen zu JSON
Wie öffne ich eine JSON-Datei?
Eine JSON-Datei lässt sich mit einem Texteditor, einem Quellcode-Editor oder einem Browser öffnen. Für größere Dateien eignet sich ein Editor mit Syntaxhervorhebung und Formatierungsfunktion, weil verschachtelte Objekte und Arrays dadurch leichter lesbar werden.
Kann ich JSON selbst erstellen?
Ja, du kannst JSON in jedem Texteditor erstellen. Achte auf doppelte Anführungszeichen, korrekt geschlossene Klammern und Kommas zwischen den Einträgen. Speichere die Datei üblicherweise mit der Endung .json.
Darf JSON Kommentare enthalten?
Das standardisierte Format sieht keine Kommentare vor. Wenn eine Anwendung Kommentare akzeptiert, verwendet sie eine Erweiterung oder ein ähnliches Format. Solche Dateien können bei anderen Parsern scheitern.
Was bedeutet null in JSON?
null kennzeichnet einen ausdrücklich leeren oder nicht vorhandenen Wert. null ist weder die Zahl 0 noch eine leere Zeichenkette und sollte bei der Verarbeitung als eigener Wert behandelt werden.
Ist JSON eine Programmiersprache?
Nein, JSON ist ein Datenformat und enthält keine Programmlogik. Anwendungen benötigen eine Programmiersprache oder ein anderes System, um die enthaltenen Daten einzulesen, zu verändern oder auszugeben.
Was ist eine JSON-API?
Eine JSON-API ist eine Schnittstelle, die Anfragen oder Antworten in diesem Datenformat überträgt. Der genaue Aufbau wird von der jeweiligen API festgelegt und muss zusätzlich zur allgemeinen Syntax dokumentiert sein.
Wenn technische Datenstrukturen, strukturierte Inhalte und Crawling gemeinsam geprüft werden sollen, bietet ein unverbindlicher Potenzialcheck eine klare erste Einordnung.
Sie haben noch Fragen?
