HTML einfach erklärt: Das Fundament, das Google liest

Zwei Websites können auf dem Bildschirm völlig gleich aussehen — und trotzdem findet Google die eine und die andere nicht. Der Unterschied liegt unter der Oberfläche, in einer Textdatei, die kein Besucher jemals zu Gesicht bekommt. Diese Datei heißt HTML. Deshalb hier HTML einfach erklärt: aus der Sicht eines Unternehmers, nicht aus der eines Programmierers.

Sie werden nach diesem Beitrag keine Website programmieren können. Das ist auch nicht das Ziel. Das Ziel ist, dass Sie verstehen, worüber Ihre Agentur redet, warum die Antwort „sieht doch gut aus“ nicht reicht — und welche Fragen Sie stellen sollten, bevor Sie einen Auftrag vergeben.

Eines vorweg: HTML ist keine Programmiersprache im eigentlichen Sinn. Es rechnet nichts und entscheidet nichts. Es ist eine Auszeichnungssprache — sie markiert, was ein Stück Inhalt ist. Und genau diese Markierung ist das, was Suchmaschinen lesen.

HTML einfach erklärt: Bedeutung statt Aussehen

Stellen Sie sich Ihre Website als Gebäude vor. HTML ist der Rohbau samt Grundriss: Hier ist der Eingang, hier tragende Wände, hier die Räume und ihre Funktion. Erst danach kommen Anstrich, Bodenbelag und Möbel — das ist die Aufgabe von CSS, das für die Darstellung zuständig ist. Und alles, was sich bewegt oder auf Klicks reagiert, übernimmt JavaScript.

Im HTML steht also nicht „dieser Text ist 32 Pixel groß und fett“. Dort steht sinngemäß: „dies ist die Hauptüberschrift dieser Seite“. Eine einzige Zeile im Quelltext umschließt den Satz Dachdeckerei Müller in Bonn mit der Markierung h1 — der Kennzeichnung für die Überschrift ersten Ranges.

Diese Markierung sagt jedem Programm, das die Seite liest: Das hier ist der Kern dieser Seite. Wie groß und in welcher Farbe der Satz am Ende erscheint, ist eine völlig andere Frage — und wird an einer völlig anderen Stelle beantwortet.

Warum eine Überschrift eine echte Überschrift sein muss

Der häufigste Fehler, den wir auf bestehenden Seiten finden: Eine Überschrift ist gar keine. Sie ist nur ein normaler Absatz, den jemand groß und fett gemacht hat. Für das Auge macht das keinen Unterschied. Für Google macht es den ganzen Unterschied.

Suchmaschinen bauen aus den Überschriften einer Seite eine Art Inhaltsverzeichnis. Die Hauptüberschrift sagt, worum es auf der Seite geht. Die Zwischenüberschriften sagen, welche Teilthemen behandelt werden. Fehlt diese Gliederung, sieht die Seite für Google aus wie ein einziger langer Textblock ohne erkennbaren Schwerpunkt.

Dasselbe gilt für die Reihenfolge. Eine Seite hat genau eine Hauptüberschrift, darunter kommen die Abschnitte, darunter die Unterabschnitte. Wenn diese Rangfolge durcheinandergeht — weil jemand die Größe nach Geschmack gewählt hat statt nach Bedeutung —, wird aus dem Inhaltsverzeichnis Kauderwelsch.

Suchmaschinen und Vorleseprogramme lesen dieselbe Struktur

Das ist der Punkt, der die meisten Unternehmer überrascht: Google und ein blinder Besucher sehen Ihre Website fast identisch. Beide bekommen kein Bild, sondern die Struktur. Ein Vorleseprogramm — eine Software, die den Bildschirminhalt laut vorliest — springt von Überschrift zu Überschrift, genau wie eine Suchmaschine die Gliederung abläuft.

Deshalb zahlt sauberes HTML doppelt: Es verbessert Ihre Auffindbarkeit und es macht die Seite bedienbar für Menschen mit Einschränkungen. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz, das viele Unternehmen dazu verpflichtet — wen die Pflicht zur Barrierefreiheit genau betrifft, haben wir gesondert aufgeschrieben.

Ein zweites Beispiel sind Bilder. Jedes Bild kann eine Textbeschreibung tragen, den sogenannten Alternativtext. Er wird vorgelesen, wenn jemand das Bild nicht sehen kann, und Google nutzt ihn, um zu verstehen, was auf dem Foto zu sehen ist. Ein Bild ohne Beschreibung ist für beide schlicht nicht vorhanden.

Warum Baukasten-Exporte beim HTML oft schwach sind

Baukastensysteme lösen ein echtes Problem: Sie erlauben es, per Maus etwas zusammenzuschieben, das gut aussieht. Der Preis dafür steckt im Ergebnis. Weil das System nicht wissen kann, was Sie inhaltlich meinen, erzeugt es vor allem neutrale Behälter — Kästen in Kästen in Kästen. Ob ein Kasten eine Überschrift, ein Zitat oder eine Adresse enthält, bleibt offen.

Das Ergebnis ist eine Seite, die für das Auge sortiert ist und für die Maschine nicht. Dazu kommt oft eine erhebliche Menge an Ballast: Struktur, die nur existiert, damit sich Elemente im Baukasten verschieben lassen. Für den Besucher ist das unsichtbar, für die Ladezeit nicht.

Das heißt nicht, dass jede Baukastenseite unbrauchbar ist. Es heißt, dass Sie bei einer Baukastenseite in der Regel keinen Zugriff auf die Ebene haben, auf der über Ihre Auffindbarkeit entschieden wird.

HTML einfach erklärt: woran Laien saubere Struktur erkennen

Sie brauchen keine Entwicklerkenntnisse, um grobe Mängel zu finden. Mit diesen Prüfungen kommen Sie in wenigen Minuten sehr weit:

• Der Browser-Tab. Öffnen Sie jede wichtige Seite und lesen Sie den Text im Reiter oben. Steht dort überall dasselbe, etwa nur Ihr Firmenname oder „Startseite“? Dann fehlen die Seitentitel — genau der Text, den Google als blaue Überschrift im Suchergebnis anzeigt.
• Die Google-Trefferanzeige. Suchen Sie Ihren Firmennamen. Wirkt der angezeigte Beschreibungstext wie ein zufälliger Satzfetzen aus der Seite, fehlt die Meta-Beschreibung.
• Text markieren. Ziehen Sie mit der Maus über eine Überschrift und kopieren Sie sie in ein leeres Dokument. Kommt Text heraus, ist es Text. Kommt nichts, war die Überschrift ein Bild — und für Google unlesbar.
• Die Vorlesefunktion. Jedes moderne Handy kann eine Seite vorlesen. Wenn dabei bei jedem Foto nur „Bild“ oder ein Dateiname wie „IMG_4021“ gesagt wird, fehlen die Bildbeschreibungen.
• Die Suche im Browser. Suchen Sie mit der Tastenkombination für „Suchen“ nach einem Wort, das Sie auf der Seite sehen. Wird es nicht gefunden, steckt der Text in einer Grafik.
• Die Zoom-Probe. Vergrößern Sie die Seite im Browser stark. Rutscht der Text sauber untereinander, ist die Struktur in Ordnung. Überlappt alles, wurde starr positioniert statt strukturiert.

Diese Prüfungen sind kein Ersatz für eine fachliche Analyse. Aber wenn drei davon durchfallen, wissen Sie, dass es unter der Oberfläche nicht besser aussieht.

Was Sie von einer Agentur verlangen sollten

Sauberes HTML ist keine Zusatzleistung, für die es einen Aufpreis geben dürfte. Es ist die Grundlage. Wenn Sie eine Website erstellen lassen, gehören diese Punkte in die Absprache — und zwar bevor der erste Entwurf gezeichnet wird:

• Jede Seite bekommt einen eigenen, sprechenden Seitentitel und eine eigene Beschreibung.
• Genau eine Hauptüberschrift je Seite, darunter eine saubere Rangfolge der Abschnitte.
• Jedes inhaltlich relevante Bild bekommt eine Beschreibung in verständlichem Deutsch.
• Überschriften und wichtige Aussagen stehen als Text in der Seite, nicht als Grafik.
• Die Struktur ergibt auch ohne Gestaltung noch Sinn — von oben nach unten gelesen.

Der letzte Punkt ist der beste Test überhaupt. Eine gut gebaute Seite bleibt verständlich, wenn man ihr alle Farben und Abstände wegnimmt. Sie liest sich dann wie ein gut gegliedertes Dokument. Das ist genau die Fassung, die Google zu sehen bekommt.

Häufige Fragen

Muss ich HTML lernen, um meine Website zu pflegen?

Nein. Eine gut gebaute Website gibt Ihnen Eingabefelder für Überschrift, Text und Bild — die richtige Markierung setzt das System im Hintergrund. Ihre Aufgabe ist es, die Felder sinnvoll zu füllen: eine Überschrift ins Überschriftenfeld, nicht einen dick formatierten Satz ins Textfeld.

Verbessert sauberes HTML mein Ranking direkt?

Es ist keine Stellschraube, an der man dreht und am nächsten Tag steht man oben. HTML ist die Voraussetzung dafür, dass alles andere überhaupt wirken kann. Wenn Google nicht erkennt, worum es auf einer Seite geht, hilft der beste Text nichts. Umgekehrt ersetzt perfektes HTML keine guten Inhalte.

Was ist der Unterschied zwischen HTML und dem Aussehen der Seite?

HTML legt fest, was ein Inhalt bedeutet. Die Gestaltung legt fest, wie er aussieht, und sie sorgt dafür, dass die Seite sich an jede Bildschirmgröße anpasst. Beides greift ineinander, wird aber getrennt gepflegt — was auch der Grund dafür ist, dass ein neues Aussehen möglich ist, ohne die Inhalte anzufassen. Wie eine Seite dabei vom Handy her gedacht wird, ist eine eigene Entwurfsentscheidung.

Kann man schlechtes HTML nachträglich reparieren?

Bei einzelnen Fehlern ja — fehlende Seitentitel oder Bildbeschreibungen lassen sich nachtragen. Wenn aber die gesamte Struktur aus bedeutungslosen Kästen besteht, ist eine Reparatur oft teurer als ein Neubau, weil jede Seite einzeln angefasst werden muss. Der ehrliche Weg ist dann, den Aufwand für beide Varianten nebeneinanderzulegen und zu vergleichen.

Was Sie jetzt tun können

Nehmen Sie sich zwanzig Minuten und gehen Sie die sechs Prüfungen aus diesem Beitrag für Ihre drei wichtigsten Seiten durch: Startseite, Leistungsseite, Kontaktseite. Notieren Sie, was durchfällt. Sie haben danach eine Liste, mit der Sie in ein Gespräch gehen können, ohne sich etwas erzählen zu lassen.

Wir bauen jede Seite von dieser Ebene aus auf — erst die Struktur, dann die Gestaltung. Das ist kein Extra, sondern die Reihenfolge, in der eine Website entsteht, die auch in zwei Jahren noch gefunden wird.