Das Fundament steht — jetzt geht es an die Seite selbst: Wie baust du sie, wie strukturierst du Inhalte, und welche Details entscheiden über Ladezeit und Auffindbarkeit? Dieser Guide führt durch die Umsetzung.

Umsetzungsweg wählen: Baukasten, CMS oder statisch#

Wie du deine Website baust, hängt von Anspruch, Budget und Pflegeaufwand ab. Drei gängige Wege:

• Baukasten: schnell, ohne Technikwissen, ideal für einfache Seiten.
• CMS (z. B. WordPress): flexibel und erweiterbar, dafür Updates und Pflege nötig.
• Statisch (HTML): sehr schnell und sicher, Änderungen aber in Handarbeit.

Tipp: Je mehr Funktionen (Blog, Shop, Mehrsprachigkeit), desto eher ein CMS. Für eine Visitenkarten-Seite reicht oft Baukasten oder statisch.

Seitenstruktur, Navigation und Startseite#

Eine klare Struktur hilft Besuchern und Suchmaschinen. Plane sie, bevor du Inhalte anlegst:

• Seitenstruktur: wenige Hauptbereiche, logisch gruppiert.
• Navigation: selbsterklärend, überall erreichbar, maximal ein bis zwei Ebenen.
• Startseite: Worum geht es, für wen — und was soll der Besucher tun (klarer Call-to-Action)?

Tipp: Skizziere die Seiten zuerst auf Papier — das spart später Umbauten.

Texte, Bilder, Logo: Lizenzen dokumentieren#

Inhalte müssen dir gehören oder korrekt lizenziert sein, sonst drohen Abmahnungen:

• Eigene Texte/Bilder: unkritisch — du hältst die Rechte.
• Fremde Bilder/Stockfotos: Lizenz prüfen und aufbewahren (Anbieter, Lizenztyp, Datum).
• Logo & Schriften: Nutzungsrechte klären.

Tipp: Lege einen Ordner „Lizenznachweise" an — im Streitfall bist du beweispflichtig.

Schriften lokal einbinden (Google Fonts)#

Werden Schriften direkt von Google-Servern geladen, wird die IP-Adresse deiner Besucher an Google übertragen — datenschutzrechtlich heikel. Besser lokal einbinden:

• Schriftdateien herunterladen und auf dem eigenen Webspace ablegen.
• Per @font-face lokal einbinden statt per CDN-Link.
• Gilt sinngemäß für andere externe Ressourcen (Icons, Karten).

Tipp: Lokal eingebundene Schriften laden meist auch schneller und machen dich unabhängig von Drittservern.

Performance: Ladezeit, Bildformate, Responsivität#

Schnelle, mobil taugliche Seiten halten Besucher und werden besser gefunden:

• Bildformate: moderne Formate (WebP/AVIF), passend skaliert — keine Riesenbilder.
• Responsive: auf Smartphone, Tablet und Desktop testen.
• Ladezeit: unnötige Skripte und Plugins vermeiden, Caching nutzen.

Tipp: Prüfe die Seite auf dem Handy und im langsamen Netz — dort zählt jede Sekunde.

Favicon, Meta-Angaben und Linkvorschau#

Kleine Details, große Wirkung: So sieht deine Seite im Tab, im Suchergebnis und beim Teilen aus.

• Favicon: kleines Symbol im Browser-Tab.
• Seitentitel & Meta-Beschreibung: je Seite eigen — erscheint im Suchergebnis.
• Linkvorschau-Bild (Open Graph): Bild und Text beim Teilen in Messengern und sozialen Netzwerken.

Tipp: Teste die Vorschau, indem du einen Link probeweise in einem Messenger teilst.

robots.txt, sitemap.xml, Canonical und 404-Seite#

Diese Technik-Basics helfen Suchmaschinen, deine Seite richtig zu erfassen:

• robots.txt: steuert, was Crawler ansehen dürfen.
• sitemap.xml: listet deine Seiten für Suchmaschinen.
• Canonical-Tag: benennt die Hauptversion bei ähnlichen URLs (verhindert Duplicate Content).
• 404-Seite: hilfreiche Fehlerseite mit Rückweg zur Startseite.
• Weiterleitungen: alte URLs nach einem Umbau per 301 auf die neuen führen.