Rufat Nuriyev aktualisiert

HTML für Website-Betreiber: das Minimum beim Abnehmen der Arbeit

HTML-Code und Struktur der Website-Seite auf einem Laptop-Bildschirm

HTML ist das "Gerüst" der Seite: Überschriften, Text, Buttons, Formulare, Links. Ohne HTML weiß der Browser nicht, wo die Hauptüberschrift, der Produktpreis oder das Kontaktformular steht. Sie müssen kein Markup schreiben, aber beim Abnehmen der Website vom Dienstleister hilft Basiswissen über HTML, Fehler vor der Zahlung zu finden: leere SEO-Titel, kaputte Formulare, "Bild statt Text" für Google, fehlendes alt bei Fotos, doppeltes H1 auf jeder Seite. Kein Programmierkurs - eine 30-Minuten-Checkliste mit gesundem Menschenverstand.

  • HTML - Seitenstruktur für Browser und Suchmaschine
  • Warum Betreibern - Arbeit bewusst abnehmen, SEO und Conversion nicht durch Markup verlieren
  • Was prüfen - Überschriften, Formulare, Links, Bild-alt, Mobile-Layout
  • Zusammenspiel mit CSS und JS - HTML sagt "was", CSS - "wie es aussieht", JavaScript - "wie es reagiert"
  • Hauptrisiko - schöner Bildschirm bei leerem oder fehlerhaftem Markup darunter

Diagramm der Rollen von HTML, CSS und JS auf einer Präsentationsglastafel

HTML in einfachen Worten

HTML (HyperText Markup Language) ist eine Auszeichnungssprache, keine Programmiersprache. Sie beschreibt Blöcke mit Tags: <h1> - Hauptüberschrift, <p> - Absatz, <a> - Link, <form> - Formular, <img> - Bild.

Beispiel (vereinfacht):

<h1>Wohnungsrenovierung in Taschkent</h1>
<p>Ab 14 Tagen. Kostenlose Aufmaßnahme.</p>
<a href="/contacts/">Anfrage senden</a>

Der Browser zeigt HTML nicht als Code - er baut die Seite danach. Google und Yandex nutzen HTML ebenfalls: <title>, <h1>, Linktexte.

Technologie Rolle Analogie
HTML Struktur und Bedeutung Gebäudegerüst
CSS Farben, Schriften, Abstände, Responsive Innenausbau und Fassade
JavaScript Klicks, Warenkorb, Slider, Chat Aufzug, Klimaanlage
PHP / Backend Serverdaten, Bestellungen, E-Mail Technik hinter den Wänden

Wichtig: WordPress, Tilda, Bitrix oder Django liefern trotzdem HTML an den Browser. Das CMS generiert es automatisch. Bei Abnahme prüfen Sie das Ergebnis, nicht handgeschriebenen Code.

Checkliste bei Abnahme

1. Überschriften und SEO

  • Ein <h1> pro Seite
  • H2, H3-Hierarchie logisch
  • <title> einzigartig, mit Keyword
  • Meta description sinnvoll, nicht leer

2. Text vs Bild mit Text

Wichtiger Text nur als JPG/PNG - Suchmaschine liest nicht. SEO-Audit - rote Flagge.

Regel: wichtiger Text in HTML.

3. Bilder: alt

  • alt bei jedem Produktbild
  • Logo-alt mit Firmenname
  • tel: und echte Messenger-Links
  • Keine 404 intern
  • Sinnvoller Linktext

5. Formulare

  • Felder mit name, id
  • <button type="submit">
  • Erfolgsmeldung nach Absenden
  • Mobile: tel, email

6. Mobile

Lesbarer Text, klickbares Telefon, vollständiges Formular. Wichtig für GEO-Förderung.

7. Sprache

  • lang="de" auf <html>
  • UTF-8 korrekt

Semantik

Tag Zweck
<header> Kopfbereich
<nav> Navigation
<main> Hauptinhalt
<article> Artikel
<section> Abschnitt
<footer> Fußzeile

Semantik hilft Google, Haupttext zu erkennen. Alles in <div> - schlechter für SEO.

HTML, CSS, JavaScript - wer ist zuständig?

Problem Ursache Ansprechpartner
Hässliche Schrift/Farbe CSS Designer
Button tot / leerer Warenkorb JavaScript Frontend
Google sieht keinen Text HTML / SSR Dev + SEO
Formular-Mail kommt nicht Backend (PHP) Backend
Mobile Layout kaputt CSS + HTML Layout

Kein Text im Markup - HTML und Content, nicht Design.

Typische Fehler

  • Gleicher <title> überall
  • Generisches H1
  • Leere Meta-Tags
  • Kein CMS-Zugang zu Texten - Abhängigkeit
  • Versteckter SEO-Text - Penalty-Risiko
  • Ganze Seite als PDF-iframe - schwach für SEO

HTML ansehen ohne Programmieren

  1. Seitenquelltext anzeigen
  2. DevTools (F12) - Elements
  3. SEO-Erweiterungen
  4. Google Search Console
  5. W3C-Validator - optional

30-Minuten-Route: Start, Leistung, Kontakt, eine Produktseite.

Wann HTML-Nachbesserung verlangen?

Situation Aktion
Keine unique title/H1 Vor Unterschrift
Preisliste nur PNG Text in HTML
Formular ohne E-Mail Backend + HTML
Weiße Seite ohne JS Inhalt in HTML (JavaScript)
Kein alt bei Produkten Vor Ads

Geschäftsergebnis verlangen, nicht perfektes W3C auf CMS.

Wann die Checkliste kürzer ausfallen kann

Nicht jede Website braucht die volle 30-Minuten-Prüfung. Sie können sich auf das Wesentliche beschränken (Formulare funktionieren, Telefonnummer klickbar, Seite mobil lesbar), wenn:

  • die Seite intern ist (Admin-Bereich, Intranet) und nicht über Google gefunden werden soll;
  • die Landingpage kurzlebig für eine einzelne Kampagne ist und nicht organisch ranken muss;
  • der Dienstleister bewährt ist, mit Garantiezeit und Erfahrung mit schnellen Korrekturen;
  • die Seite weder dem Verkauf noch der Suche dient, sondern eine Referenzseite für eine einmalige Offline-Veranstaltung ist.

In allen anderen Fällen, besonders bei Seiten, die Leads über die Suche bringen sollen, sollte die Checkliste nicht übersprungen werden.

Fazit

HTML ist unsichtbare Basis für Browser, Suche und Qualität des Dienstleisters. Checkliste, kein Bild statt Text, CMS-Zugang für title, H1, alt.

Schlechtes HTML kostet Rankings und Leads.

Häufig gestellte Fragen

Muss ich HTML lernen?

Nein im Alltag - CMS und Checkliste reichen. Ja auf Basisebene bei persönlicher Abnahme und SEO-Kontrolle. 2-3 Stunden lohnen sich.

HTML vs CSS?

HTML - was auf der Seite ist. CSS - wie es aussieht. Struktur - HTML; Aussehen - CSS.

Woher kommt HTML auf meinem WordPress?

CMS generiert HTML automatisch. Sie bearbeiten die Oberfläche. Mehr zu WordPress, Bitrix und OpenCart.

Wie erkenne ich schlechtes HTML?

Gleicher title, fehlendes/mehrfaches H1, Text nur als Bild, Formulare ohne Labels, tote Links, kein alt. Tools: Quelltext, SEO-Plugin, SEO-Audit.

Beeinflusst HTML SEO und Umsatz?

Ja. Title, H1, indexierbarer Text, alt, stabile Formulare, tel:-Links. Schlechtes HTML entzieht Traffic über Monate.

Begriffe in diesem Artikel

backend — server-side logic, APIs and data layer — serverseitige Logik, APIs und Datenschicht

Tilda — block-based website and landing page builder — blockbasierter Builder für Sites und Landings

CMS — Content Management System

frontend — client-side UI of a site or app — clientseitige Oberfläche einer Site/App

SSR — Server-Side Rendering

OpenCart — open-source PHP e-commerce platform — Open-Source-PHP-Plattform für Online-Shops

Kontakt