Was ist AJAX?
Du tippst bei Google zwei Buchstaben, und sofort erscheinen Vorschläge. Du klickst im Shop auf „Größe M“, und die Produktliste ändert sich, ohne dass die Seite flackert. Dahinter steckt AJAX.
AJAX steht für Asynchronous JavaScript and XML. Gemeint ist: Die Seite fragt im Hintergrund per JavaScript Daten beim Server an und tauscht damit nur den Teil aus, der sich ändert. „Asynchron“ heißt, dass du währenddessen weiter scrollen und klicken kannst.
Den Namen prägte Jesse James Garrett im Februar 2005 in einem Essay. Er beschrieb damit kein neues Werkzeug, sondern ein Bündel aus bekannten Techniken. Seine Beispiele waren Google Suggest und Google Maps, das am 8. Februar 2005 gestartet war.
Wo begegnet dir AJAX?
Fast überall, wo eine Seite schnell reagiert, ohne neu zu laden:
Wo
Darauf achten
Suchvorschläge
Tempo, Ladeanzeige
Shop-Filter
eigene URLs
Formulare
Conversion messen
„Mehr laden“
Google sieht es?
Warenkorb
Layout springt?
Auch WordPress nutzt AJAX ständig. Laut WordPress-Doku laufen alle AJAX-Anfragen über die Datei admin-ajax.php. Viele Plugins für Formulare, Filter oder Warenkörbe hängen sich dort ein.
Was heißt AJAX für SEO?
Google kann JavaScript ausführen. Laut Google laufen JavaScript-Seiten durch drei Phasen: Crawling, Rendering und Indexierung. Eine Auswertung von Vercel und MERJ mit über 100.000 Abrufen des Googlebots fand 2024, dass alle indexierbaren HTML-Seiten gerendert wurden. Die Hälfte innerhalb von 10 Sekunden, ein Zehntel brauchte aber rund drei Stunden oder länger. Getestet wurde vor allem auf schnellen, technisch sauberen Seiten.
Der Haken: Google klickt nicht und scrollt nicht. Was erst nach einem Klick auf „Mehr laden“ kommt, sieht Google womöglich nie. Google verlangt deshalb für nachgeladene Abschnitte je eine eigene, dauerhafte URL, die verlinkt ist.
- Links nur als echte Links mit href bauen, nicht als JavaScript-Klick.
- Keine #-Adressen für unterschiedliche Inhalte. Das alte AJAX-Crawling-Schema mit #! hat Google schon im Oktober 2015 abgekündigt. Heute ist die History API der Weg.
- Wichtige Inhalte gleich im ersten HTML ausliefern, nicht erst nachladen.
Häufige Fehler
Fehler 1 · AJAX-Formulare ohne Conversion-Tracking
Ein klassisches Formular schickt dich nach dem Absenden auf eine Danke-Seite. Ein AJAX-Formular zeigt die Bestätigung nur im selben Fenster. Hast du die Danke-Seite als Conversion eingerichtet, zählst du dann null Anfragen. Die Lösung: Das Formular meldet den Erfolg per Data Layer an den Google Tag Manager, und der feuert ein eigenes Ereignis an GA4.
Fehler 2 · Inhalte springen lassen
Lädt ein Banner oder Widget nachträglich oben in die Seite und schiebt alles nach unten, leidet der Wert Cumulative Layout Shift. Gut ist er bis 0,1. Verschiebungen innerhalb von 500 Millisekunden nach einem Klick zählen nicht, Nachladen ohne Klick schon. Reserviere den Platz vorher.
Fehler 3 · Keine Rückmeldung beim Klick
Klickt jemand auf einen Filter und nichts passiert, klickt er noch mal. Zeig sofort einen Ladezustand. Google misst die Reaktionszeit mit Interaction to Next Paint, gut ist sie bis 200 Millisekunden.
Fehler 4 · Filterseiten ohne eigene URL
Ändert der Shop-Filter nur den Inhalt, aber nicht die Adresse, kann niemand „Rote Sneaker“ teilen oder verlinken, und Google findet die Seite nicht. Wichtige Filterkombinationen brauchen eine eigene URL.
So prüfst du AJAX auf deiner Seite
- Browser-Werkzeuge: Rechtsklick, „Untersuchen“, Reiter „Netzwerk“, Filter auf Fetch/XHR. Dort siehst du jede Hintergrundanfrage.
- Search Console: Mit der URL-Prüfung und „Live-URL testen“ siehst du, was Google nach dem Rendern auf der Seite findet.
- Tag Manager: Im Vorschau-Modus ein Formular absenden und schauen, ob ein Ereignis kommt.
- PageSpeed Insights: zeigt die Werte für Interaction to Next Paint und Cumulative Layout Shift.
Häufige Fragen
Ist AJAX schlecht für SEO?
Nicht automatisch. Google rendert JavaScript und findet auch nachgeladene Inhalte. Problematisch wird es, wenn Inhalte erst nach Klick oder Scroll kommen, keine eigene URL haben oder Links nur per JavaScript funktionieren. Wichtige Inhalte gehören ins erste HTML.
Wie tracke ich ein AJAX-Kontaktformular in GA4?
Am saubersten über den Google Tag Manager: Das Formular schreibt nach erfolgreichem Absenden ein Ereignis in den Data Layer, ein Trigger vom Typ benutzerdefiniertes Ereignis reagiert darauf und schickt ein GA4-Ereignis. Viele Formular-Plugins bringen dafür eigene Ereignisse mit.
Was ist der Unterschied zwischen AJAX und Fetch?
AJAX ist das Prinzip: Daten im Hintergrund holen und die Seite teilweise aktualisieren. Fetch ist eine moderne Browser-Schnittstelle, um genau das umzusetzen. Sie löst das ältere XMLHttpRequest ab. Fetch ist also ein Werkzeug für AJAX.
Ist AJAX veraltet?
Der Begriff klingt nach 2005, das Prinzip ist aktueller denn je. Moderne Frameworks und Single-Page-Applications laden fast alles im Hintergrund nach. Nur die Bausteine haben sich geändert: Fetch statt XMLHttpRequest, JSON statt XML.
Ist „Mehr laden“ besser als Seitenzahlen?
Für Nutzer oft angenehmer, für SEO riskanter. Google klickt nicht auf „Mehr laden“. Wenn du es nutzt, gib jedem nachgeladenen Abschnitt eine eigene, verlinkte URL, wie Google es empfiehlt. Dann hast du beides.
Quellen
- MDN: AJAX
- Google: 15 Jahre Google Maps
- WHATWG: XMLHttpRequest Standard
- MDN: Fetch API
- WordPress Developer: AJAX
- Google Search Central: JavaScript-SEO-Grundlagen
- Google Search Central: Lazy-Loading und Infinite Scroll
- Google Search Central Blog: AJAX-Crawling-Schema abgekündigt
- web.dev: Cumulative Layout Shift
- web.dev: Interaction to Next Paint
