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 `

`-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.