# DOM

Kategorie: [Rendering & JavaScript](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/) › [Wie Suchmaschinen rendern](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/wie-suchmaschinen-rendern/) · Auch genannt: Document Object Model, DOM-Baum

Das **DOM** (Document Object Model) ist die Darstellung einer HTML-Seite als Baum aus Objekten im Arbeitsspeicher des Browsers. Jedes Element, jeder Text und jedes Attribut ist ein Knoten. Skripte können diese Knoten lesen und verändern. Das DOM ist ein Programmierinterface (API), kein Dateiformat.

## DOM und HTML-Quellcode

Der HTML-Quellcode ist der Text, den der Server liefert. Der Browser liest ihn ein und baut daraus das DOM. MDN beschreibt den Unterschied so: Der Quelltext ist statisch, das DOM ist ein dynamisches Objektmodell, das sich zur Laufzeit ändern kann. Fügt ein JavaScript nach dem Laden einen Absatz ein, steht dieser im DOM, aber nicht im ursprünglichen Quellcode.

## Warum das DOM für SEO zählt

Google verarbeitet JavaScript-Seiten in drei Schritten: Crawling, Rendering, Indexierung. Beim Rendering führt ein Headless Chromium das JavaScript aus, und Google indexiert das daraus entstehende HTML. Inhalte, die erst im DOM entstehen, sind für die Suche nur sichtbar, wenn das Rendering gelingt. Laut Google kann nur indexiert werden, was im gerenderten HTML sichtbar ist.

Das ursprüngliche HTML in der Server-Antwort enthält bei Single-Page-Apps oft noch nicht den eigentlichen Inhalt. Den Vergleich beider Stände zeigt das URL-Prüftool der Search Console.

## Beispiel

Quellcode vom Server:

```html
<body>
  <div id="app">
  <script src="/app.js"></script>
</body>
```

Nach der Ausführung von `app.js` sieht das DOM so aus:

```html
<body>
  <div id="app"><h1>Laufschuhe</h1><p>Unser Sortiment …</p>
</body>
```

Eine Suchmaschine, die kein JavaScript ausführt, sieht nur die erste Fassung.

## Häufige Fehler

- **Nur den Quelltext prüfen**: Google indexiert das gerenderte HTML. Der Quelltext zeigt nicht, was JavaScript ergänzt.
- **Inhalte erst nach Nutzeraktion**: Google interagiert nicht mit der Seite. Was erst nach einem Klick oder Scroll im DOM entsteht, kann im Index fehlen.
- **noindex im Original-HTML per JavaScript entfernen**: Trifft Google im ursprünglichen HTML auf `noindex`, kann es Rendering und JavaScript überspringen. Das Entfernen per Skript greift dann womöglich nicht.
- **Widersprüchliche Canonical-Angaben**: Setzt JavaScript eine Canonical-URL, muss sie dem Wert im ursprünglichen HTML entsprechen.

## Häufige Fragen

**Was ist der Unterschied zwischen HTML und DOM?** HTML ist der Text der Datei. Das DOM ist der daraus gebaute Objektbaum, den JavaScript verändern kann.

**Wo sieht man das DOM?** In den Entwicklertools des Browsers im Reiter Elemente. Die Quellcode-Ansicht zeigt dagegen das ursprüngliche HTML.

*Grafik: Roh-HTML vs. gerendertes HTML.* Im Roh-HTML einer JavaScript-Seite fehlen Title, Überschrift und Links. Google indexiert das gerenderte HTML und sucht dort erneut nach Links.

## Verwandte Begriffe

- [Shadow DOM](https://seo-geo-glossary.com/de/glossar/shadow-dom/index.md)
- [DOM-Größe](https://seo-geo-glossary.com/de/glossar/dom-groesse/index.md)
- [Gerendertes HTML](https://seo-geo-glossary.com/de/glossar/gerendertes-html/index.md)
- [JavaScript-SEO](https://seo-geo-glossary.com/de/glossar/javascript-seo/index.md)
- [Rendering](https://seo-geo-glossary.com/de/glossar/rendering/index.md)

## Quellen

- [Introduction to the DOM – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction)
- [DOM – MDN Glossary](https://developer.mozilla.org/en-US/docs/Glossary/DOM)
- [JavaScript SEO Basics – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics)

---

Stand: 8. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/dom/