Das Das Document Object Model (DOM) ist die strukturierte Abbildung einer Webseite, mit der ein Browser deren Inhalt und Aufbau im Speicher darstellt. JavaScript kann das DOM verändern und so Inhalte hinzufügen oder entfernen.Zum Glossareintrag → ist die baumartige Struktur, mit der ein Browser eine Seite intern abbildet. Jedes Element, etwa Überschrift, Absatz oder Bild, ist ein Knoten in diesem Baum. JavaScript greift auf das DOM zu und kann es dynamisch verändern.
Für die Suchmaschinenoptimierung ist ein wichtiger Unterschied relevant:
- Der Seitenquelltext zeigt das ursprünglich vom Server gelieferte HyperText Markup Language (HTML) ist die Auszeichnungssprache für Webseiten. Mit ihr werden Struktur und Inhalt einer Seite definiert, etwa Überschriften, Absätze, Links und Bilder.Zum Glossareintrag →.
- Das gerenderte DOM zeigt den Zustand nach Ausführung des JavaScripts, wie ihn die Entwicklertools (DevTools) anzeigen.
Diese beiden können sich unterscheiden. Wenn Inhalte nur im gerenderten DOM, aber nicht im rohen Quelltext stehen, sind sie für einfache Crawler und viele KI-Crawler sind automatisierte Bots, die Webseiten für KI-Anbieter abrufen, um Inhalte zu finden, für Suchfunktionen bereitzustellen, für Antworten abzurufen oder je nach Anbieter für Modelltraining zu verwenden.Zum Glossareintrag → möglicherweise nicht sichtbar. Deshalb sollte man bei einer Prüfung gezielt den Quelltext mit dem gerenderten DOM vergleichen, statt sich allein auf die Browseransicht zu verlassen.