Ajax
Was ist Ajax?
Ajax ist ein Verfahren der Webentwicklung, mit dem eine Website Daten im Hintergrund mit einem Server austauscht und einzelne Seitenbereiche aktualisiert, ohne die komplette Seite neu zu laden. Die Abkürzung steht für Asynchronous JavaScript and XML. Heute werden dabei häufig JSON-Daten statt XML übertragen.
Wie Ajax funktioniert
Ajax verbindet JavaScript im Browser mit einer Schnittstelle auf dem Webserver. Nach einer Nutzeraktion sendet das Skript eine HTTP-Anfrage, verarbeitet die Antwort und verändert gezielt das Document Object Model, kurz DOM. Das DOM bildet die sichtbare Struktur einer Webseite ab.
Ein typischer Ablauf besteht aus fünf Schritten:
Die Übertragung erfolgt asynchron. Der Browser muss also nicht warten, bis der Server die gesamte neue Seite aufgebaut hat. Nutzer können andere Elemente häufig weiter bedienen, während die Anfrage verarbeitet wird. Das verbessert vor allem bei Filtern, Suchfunktionen und interaktiven Anwendungen die Bedienung.
XMLHttpRequest und Fetch API
Ajax ist keine eigenständige Programmiersprache und auch kein festgelegtes Dateiformat. Der Begriff beschreibt ein technisches Prinzip, das verschiedene Webtechnologien kombiniert. Dazu gehören JavaScript, HTTP-Anfragen, serverseitige Schnittstellen und Datenformate wie JSON oder XML.
Historisch wurden Ajax-Anfragen meist mit dem JavaScript-Objekt XMLHttpRequest umgesetzt. Moderne Webanwendungen verwenden häufig die Fetch API mit fetch(). Sie bietet eine übersichtlichere Syntax und lässt sich gut mit Promises sowie async und await kombinieren.
Obwohl XML im Namen enthalten ist, nutzt Ajax heute oft JSON. JSON ist kompakt, lässt sich direkt in JavaScript verarbeiten und eignet sich gut für REST-Schnittstellen. HTML-Fragmente oder reiner Text können ebenfalls als Antwort übertragen werden.
Typische Ajax-Anwendungen
Ajax eignet sich für Funktionen, bei denen sich Inhalte aufgrund einer Eingabe oder eines aktuellen Zustands verändern. Ziel ist eine schnellere Interaktion, ohne bei jedem Schritt eine vollständige HTML-Seite vom Server anzufordern.
Ajax und SEO
Ajax kann die SEO-Sichtbarkeit beeinflussen, wenn relevante Inhalte erst nach einer JavaScript-Anfrage erscheinen. Google kann viele JavaScript-Anwendungen rendern, doch Crawling, Rendering und Indexierung sind getrennte Verarbeitungsschritte. Technische Fehler oder blockierte Ressourcen können deshalb dazu führen, dass Inhalte später oder unvollständig erfasst werden.
SEO-relevante Hauptinhalte sollten möglichst bereits im initialen HTML enthalten oder über serverseitiges Rendering verfügbar sein. Diese Empfehlung betrifft insbesondere Produktbeschreibungen, Kategorietexte, Überschriften, interne Links und strukturierte Daten. Ein technischer SEO-Crawler hilft dabei, Unterschiede zwischen dem ausgelieferten HTML und der gerenderten Seite zu erkennen.
URLs und interne Links
Jeder indexierbare Inhalt benötigt eine dauerhaft erreichbare URL. Filter, Kategorien oder Detailansichten, die ausschließlich durch einen Klick und eine Ajax-Anfrage entstehen, sind für Crawler schwerer auffindbar. Relevante Ziele sollten deshalb über normale HTML-Links mit einem href-Attribut erreichbar sein.
Verändert eine Ajax-Anwendung den Hauptinhalt, kann die History API den Browser-Verlauf und die sichtbare URL aktualisieren. Die jeweilige URL muss beim direkten Aufruf denselben Inhalt liefern. Aussagekräftige Statuscodes, Canonicals, Title-Tags und Meta-Descriptions sollten ebenfalls zum jeweiligen Dokument passen.
Ladezeit und Core Web Vitals
Ajax kann die übertragene Datenmenge reduzieren, verursacht aber zusätzliche JavaScript-Ausführung und Serveranfragen. Große Skriptdateien, langsame Schnittstellen oder häufige DOM-Änderungen können den Largest Contentful Paint und die Interaction to Next Paint verschlechtern. Beide Messwerte gehören zu den Core Web Vitals.
Prüfe deshalb nicht nur den ersten Seitenaufruf, sondern auch Reaktionen auf Filter, Suche und Formulare. Der kostenlose Ladezeiten-Check liefert eine erste technische Einordnung der Website-Performance.
Teste die Ladezeit deiner Seite direkt:
Ajax in SEA und GEO
Bei SEA kann Ajax das Tracking beeinflussen, weil ein Inhaltswechsel keinen klassischen Seitenaufruf erzeugt. Virtuelle Seitenaufrufe, Formularabschlüsse, Warenkorbänderungen und andere Conversions müssen deshalb gezielt als Ereignisse erfasst werden. Ohne diese Konfiguration erscheinen wichtige Nutzeraktionen nicht vollständig in der Kampagnenauswertung.
Für GEO, also Generative Engine Optimization, gilt ein ähnlicher technischer Grundsatz wie für SEO. Zentrale Informationen sollten ohne komplexe Interaktionen abrufbar sein, da KI-Systeme und ihre Datenquellen JavaScript unterschiedlich verarbeiten. Serverseitig ausgelieferte, klar strukturierte Inhalte erleichtern Suchmaschinen und KI-Diensten die Erfassung und Zuordnung von Aussagen.
Unterschied zu verwandten Techniken
Der Unterschied zwischen Ajax und JavaScript liegt in ihrer Funktion: JavaScript ist eine Programmiersprache, während Ajax ein Anwendungsprinzip für den asynchronen Datenaustausch bezeichnet. Eine Website kann JavaScript verwenden, ohne eine einzige Ajax-Anfrage auszuführen.
Der Unterschied zwischen Ajax und einer API liegt ebenfalls in der Ebene. Ajax beschreibt, wie ein Browser Daten anfordert und verarbeitet. Eine API definiert, über welche Endpunkte und Regeln ein System diese Daten bereitstellt. Ajax-Anfragen greifen daher häufig auf eine API zu.
Der Unterschied zwischen Ajax und einer Single Page Application, kurz SPA, liegt im Umfang. Eine SPA steuert große Teile der Navigation und Seitendarstellung im Browser. Ajax kann dagegen auch nur eine einzelne Funktion innerhalb einer klassischen, serverseitig aufgebauten Website unterstützen.
Ajax technisch prüfen
Eine technische Prüfung sollte den initialen HTML-Code, die gerenderte Ansicht und die Serverantworten der verwendeten Schnittstellen vergleichen. Dadurch erkennst du, ob relevante Texte, Links und Metadaten auch ohne eine vorherige Nutzeraktion erreichbar sind.
In der Projektpraxis entstehen SEO-Probleme häufig nicht durch Ajax selbst, sondern durch Inhalte ohne eigene URL, fehlende HTML-Links oder eine unvollständige Fehlerbehandlung. Eine umfassende SEO-Audit-Analyse verbindet deshalb JavaScript-Rendering, Indexierung, interne Verlinkung und Ladezeit.
Wenn du klären möchtest, ob dynamische Inhalte deiner Website vollständig crawlbar und messbar sind, kannst du die technische Umsetzung unverbindlich prüfen lassen.
Häufige Fragen zu Ajax
Wofür steht Ajax?
Ajax steht für Asynchronous JavaScript and XML. Der Begriff bezeichnet den asynchronen Austausch von Daten zwischen Browser und Server, wobei einzelne Bereiche einer Webseite ohne vollständiges Neuladen aktualisiert werden.
Ist Ajax eine Programmiersprache?
Nein, Ajax ist keine Programmiersprache. Es ist ein Entwicklungskonzept, das unter anderem JavaScript, HTTP-Anfragen, Schnittstellen und Datenformate wie JSON oder XML kombiniert.
Wird Ajax heute noch verwendet?
Ja, das Ajax-Prinzip wird in modernen Websites und Webanwendungen weiterhin häufig eingesetzt. Die technische Umsetzung erfolgt heute meist mit der Fetch API, Frameworks oder spezialisierten Bibliotheken statt mit manuell geschriebenem XMLHttpRequest-Code.
Kann Google Ajax-Inhalte indexieren?
Google kann viele per JavaScript und Ajax geladene Inhalte rendern und indexieren. Voraussetzung ist, dass die benötigten Ressourcen erreichbar sind, die Inhalte technisch geladen werden und relevante Ansichten über crawlbare URLs und Links zugänglich bleiben.
Ist Ajax schlecht für die Ladezeit?
Ajax kann die übertragene Datenmenge verringern, weil nur benötigte Inhalte nachgeladen werden. Zu viele Anfragen, langsame Schnittstellen, große JavaScript-Dateien oder aufwendige DOM-Änderungen können die Reaktionszeit jedoch verschlechtern.
Was passiert, wenn eine Ajax-Anfrage fehlschlägt?
Eine fehlgeschlagene Ajax-Anfrage sollte eine verständliche Fehlermeldung auslösen und eine erneute Anfrage ermöglichen. Entwickler sollten außerdem HTTP-Fehler, Zeitüberschreitungen, ungültige Antworten und Verbindungsabbrüche gezielt behandeln.
Sie haben noch Fragen?
