Szenario
Ein Kunde findet Ihre Website bei Google, klickt drauf... und:
- Seite lädt 10 Sekunden
- Auf dem Handy sieht alles komisch aus
- Kontaktformular funktioniert nicht
Ergebnis: Kunde ist weg. Sie haben ihn verloren.
01
Warum Website-Fehler Ihr Geschäft kosten
Die Kosten von Website-Fehlern
- Verlorene Kunden
- Schlechtes Google-Ranking
- Reputationsschaden
- Frustrierte Nutzer
Die gute Nachricht: Viele Fehler sind leicht zu beheben – wenn man weiß, wo man suchen muss.
02
Die 15 häufigsten Website-Fehler
Fehler 1: Zu langsame Ladezeit
Das Problem
Ihre Website lädt länger als 3 Sekunden.
Folgen
- 53% der mobilen Nutzer springen ab
- Google rankt Sie schlechter
- Conversion-Rate sinkt massiv
Ursachen
- Zu große Bilder
- Zu viele Plugins
- Schlechtes Hosting
- Keine Caching-Strategie
- Unoptimierter Code
Diagnose
Tools: - Google PageSpeed Insights (pagespeed.web.dev) - GTmetrix (gtmetrix.com)
Die Lösung
Bilder optimieren
- Komprimieren (TinyPNG, Squoosh)
- WebP-Format nutzen
- Lazy Loading aktivieren
- Richtige Größe (nicht 4000×3000px für 400×300px Display!)
Caching aktivieren
- WordPress: WP Super Cache oder W3 Total Cache
- Manuell: Browser-Caching in .htaccess
Code optimieren
- CSS/JS minifizieren
- Unnötige Plugins deaktivieren
- Kritisches CSS inline laden
Hosting upgraden
- Shared Hosting (5€/Monat) → Managed Hosting (15-30€/Monat)
- Server in gleicher Region wie Zielgruppe
Schwierigkeitsgrad: Mittel DIY oder Profi? Bilder optimieren: DIY. Rest: oft Profi sinnvoll
Eine ausführliche Priorisierung finden Sie im Ratgeber zur Website-Ladezeit und Performance-Optimierung.
Fehler 2: Nicht mobile-optimiert
Das Problem
Website sieht auf Smartphone schlecht aus oder funktioniert nicht.
Folgen
- 60%+ Ihrer Nutzer frustriert
- Google rankt Sie schlechter (Mobile First Index!)
- Hohe Absprungrate
Typische Mobile-Probleme
- Text zu klein
- Buttons zu klein (nicht klickbar mit Finger)
- Horizontales Scrollen nötig
- Bilder über Bildschirmrand hinaus
- Menü nicht zugänglich
Diagnose
Tests: - Google Mobile-Friendly Test - Eigenes Smartphone (verschiedene Größen!) - Browser DevTools (F12) → Device Mode
Die Lösung
Responsive Design und Mobile-First-Optimierung implementieren – Mobile-spezifische Anpassungen: - Schriftgröße min. 16px (sonst zoomt iPhone ein!) - Buttons min. 44×44 Pixel - Viewport Meta-Tag nutzen
Schwierigkeitsgrad: Hoch (wenn nicht von Anfang an implementiert) DIY oder Profi? Profi, außer Sie kennen CSS
Fehler 3: Kaputte Links (404-Fehler)
Das Problem
Links führen zu 404-Seiten ("Seite nicht gefunden").
Ursachen - Seiten gelöscht, aber Links blieben - Relaunch ohne 301-Weiterleitungen - Tippfehler in URLs - Externe Links, die nicht mehr existieren
Folgen
- Schlechte UX
- Verlorene SEO-Power (externe Backlinks ins Leere)
- Unprofessioneller Eindruck
Diagnose
Tools: - Google Search Console (zeigt 404-Fehler) - Screaming Frog (crawlt alle Links) - Online Broken Link Checker
Die Lösung
Interne Links reparieren
- 1Broken Links finden (Tool nutzen)
- 2Ziel-Seite existiert noch? → Link korrigieren
- 3Ziel-Seite gelöscht? → Link zu passender Alternative ändern
301-Weiterleitungen einrichten: In .htaccess (Apache): Redirect 301 /alte-seite.html /neue-seite.html
404-Seite optimieren
Wenn 404 unvermeidbar, zumindest hilfreiche 404-Seite:
- Freundliche Nachricht
- Suchfunktion
- Links zu wichtigen Seiten
- Kontakt-Option
Schwierigkeitsgrad: Leicht bis Mittel DIY oder Profi? Einfache 301-Weiterleitungen: DIY. Viele Weiterleitungen: Profi
Fehler 4: Kontaktformular funktioniert nicht
Das Problem
Formular wird abgeschickt, aber E-Mail kommt nicht an.
Ursachen - Falsche E-Mail-Adresse im Backend - Mail-Server-Probleme - Spam-Filter blockt - PHP mail() funktioniert nicht - Formular-Plugin kaputt
Diagnose
Test: 1. Formular selbst ausfüllen 2. Prüfen: Kam E-Mail an? 3. Spam-Ordner checken 4. Server-Logs prüfen (falls Zugriff)
Die Lösung
E-Mail-Adresse prüfen: Backend-Einstellungen: Stimmt die Empfänger-Adresse?
SMTP statt PHP mail() nutzen
- WordPress: WP Mail SMTP Plugin
- Konfiguration mit echtem Mail-Server (nicht PHP mail())
Spam-Filter umgehen
- SPF, DKIM, DMARC korrekt konfigurieren
- Saubere From-Adresse (@ihre-domain.de, nicht @gmail.com)
Backup-Lösung
- Formular speichert in Datenbank (zusätzlich zu E-Mail)
- So geht keine Anfrage verloren
Test automatisieren
- Wöchentlich Test-Formular absenden
- Monitoring-Tool nutzen
Schwierigkeitsgrad: Mittel DIY oder Profi? Basics: DIY. SMTP-Konfiguration: oft Profi besser
Fehler 5: SSL-Zertifikat abgelaufen oder fehlt
Das Problem
Website zeigt "Nicht sicher" oder SSL-Warnung.
Folgen - Browser warnt Nutzer (große rote Warnung!) - 85% der Nutzer verlassen Website sofort - Google rankt Sie schlechter - DSGVO-Verstoß (bei Formularen)
Diagnose
Prüfung: - Browser: Schloss-Symbol in Adressleiste? - SSL Labs (ssllabs.com/ssltest) → Detaillierte Analyse
Die Lösung
SSL-Zertifikat installieren
- Let's Encrypt (kostenlos)
- Bei den meisten Hostern mit 1 Klick aktivierbar
- Automatische Verlängerung einrichten!
Mehr Hintergrund dazu finden Sie im Beitrag zu SSL und HTTPS.
HTTP → HTTPS Weiterleitung einrichten
Mixed Content beheben: Problem: HTTPS-Seite lädt HTTP-Ressourcen (Bilder, CSS, JS) Lösung: Alle Ressourcen auf HTTPS umstellen
Schwierigkeitsgrad: Leicht (bei modernem Hoster) DIY oder Profi? DIY (meist nur Klick im Hosting-Panel)
Fehler 6: Veraltetes CMS oder Plugins
Das Problem
WordPress, Plugins oder Themes sind veraltet.
Folgen - Sicherheitslücken (Hacker-Angriffe!) - Kompatibilitätsprobleme - Bugs und Fehler - Fehlende Features
Anzeichen
- WordPress zeigt Update-Benachrichtigung
- Plugins mit rotem Ausrufezeichen
- Fehlermeldungen auf Website
Die Lösung
Vor Update: Backup! WICHTIG: Immer Backup machen, bevor Sie updaten!
Update-Prozess
- 1Backup erstellen
- 2Updates auf Staging-Umgebung testen (falls vorhanden)
- 3WordPress Core updaten
- 4Plugins updaten
- 5Theme updaten
- 6Website testen
Automatische Updates: WordPress: Automatische Updates für Core aktivieren Plugins: Nur vertrauenswürdige Plugins automatisch updaten
Vorsicht
- Bei großen Updates (z.B. WordPress 5 → 6)
- Bei Custom-Code-Websites
- Bei vielen Plugins (Kompatibilität!)
Schwierigkeitsgrad: Mittel DIY oder Profi? Kleine Updates: DIY (mit Backup!). Große Updates/Custom-Sites: Profi
Fehler 7: Schlechte Darstellung in verschiedenen Browsern
Das Problem
Website sieht in Chrome gut aus, in Firefox/Safari kaputt.
Ursachen - Browser-spezifische CSS-Eigenschaften - JavaScript-Kompatibilitätsprobleme - Fehlende Vendor-Prefixes - Alter Browser-Code
Diagnose
Tests in: - Chrome - Firefox - Safari - Edge - Mobile: iOS Safari, Chrome Mobile
Die Lösung
Vendor Prefixes nutzen Autoprefixer nutzen: Automatisches Tool, das Vendor-Prefixes hinzufügt.
Polyfills für alte Browser: JavaScript-Bibliotheken, die moderne Features in alten Browsern nachbilden.
CSS Reset/Normalize: Basis-CSS, das Browser-Unterschiede ausgleicht.
Schwierigkeitsgrad: Mittel bis Hoch DIY oder Profi? Profi (erfordert CSS/JS-Kenntnisse)
Fehler 8: Pop-ups und Interstitials nerven
Das Problem
Zu viele Pop-ups, Newsletter-Banner, Cookie-Banner nerven Nutzer.
Folgen - Hohe Absprungrate - Google straft ab (Intrusive Interstitials) - Frustrierte Nutzer
Die Lösung
Pop-ups sparsam einsetzen
- Max. 1 Pop-up pro Besuch
- Exit-Intent (erst beim Verlassen)
- Zeitverzögerung (min. 15 Sekunden auf Seite)
Leicht schließbar
- Großes X
- Click außerhalb schließt Pop-up
- ESC-Taste funktioniert
Mobile
- Pop-ups kleiner
- Nicht den ganzen Bildschirm blockieren
Cookie-Banner
- DSGVO-konform
- Nicht übertrieben groß
- Schnell wegklickbar
Schwierigkeitsgrad: Leicht DIY oder Profi? DIY (Plugin-Einstellungen anpassen)
Fehler 9: Keine klare Call-to-Action
Das Problem
Nutzer weiß nicht, was er als nächstes tun soll.
Folgen - Niedrige Conversion-Rate - Verlorene Leads
Die Lösung
Kurzfassung
- Jede Seite: 1 klarer CTA
- CTA beschreibt Ergebnis ("Jetzt Beratung anfragen") - mehr Beispiele gibt es in der Conversion-Optimierung
- Visuell hervorgehoben (Button, Farbe, Größe)
- Above the Fold sichtbar
Schwierigkeitsgrad: Leicht bis Mittel DIY oder Profi? Content: DIY. Design/Platzierung: ggf. Profi
Fehler 10: Fehlende oder schlechte Meta-Daten
Das Problem
Title-Tags, Meta-Descriptions fehlen oder sind identisch auf allen Seiten.
Folgen - Schlechte Klickrate in Google (CTR) - Google zeigt schlechte Snippets - SEO-Ranking leidet
Diagnose
Prüfen: - Google: site:ihre-domain.de - Schauen Sie sich Snippets an - Screaming Frog: Meta-Daten analysieren
Die Lösung
Jede Seite braucht: - Unique Title-Tag (50-60 Zeichen) - Unique Meta-Description (120-160 Zeichen) - Keyword am Anfang des Titles
Beispiel: <title>Professionelles Webdesign Hamburg | Webnamic ab €999</title> <meta name="description" content="Moderne, schnelle Websites für Unternehmen in Hamburg. 100% Zufriedenheitsgarantie. Kostenlose Erstberatung.">
WordPress: Plugins wie Yoast SEO oder Rank Math helfen.
Schwierigkeitsgrad: Leicht DIY oder Profi? DIY (Content-Arbeit)
Fehler 11: Bilder ohne Alt-Texte
Das Problem
Bilder ohne alt-Attribut
Folgen - Screenreader können Bild nicht vorlesen (Accessibility!) - Google versteht Bild nicht (SEO!) - DSGVO/Barrierefreiheitsgesetz-Verstoß (ab 2025!)
Die Lösung
Beispiel: <img src="handwerker-fassade.jpg" alt="Handwerker streicht Hausfassade in Hamburg">
Gute Alt-Texte
- Beschreiben, was zu sehen ist
- Keyword einbauen (wenn passend)
- Nicht: "Bild123" oder "IMG_4567"
- Dekorative Bilder: leerer Alt-Text
Für größere Bildbestände lohnt sich zusätzlich der Leitfaden zu Bilder-SEO.
Schwierigkeitsgrad: Sehr leicht DIY oder Profi? DIY
Fehler 12: Keine Sitemap oder robots.txt
Das Problem
Google findet nicht alle Seiten oder crawlt falsche Seiten.
Folgen - Seiten nicht im Google-Index - Schlechtere Rankings
Die Lösung
XML-Sitemap erstellen
- WordPress: Yoast SEO generiert automatisch
- Manuell: Tools wie xml-sitemaps.com
- Sitemap in Google Search Console einreichen
robots.txt: User-agent: * Disallow: /admin/ Disallow: /wp-admin/ Allow: /wp-admin/admin-ajax.php
Sitemap: https://ihre-domain.de/sitemap.xml
Schwierigkeitsgrad: Leicht DIY oder Profi? DIY (mit Plugin) oder Profi für komplexere Sites
Fehler 13: Schlechte Bildqualität oder falsche Bildgrößen
Das Problem
- Pixelige, unscharfe Bilder
- Oder: 4K-Bilder für kleine Thumbnails (= langsam)
Die Lösung
Richtige Auflösung
- Hero-Bild: 1920×1080px (Full HD)
- Thumbnails: 300×200px
- Retina-Displays: 2x Auflösung
Moderne Formate
- WebP (kleiner als JPG bei gleicher Qualität)
- AVIF (noch neuer, noch besser)
Schwierigkeitsgrad: Mittel DIY oder Profi? Bilder optimieren: DIY. Responsive Images Code: Profi
Fehler 14: Zu viele unnötige Plugins (WordPress)
Das Problem
20+ Plugins installiert, viele nicht genutzt oder doppelt.
Folgen - Langsame Website - Sicherheitsrisiken - Kompatibilitätsprobleme
Die Lösung
Plugin-Audit
- 1Liste alle Plugins auf
- 2Welche werden wirklich gebraucht?
- 3Gibt es Überschneidungen? (2 SEO-Plugins?)
- 4Alternativen ohne Plugin? (Code statt Plugin)
Faustregel: Max. 10-15 Plugins für normale Business-Website.
Qualität über Quantität: Lieber 1 gutes Premium-Plugin als 5 kostenlose schlechte.
Schwierigkeitsgrad: Leicht bis Mittel DIY oder Profi? Plugin-Reduktion: Vorsicht! Backup machen, dann testen.
Fehler 15: Kein Backup
Das Problem
Website wird gehackt, Server crashed, falsches Update – und kein Backup da.
Folgen - Website verloren - Daten weg - Tage/Wochen Ausfall - Kosten für Wiederherstellung
Die Lösung
Automatische Backups einrichten
WordPress:
- UpdraftPlus (kostenlos)
- BackWPup
- Managed Hosting (hat oft Backups inklusive)
Frequenz
- Tägliches Backup bei häufigen Änderungen
- Wöchentliches Backup bei statischen Sites
3-2-1-Regel
- 3 Kopien der Daten
- 2 verschiedene Medien
- 1 Kopie off-site (Cloud)
Backup-Speicherorte
- Cloud (Dropbox, Google Drive)
- Externer Server
- Lokaler Computer (zusätzlich)
Schwierigkeitsgrad: Leicht DIY oder Profi? DIY (Plugin installieren)
03
Wann DIY, wann Profi?
DIY (Selbst beheben)
- Bilder optimieren & Alt-Texte
- Meta-Daten schreiben
- Einfache Plugin-Updates
- Backup einrichten
- Texte anpassen
- Pop-up-Einstellungen
Profi beauftragen
- Responsive Design nachträglich
- Performance-Optimierung (komplex)
- Sicherheitslücken
- Custom Code (CSS/JS/PHP)
- Server-Konfiguration
- Große WordPress-Updates
- Website-Umzug/Relaunch
04
Website-Wartung Checkliste
Für einen ausführlicheren Rhythmus nach dem Launch gibt es die separate Website-Wartungs-Checkliste.
Wöchentlich: - Kontaktformular testen - Backup prüfen (läuft automatisch?)
Monatlich: - Kleinere Plugin-Updates - Broken Links checken - PageSpeed testen
Quartalsweise: - Größere Updates (WordPress Core) - Alle Seiten auf Fehler prüfen - Analytics auswerten - Content aktualisieren
Jährlich: - Vollständiger Website-Audit - SSL-Zertifikat Gültigkeit - DSGVO-Konformität prüfen - Design-Refresh erwägen
05
Fazit: Prävention ist günstiger als Reparatur
Die wichtigsten Erkenntnisse: - Regelmäßige Wartung verhindert große Probleme - Backups sind Pflicht, nicht optional - Viele Fehler sind leicht zu beheben (DIY) - Komplexe Probleme: Profi spart Zeit & Geld - Performance & Mobile sind kritisch - Testing auf mehreren Geräten/Browsern
Proaktiv handeln: Warten Sie nicht, bis Kunden sich beschweren. Checken Sie Ihre Website regelmäßig selbst!
Unsicher? Lassen Sie einen Website-Audit von einem Profi machen. Einmalig 200-500€, aber Sie wissen genau, was Sache ist.
Redaktionsstandard
Jeder Webnamic-Ratgeber folgt derselben Logik: klare These, konkrete Diagnose, praktische Schritte und ein nachvollziehbarer nächster Handlungspunkt.
