Web / HTML

HTML-Grundgerüst-Generator

Erstelle ein modernes HTML5-Grundgerüst mit Sprache, Zeichensatz, Viewport, SEO-Meta-Tags, Canonical-URL, Favicon sowie CSS- und JavaScript-Einbindung.

Das Tool erzeugt eine direkt verwendbare Startstruktur für statische Seiten, kleine Tools, Landingpages und Prototypen. Alle Eingaben bleiben lokal im Browser.

Seitensprache

Eigener Sprachcode

Zeichensatz

Viewport

Eigener Viewport

Seitentitel

0 Zeichen. Für Suchergebnisse sind oft ca. 50 bis 60 Zeichen sinnvoll.

Meta-Description

0 Zeichen. Häufig sind ca. 140 bis 160 Zeichen gut lesbar.

Canonical-URL

Robots-Meta

CSS-Datei

JavaScript-Datei

Favicon

Theme-Color

Optionale Bausteine

Open-Graph-Grunddaten ergänzen Twitter-/X-Card ergänzen Kommentare im Code einfügen Header-, Main- und Footer-Struktur erzeugen

HTML-Ausgabe

Bereit.

Was gehört in ein gutes HTML-Grundgerüst?

Sprache und Zeichensatz

Das lang-Attribut und charset helfen Browsern, Suchmaschinen und assistiven Technologien bei der korrekten Verarbeitung.

Viewport und responsive Darstellung

Der Viewport sorgt dafür, dass Layouts auf mobilen Geräten korrekt skaliert werden.

SEO- und Social-Meta-Tags

Title, Description, Canonical, Robots, Open Graph und Twitter Cards geben Suchmaschinen und Link-Vorschauen klare Grunddaten.