DOM (Document Object Model)

Was ist das DOM?

Für technisches SEO ist das DOM entscheidend, weil Google nicht den Quellcode, sondern das gerenderte DOM indexiert. Wenn JavaScript Ihre Inhalte erst nach dem Laden in das DOM einfügt, müssen Sie sicherstellen, dass der Googlebot diese Änderungen korrekt rendert. Besonders bei Single-Page-Applications und JavaScript-Frameworks kann ein fehlerhaftes DOM dazu führen, dass wichtige Inhalte unsichtbar für Suchmaschinen bleiben.

DOM (Document Object Model) ist die Baumstruktur einer Webseite im Browser – eine hierarchische Darstellung aller HTML-Elemente und ihrer Beziehungen. Das DOM wird aus dem HTML-Quellcode erzeugt und kann durch JavaScript manipuliert werden. Für JavaScript-SEO und Google’s Rendering ist das DOM entscheidend: Google muss das DOM verstehen, um Inhalte zu indexieren. Wenn JavaScript das DOM massiv verändert (Inhalte hinzufügt oder entfernt), muss Google diese Veränderungen erkennen und indexieren.

Technisch betrachtet: Der Browser empfängt HTML, baut das DOM-Baum, lädt CSS (rendert es), führt JavaScript aus (DOM-Veränderungen), und zeichnet das finale Ergebnis auf dem Bildschirm. Suchmaschinen-Bots durchlaufen denselben Prozess, brauchen aber länger und haben Ressourcen-Limits. Wenn JavaScript zum Beispiel alle <h1>-Tags entfernt und neue hinzufügt, muss Google das letzte Rendering-Ergebnis indexieren. Dazu braucht Google ein Rendering-System (Headless Chrome).

In der Praxis ist DOM-Verständnis wichtig für technisches SEO von JavaScript-Websites: Stellen Sie sicher, dass wichtige Inhalte bereits im initialen HTML vorhanden sind (nicht nur im DOM nach JavaScript-Ausführung). Verwenden Sie Tools wie Fetch as Google oder Lighthouse, um zu prüfen, welches DOM Google tatsächlich sieht. Nutzen Sie semantic HTML (korrekte Tags für Inhalte) – ein gutes DOM mit korrektem Markup ist für Google leichter zu verstehen als ein komplexes, unstrukturiertes DOM mit viel JavaScript-Manipulation.