Was ist das Text-zu-HTML-Verhältnis?
Das Text-zu-HTML-Verhältnis (englisch: Text-to-HTML Ratio oder Content Ratio) beschreibt das Mengenverhältnis zwischen dem sichtbaren Textinhalt einer Seite und ihrem gesamten HTML-Quellcode. Es beantwortet eine einfache Frage: Wie viel von dem, was der Server ausliefert, ist tatsächlich Inhalt für den Nutzer – und wie viel ist technisches Markup, das nur der Browser versteht?
Eine typische Webseite besteht aus:
- Sichtbarem Text: Überschriften, Fließtext, Listenpunkte, Tabellendaten – alles, was der Besucher lesen kann
- HTML-Markup: Tags wie
<div>,<span>,<section>, Attribute, CSS-Klassen und IDs - Eingebettetem Code: Inline-CSS, Inline-JavaScript, JSON-LD-Blöcke, SVG-Grafiken
- Meta-Informationen:
<head>-Bereich mit Meta-Tags, Link-Elementen und Skript-Referenzen
Man kann sich eine Webseite wie ein Paket vorstellen: Der sichtbare Text ist der eigentliche Inhalt, und das HTML-Markup ist das Verpackungsmaterial. Ein gutes Paket schützt den Inhalt, ohne größer als nötig zu sein. Wenn die Verpackung aber 95 % des Gewichts ausmacht und der Inhalt nur 5 %, stimmt das Verhältnis nicht.
Warum ist das Text-zu-HTML-Verhältnis wichtig für SEO?
Suchmaschinen bewerten Webseiten primär anhand ihres Textinhalts. Der HTML-Code ist nur das Transportmittel – er selbst enthält keine Information, die Google in den Index aufnimmt. Ein ungünstiges Verhältnis hat mehrere Konsequenzen:
Thin Content – zu wenig Text
Seiten mit sehr wenig sichtbarem Text (unter 200 Zeichen) oder einer geringen Wortzahl (unter 200 Wörtern) werden von Suchmaschinen häufig als Thin Content klassifiziert. Googles Helpful Content System bewertet, ob eine Seite „substanziellen Wert" bietet. Seiten mit minimalem Textinhalt erfüllen dieses Kriterium selten.
Typische Folgen von Thin Content:
- Die Seite wird gecrawlt, aber nicht indexiert – Google sieht keinen Grund, sie in den Suchergebnissen anzuzeigen
- Die Seite wird indexiert, rankt aber für keine relevanten Suchbegriffe, weil zu wenig Kontext vorhanden ist
- Bei vielen Thin-Content-Seiten kann das gesamte Domain-Ranking darunter leiden, weil Google die Gesamtqualität der Website berücksichtigt
Aufgeblähtes Markup – zu viel HTML
Wenn eine Seite wesentlich mehr HTML-Code als Textinhalt enthält (hohes HTML-zu-Text-Verhältnis), signalisiert das potenzielle Qualitätsprobleme:
- Ladezeit: Mehr HTML bedeutet größere Dateien, längere Ladezeiten und höheren Datenverbrauch – besonders relevant auf mobilen Geräten
- Crawl-Effizienz: Google muss mehr Code parsen, um den eigentlichen Inhalt zu extrahieren. Bei extrem aufgeblähtem Markup kann das die Crawl-Geschwindigkeit beeinträchtigen
- Content-Signal: Ein hoher Markup-Anteil kann darauf hindeuten, dass die Seite eher technisch generiert als redaktionell erstellt wurde – etwa automatisch generierte Seiten mit viel Template-Code, aber wenig einzigartigem Inhalt
Die drei Metriken im Detail
1. Sichtbare Textzeichen
Die Textzeichenzahl misst, wie viele Zeichen der sichtbare Textinhalt einer Seite umfasst – nach Entfernung aller HTML-Tags, Skripte und Stilinformationen. Gezählt wird nur, was ein Besucher tatsächlich lesen kann.
Schwellenwert: Unter 200 Zeichen gilt als kritisch niedrig.
200 Zeichen entsprechen etwa zwei bis drei kurzen Sätzen. Eine Seite mit weniger Text als ein Social-Media-Post hat aus SEO-Sicht praktisch keinen Inhalt. Auch Navigationsmenüs, Footer-Texte und Breadcrumbs werden mitgezählt – wenn selbst mit diesen Elementen keine 200 Zeichen zusammenkommen, ist die Seite extrem inhaltsarm.
Häufige Ursachen: - Startseiten, die nur aus Bildern, Slidern und Buttons bestehen - Produktseiten mit nur einem Titel und einem Preis, aber ohne Beschreibung - Leere Kategorie-Seiten, die noch auf Inhalte warten - Seiten, deren Inhalt vollständig per JavaScript nachgeladen wird und beim serverseitigen Abruf nicht sichtbar ist
2. Wortzahl
Die Wortzahl zählt die einzelnen Wörter im sichtbaren Text. Sie ist ein ergänzender Indikator zur Zeichenzahl und gibt einen intuitiveren Eindruck der Inhaltsmenge.
Schwellenwert: Weniger als 200 Wörter gelten als zu wenig für eine eigenständige Seite.
200 Wörter sind etwa eine halbe DIN-A4-Seite Text. Für eine Seite, die in Suchmaschinen ranken soll, ist das das absolute Minimum. Tiefergehende Themen erfordern typischerweise 500–2.000 Wörter, um die Suchintention vollständig zu bedienen.
Richtwerte nach Seitentyp:
| Seitentyp | Empfohlene Wortzahl |
|---|---|
| Blogartikel / Ratgeber | 800–2.500 Wörter |
| Produktseite | 300–800 Wörter |
| Kategorie-Seite | 200–500 Wörter |
| Landingpage | 500–1.500 Wörter |
| FAQ-Seite | 500–2.000 Wörter |
| Kontaktseite | 100–300 Wörter |
Hinweis: Es gibt keine universelle „optimale Wortzahl". Google hat wiederholt betont, dass die Qualität und Relevanz des Inhalts wichtiger sind als die reine Länge. Die Richtwerte dienen als Orientierung – nicht als starre Regel.
3. HTML-zu-Text-Verhältnis (Content Ratio)
Die Content Ratio setzt die HTML-Dateigröße in Bytes ins Verhältnis zur Anzahl der Textzeichen. Sie wird berechnet als:
Ratio = HTML-Größe in Bytes ÷ Anzahl Textzeichen
Ein Wert von 10 bedeutet: Für jedes sichtbare Textzeichen werden 10 Bytes HTML-Code übertragen. Je höher die Ratio, desto aufgeblähter ist der Code.
Schwellenwert: Über 20 bei gleichzeitig mehr als 30 KB HTML-Größe gilt als problematisch.
Die 30-KB-Untergrenze verhindert falsche Alarme bei kleinen Seiten: Eine Kontaktseite mit 5 KB HTML und 100 Textzeichen hätte rechnerisch eine hohe Ratio – aber das ist bei einer kleinen Seite unproblematisch. Erst wenn eine Seite sowohl groß (über 30 KB) als auch textarm (Ratio über 20) ist, deutet das auf aufgeblähtes Markup hin.
Bewertungsstufen:
| Ratio | Bewertung | Handlungsbedarf |
|---|---|---|
| Unter 5 | Hervorragend | Kein Handlungsbedarf – sehr textlastige Seite |
| 5–10 | Gut | Normaler Bereich für die meisten Websites |
| 10–20 | Akzeptabel | Prüfen, ob Markup reduziert werden kann |
| Über 20 | Problematisch | HTML-Code bereinigen, Inhalt ergänzen |
Ursachen und Lösungen
Zu wenig Textinhalt beheben
Substanziellen Inhalt hinzufügen: - Ergänze beschreibende Texte, die den Zweck und Mehrwert der Seite klar kommunizieren - Füge Kontextinformationen hinzu: Hintergrund, Erklärungen, Vorteile, Anwendungsbeispiele - Ergänze FAQ-Abschnitte mit häufig gestellten Fragen zum Thema - Integriere Vergleichstabellen, Spezifikationen oder Anleitungen
Inhalte für den Nutzer, nicht für Google: - Schreibe nicht einfach 200 Wörter Fülltext, um den Schwellenwert zu erreichen - Jeder hinzugefügte Absatz sollte eine konkrete Nutzerfrage beantworten - Prüfe die Suchintention: Was will ein Besucher auf dieser Seite erfahren oder tun?
Seiten ohne Eigenständigkeit zusammenfassen: - Wenn mehrere Seiten mit je unter 100 Wörtern zum gleichen Thema existieren, sollten sie besser zu einer einzigen, umfassenderen Seite zusammengeführt werden - Leere Kategorie-Seiten können mit einer einleitenden Beschreibung aufgewertet werden
Aufgeblähtes HTML reduzieren
Markup bereinigen:
- Entferne überflüssige <div>-Wrapper und Verschachtelungen – jede zusätzliche Ebene erhöht die Dateigröße ohne Nutzen
- Eliminiere ungenutztes Inline-CSS und Inline-JavaScript. Lagere Styles in externe Dateien aus
- Prüfe, ob der Template-Generator (CMS, Page-Builder) übermäßig viel Markup erzeugt
CSS und JavaScript auslagern:
- Inline-Styles (style="...") und eingebettete <style>-Blöcke gehören in externe CSS-Dateien
- JavaScript-Code aus <script>-Blöcken in externe .js-Dateien verschieben
- Externe Dateien werden vom Browser gecacht – bei Folgebesuchen wird kein zusätzlicher Code übertragen
Frameworks und Page-Builder prüfen:
- Manche Page-Builder (Elementor, Divi, WPBakery) erzeugen extrem verschachteltes HTML mit dutzenden <div>-Ebenen pro Abschnitt
- Prüfe, ob ein schlankeres Theme oder ein alternativer Builder weniger Markup produziert
- Bei gravierenden Ratio-Problemen kann eine Umstellung auf handcodiertes HTML oder einen minimalistischen Builder langfristig sinnvoll sein
SVG und Inline-Grafiken optimieren: - Inline-SVGs können tausende Bytes Code erzeugen. Prüfe, ob sie als externe Dateien effizienter wären - Base64-kodierte Bilder im HTML-Code sind ein häufiger Verursacher hoher Ratios
Zusammenhang mit anderen SEO-Faktoren
Das Text-zu-HTML-Verhältnis steht nicht isoliert. Es hängt direkt mit anderen Qualitätssignalen zusammen:
- Ladegeschwindigkeit: Aufgeblähter HTML-Code erhöht die Time to First Byte (TTFB) und das Largest Contentful Paint (LCP) – beides Core-Web-Vitals-Metriken
- Crawl-Budget: Suchmaschinen weisen jeder Website ein begrenztes Crawl-Budget zu. Aufgeblähte Seiten verbrauchen mehr davon, ohne mehr Inhalt zu liefern
- Lesbarkeit: Seiten mit zu wenig Text bieten oft auch eine schlechte Nutzererfahrung – der Besucher findet nicht die Information, die er sucht
- E-E-A-T: Dünner Inhalt ohne Tiefe und Kontext schwächt die wahrgenommene Expertise und Vertrauenswürdigkeit einer Website
Häufige Fehler
Wenig sichtbarer Textinhalt
Die Seite enthält weniger als 200 sichtbare Textzeichen. Das passiert häufig bei bildlastigen Seiten, leeren Template-Seiten oder Seiten, deren Inhalt ausschließlich per JavaScript geladen wird. Suchmaschinen haben kaum Material, um die Seite thematisch einzuordnen – die Folge sind fehlende Rankings.
Niedrige Wortzahl
Die Seite hat weniger als 200 Wörter sichtbaren Text. Anders als die Zeichenzahl gibt die Wortzahl einen besseren Eindruck der inhaltlichen Tiefe. Eine Seite mit 150 Wörtern kann den Zweck andeuten, bietet aber selten genug Kontext, um für wettbewerbsfähige Suchbegriffe zu ranken.
Hohes HTML-zu-Text-Verhältnis
Die Seite enthält wesentlich mehr HTML-Code als Textinhalt (Ratio über 20 bei mehr als 30 KB Dateigröße). Typische Verursacher sind überladene Page-Builder, Inline-SVGs, Base64-Bilder oder redundanter Template-Code. Die Lösung liegt nicht in mehr Text, sondern in weniger Markup: HTML bereinigen, Styles und Skripte auslagern, unnötige Verschachtelungen entfernen.