HTML-Grundgerüst-Generator
Mit diesem HTML-Seiten Grundgerüst-Generator erstellen Sie schnell und übersichtlich den kompletten Kopfbereich Ihrer Webseite inkl. Doctype, Sprach-Attribut (de/en), Title (auch mit Emoticons), responsivem Viewport, Autor, Description, Keywords, Robots, Favicon, Canonical, Theme-Color, optionalen Open-Graph-Tags, optionalem TAB-Scrolltext (Titel-Laufschrift mit einstellbarer Geschwindigkeit) und wahlweise CSS-Einbindung (extern per Link oder als Inline-Style). Zusätzlich wählen Sie den Body-Start (normal oder mit Rechtsklick-Sperre). Der Generator gibt auf Wunsch den vollständigen Rahmen bis </html> aus und markiert ihn direkt zum Kopieren.
Open-Graph-Tags (OG)
Open-Graph-Tags verbessern die Darstellung Ihrer Seiten beim Teilen in sozialen Netzwerken und Messengern. Titel, Site-Name, Bild und Typ liefern Plattformen wie Facebook, LinkedIn, X und WhatsApp strukturierte Vorschau-Informationen (Rich Snippets). Ein korrekt gesetztes og:image sorgt z. B. für ansprechende Link-Vorschaubilder, og:title/og:site_name für klare Überschriften/Absender und og:type (z. B. website, article) für kontextbezogene Aufbereitung. Das steigert Sichtbarkeit, Klickrate und Wiedererkennung Ihrer Inhalte.
Suchmaschinen-Anweisungen
Suchmaschinen-Anweisungen (robots) steuern, ob Crawler Ihre Seite indexieren dürfen und ob Links auf der Seite verfolgt werden:
index,follow: Seite wird indexiert; Suchmaschinen folgen den Links (Standard und meist empfohlen).
index,nofollow: Seite wird indexiert; Links werden nicht verfolgt (Linkfluss wird nicht weitergegeben).
noindex,follow: Seite wird nicht indexiert; Links werden verfolgt (hilfreich bei Übersichts-/Filterseiten).
noindex,nofollow: Seite wird nicht indexiert; Links werden nicht verfolgt (für Test-/Interne Seiten).
Wählen Sie je nach Zweck: öffentlich relevante Seiten i. d. R. index,follow; interne/duplizierte/technische Seiten eher noindex (mit follow oder nofollow je nach Linkstrategie).
HTML-Seiten Grundgerüst-Generator
Aktivieren Sie den Haken, um das optimierte TAB-Scrolltext Script automatisch einzufügen. Die Scrollgeschwindigkeit kann unten eingestellt werden.
Hinweis: Im Titel können auch Emoticons (z. B. 🙂 🚀) verwendet werden.
Theme Color: Steuert die UI-Farbe mobiler Browser (z. B. Adressleistenfarbe in Android Chrome).
Hinweis: Im Titel können auch Emoticons (z. B. 🙂 🚀) verwendet werden.
Theme Color: Steuert die UI-Farbe mobiler Browser (z. B. Adressleistenfarbe in Android Chrome).
HTML-Grundgerüst-Generator
Erstellung: 10.12.2025
Revision 00 vom 10.12.2025 - Erstellung und Informationen
