Webdesign-Audit: 7 Fehler, die dir Leads kosten
Ein Webdesign-Audit deckt technische Fehler auf, die Besucher still und systematisch vom Abschluss einer Anfrage abhalten. Studien zeigen, dass bereits eine Ladezeit über drei Sekunden mehr als die Hä
Ein Webdesign-Audit deckt technische Fehler auf, die Besucher still und systematisch vom Abschluss einer Anfrage abhalten. Studien zeigen, dass bereits eine Ladezeit über drei Sekunden mehr als die Hälfte aller mobilen Nutzer zum Absprung bewegt, während Broken Links, fehlender Farbkontrast oder nicht scrollbare Formulare auf Smartphones denselben Effekt haben. Der entscheidende Punkt: Diese Fehler hinterlassen keine Beschwerden, sondern nur eine steigende Absprungrate in den Analysedaten. Wer seine Website nicht regelmäßig systematisch prüft, verliert Leads, ohne je den Grund dafür zu kennen. Schätzungen zufolge gehen durch solche technischen Mängel bis zu 30 Prozent aller potenziellen Kontaktanfragen verloren, ohne dass ein einziger Euro mehr Werbebudget nötig wäre, um sie zurückzugewinnen. Welche sieben Fehler dabei den größten Einfluss haben und wie eine strukturierte Checkliste dabei hilft, sie zu identifizieren, zeigen die folgenden Abschnitte.
Warum eine langsame oder fehlerhafte Website Leads aktiv vernichtet
3,1 Sekunden. So lange wartet ein durchschnittlicher Nutzer auf deinen Seitenaufbau, bevor er innerlich schon weg ist. Laut aktuellen Daten brechen zwischen 53 und 90 Prozent aller Besucher eine Seite ab, die länger als drei Sekunden lädt. Das ist keine abstrakte Statistik, das ist dein Kontaktformular, das nie ausgefüllt wird.
Was viele unterschätzen: Ladezeit wirkt nicht linear. Jede zusätzliche Sekunde kostet bis zu 12 Prozent deiner Conversions, und der Effekt potenziert sich. Eine Website, die von vier auf unter zwei Sekunden beschleunigt wird, kann Conversion-Raten um 32 bis 40 Prozent steigern. Bei einem kleinen Dienstleister mit 20 Anfragen im Monat sind das plötzlich acht Leads mehr, ohne einen Cent mehr für Werbung auszugeben.
Ich erlebe in meiner Praxis regelmäßig, dass technische Fehler als Designproblem abgetan werden. "Sieht doch gut aus" höre ich oft. Aber ein Broken Link im Navigationsmenü, ein Button ohne ausreichenden Farbkontrast oder ein Formular, das auf dem Smartphone nicht scrollt, sind kein ästhetisches Problem. Sie sind ein Umsatzproblem.
Das Tückische dabei ist die Stille. Ein Besucher, der wegen eines Fehlers abspringt, schreibt dir keine Beschwerde. Er geht einfach. Und du siehst in Google Analytics nur eine erhöhte Absprungrate, ohne zu wissen, was dahintersteckt. Genau deshalb braucht jede Website regelmäßig einen strukturierten Audit, der diese stillen Conversion-Killer sichtbar macht.
Fehler 1: Ladezeit über 2 Sekunden
Drei Sekunden. Das klingt nach nichts. Aber laut aktuellen Messungen brechen bis zu 53 Prozent aller mobilen Nutzer eine Seite ab, wenn sie länger als drei Sekunden lädt. Wer von vier Sekunden auf unter zwei kommt, steigert seine Conversion-Rate um 32 bis 40 Prozent. Das ist kein kleines Tuning. Das ist der Unterschied zwischen einer Website, die Leads bringt, und einer, die sie still verbrennt.
Core Web Vitals sind seit 2021 offizieller Google-Rankingfaktor, und 2026 werden sie noch stärker gewichtet. Die wichtigste Einzelmetrik dabei: der LCP, der Largest Contentful Paint. Er misst, wann das größte sichtbare Element einer Seite fertig gerendert ist. Google will diesen Wert unter 2,5 Sekunden sehen. In meiner Praxis liegt er bei frisch aufgesetzten WordPress-Sites ohne Optimierung regelmäßig bei 4 bis 6 Sekunden.
Die häufigsten Ursachen, die ich immer wieder sehe:
- Unkomprimierte Bilder im Original-Format (ein 4-MB-JPEG vom Smartphone direkt ins CMS hochgeladen)
- Kein Browser-Caching aktiviert, obwohl es mit jedem guten Caching-Plugin in zehn Minuten erledigt ist
- Shared Hosting mit überlasteten Servern, das schon bei der Time to First Byte (TTFB) versagt
- Render-blocking JavaScript, das den Browser zwingt, erst ein Dutzend Skripte zu laden, bevor irgendetwas angezeigt wird
Der schnellste Einstiegspunkt für eine erste Diagnose ist PageSpeed Insights. Das Tool zeigt dir kostenlos, wo dein LCP hängt und welche Ressourcen blockieren. Schau dir dabei sowohl den mobilen als auch den Desktop-Wert an. Die Lücke zwischen beiden ist bei vielen KMU-Sites erschreckend groß.
Ein Praxisbeispiel aus einem Kundenprojekt: Allein durch Bildkomprimierung im WebP-Format und aktiviertes Caching sank der LCP von 5,8 auf 2,1 Sekunden, ohne einen einzigen Code-Umbau.
Fehler 2 und 3: Mobile-Optimierung und Navigation
Wer Ladezeiten optimiert, aber das Mobilgerät vergisst, hat die Hälfte der Arbeit nicht gemacht. Google indexiert Websites seit Jahren ausschließlich nach dem Mobile-First-Prinzip: Nicht deine Desktop-Ansicht entscheidet über dein Ranking, sondern das, was ein Smartphone-Nutzer sieht und erlebt.
In meiner Praxis sehe ich bei KMU-Websites ein immer wiederkehrendes Muster. Die Desktop-Version sieht tadellos aus, aber auf dem Handy sind Buttons winzig, Texte kaum lesbar, und das Kontaktformular scrollt halb aus dem Bildschirm. Das sind keine Kleinigkeiten, das sind Conversion-Killer.
Die häufigsten mobilen Problemzonen:
- Buttons unter 48 px Höhe - Google selbst empfiehlt 48 x 48 px als Mindestgröße für Touch-Targets. Darunter tippen Nutzer daneben, frustrieren sich, und sind weg.
- Schriftgrößen unter 18 px, die auf kleinen Displays zum Zusammenkneifen der Augen zwingen
- Ladezeiten über 1,8 Sekunden auf Mobilgeräten - ein Schwellenwert, der auf Mobilverbindungen (LTE, schwaches WLAN) schneller erreicht ist als gedacht
- Nicht angepasste Bilder, die im Mobile-Viewport schlicht zu breit gerendert werden
Quelle: Abakus Internet Marketing
Dann ist da noch das Navigations-Problem, das ich fast als eigenständigen Fehlertyp behandle. Überladene Menüs mit mehr als sieben Hauptpunkten überfordern Nutzer nachweislich, weil das Arbeitsgedächtnis genau diese Grenze hat. Trotzdem sehe ich regelmäßig Websites von Handwerksbetrieben oder lokalen Dienstleistern, die zehn, zwölf Menüpunkte anbieten, weil "alles wichtig" ist.
Das Ergebnis: Besucher klicken gar nichts, weil sie nicht wissen, wo sie anfangen sollen. Eine klare Hauptnavigation mit maximal fünf bis sieben Punkten, ergänzt durch einen einzigen, sichtbaren CTA-Button, führt messbar besser. Weniger Auswahl bedeutet mehr Entscheidungen, nicht weniger.
Für die schnelle Prüfung empfehle ich das kostenlose Google Mobile-Friendly-Test-Tool, das in zwei Minuten zeigt, wo deine Seite auf Mobilgeräten versagt.
Fehler 4 und 5: HTML-Fehler, Broken Links und schwache CTAs
Wer seinen Code nie überprüft, arbeitet mit einem blinden Fleck. Ungültiger HTML-Code ist einer der unsichtbarsten Fehler im Webdesign, weil er im Browser oft gar nicht auffällt, aber für Crawler ein echtes Problem darstellt. Googlebot liest deinen Quellcode, keine gerenderte Seite. Fehlen semantische Elemente wie <main>, <article> oder korrekt verschachtelte Heading-Strukturen, verliert der Crawler den roten Faden durch deinen Content.
Broken Links verschärfen das Problem auf zwei Ebenen gleichzeitig: Jede 404-Seite, die ein Nutzer sieht, untergräbt das Vertrauen in dein Angebot. Und jeder tote Link, den ein Crawler findet, verpufft als Weiterleitungsbudget ins Nirgendwo. In meiner Praxis sehe ich bei Bestandsseiten regelmäßig zweistellige Zahlen an kaputten internen Links, oft entstanden durch URL-Umstrukturierungen, die niemand nachgepflegt hat.
| Problem | Auswirkung SEO | Auswirkung Nutzer |
|---|---|---|
| Ungültiger HTML-Code | Crawler-Verwirrung, schlechte Indexierung | Meist unsichtbar |
Fehlende Semantik (<h1>, <main>) | Kein klares Thema-Signal | Schlechtere Barrierefreiheit |
| Broken Links (intern) | Link Equity geht verloren | Frustration, Absprung |
| Broken Links (extern) | Geringeres Vertrauen der Crawler | Vertrauensverlust beim Leser |
Den Einstieg in die HTML-Validierung macht der kostenlose W3C Markup Validator in wenigen Minuten. Kein Plugin, keine Anmeldung.
Mindestens genauso unterschätzt: schwache CTAs. Ein Button, der optisch in der Seite versinkt, wird schlicht nicht geklickt. Die Grundregel lautet Komplementärfarben: Wenn dein Design in Blautönen gehalten ist, sticht ein orangefarbener CTA-Button sofort heraus. Dazu kommt die Mindesthöhe von 48 Pixeln, die Google selbst für tippbare Elemente auf Mobilgeräten empfiehlt. Alles darunter ist auf Touchscreens ein Treffer-Glücksspiel.
Beschriftung zählt genauso. "Mehr erfahren" ist kein CTA, es ist eine Verlegenheitslösung. "Jetzt kostenlos prüfen" oder "Angebot anfragen" benennen den nächsten Schritt konkret und senken die Hemmschwelle zum Klick spürbar.
Fehler 6 und 7: Stockfotos, KI-Grafiken und fehlender Social Proof
Gute Buttons bringen Besucher bis zur Entscheidung. Was dann passiert, hängt von etwas ab, das viele unterschätzen: dem visuellen und sozialen Kontext, in dem diese Entscheidung fällt.
Schau dir mal eine typische Handwerker- oder Dienstleister-Website an. Oben ein Bild von lachenden Menschen in einem sterilen Büro, die Hände schütteln. Kein Ortshinweis, keine erkennbaren Gesichter, kein echter Moment. Stockfotos dieser Art signalisieren dem Besucher unbewusst: Hier ist niemand zu Hause. Echte Fotos des Teams, der Werkstatt oder eines abgeschlossenen Projekts hingegen erzeugen Verweildauer, weil sie Neugierde wecken und Vertrauen aufbauen.
Das gilt für KI-generierte Grafiken noch stärker. Was als schnelle, günstige Lösung erscheint, hat inzwischen einen Erkennungswert, der gegen dich arbeitet. Nutzer, die täglich im Netz unterwegs sind, identifizieren generische KI-Ästhetik innerhalb von Sekunden, oft ohne es bewusst benennen zu können, und verlassen die Seite mit einem diffusen Misstrauensgefühl.
In meiner Praxis sehe ich das regelmäßig: Sobald ich bei einer Website-Überarbeitung echte Fotos einbaue, steigt die durchschnittliche Sitzungsdauer messbar, manchmal um 20 bis 40 Sekunden, was bei kurzen Entscheidungsprozessen den Unterschied zwischen Anfrage und Absprung macht.
Beim Thema Social Proof ist das Muster noch klarer. Keine Bewertungen auf der Website? Der Besucher googelt deinen Namen, findet ein Google-Profil mit 4,8 Sternen beim Mitbewerber und ist weg. Keine Kundenlogos oder Referenzprojekte? Dann wirkt selbst ein überzeugender Text wie eine unbelegte Behauptung. Keine Fallstudien oder konkreten Ergebnisse? Verpasste Chance, Kompetenz zu beweisen, bevor jemand fragt.
Social Proof ist keine Dekoration. Es ist Conversion-Infrastruktur, genauso wie Ladezeit oder Navigation. Wer Bewertungen, echte Projektfotos oder Kundenaussagen von der Website fernhält, weil es "zu viel Aufwand" ist, zahlt diesen Aufwand in entgangenen Anfragen zurück.
Ein Praxisbeispiel: Eine lokale Dienstleister-Website ohne einzige Bewertung konkurriert täglich gegen Anbieter, die 50+ Google-Rezensionen auf der Startseite eingebunden haben. Der Besucher entscheidet nicht nach Preis, er entscheidet nach dem, was er in den ersten fünf Sekunden sieht und fühlt.
Die Checkliste: 7 Fehler auf einen Blick
Fünf Sekunden Ersteindrucks-Entscheidung, sieben Fehler, die dabei systematisch verlieren lassen. Statt diese Punkte nochmal im Fließtext zu erklären, kommt hier das, was in der Praxis wirklich hilft: eine direkte Gegenüberstellung von Symptom, Wirkung und dem schnellsten Weg zur Diagnose.
| Fehler | Typisches Symptom | Wirkung auf Leads | Quick-Fix-Tool |
|---|---|---|---|
| Ladezeit >2 s | Hohe Absprungrate, schlechte Core Web Vitals | bis zu -12 % Conversion pro Sekunde | Google PageSpeed Insights |
| Kein Mobile-Design | Buttons zu klein, Text unleserlich auf Smartphone | Verlust von Google-Rankings (Mobile-First-Index) | Chrome DevTools / Responsinator |
| Fehlerhafte Navigation | Besucher verlassen die Seite ohne Klick | Direkte Absprünge, keine Seitentiefe | Hotjar (Heatmaps) |
| HTML-Fehler & Broken Links | Inhalte werden falsch dargestellt, Links führen ins Leere | Crawling-Probleme, Vertrauensverlust | W3C Markup Validator / Screaming Frog |
| Schwache CTAs | Buttons kaum sichtbar, kein Kontrast | Besucher wissen nicht, was sie tun sollen | WAVE Accessibility Tool |
| Stockfotos & KI-Grafiken | Austauschbare Optik, kein Wiedererkennungswert | Geringeres Vertrauen, höhere Absprungrate | Eigene Fotos, kein Tool ersetzt das |
| Fehlender Social Proof | Keine Bewertungen, keine Referenzen sichtbar | Besucher entscheiden gegen dich, bevor du sprichst | Google Reviews Widget / Elfsight |
Zwei Dinge fallen dabei ins Auge, wenn ich diese Liste mit echten Projekten abgleiche. Erstens: Die ersten drei Fehler sind technisch lösbar, oft innerhalb eines Tages. Zweitens: Die letzten zwei, fehlende Authentizität und fehlender Social Proof, erfordern keine Technik, sondern eine Entscheidung.
Wer Ressourcen priorisieren will, sollte in dieser Reihenfolge ansetzen: Ladezeit und Mobile zuerst, weil Google hier direkt bestraft. Navigation und CTAs danach, weil sie die Conversion-Strecke sichern. Bilder und Bewertungen zuletzt, weil sie den Unterschied machen, wenn alles andere schon stimmt.
Praxisfall: Webdesign-Audit in 5 Schritten selbst durchführen
Priorisieren ist gut. Wissen, wo du konkret anfängst, ist besser. Hier ist ein Ablauf, den ich bei KMU-Websites regelmäßig durchfahre, bevor ich eine einzige Zeile Code anfasse.
Schritt 1: PageSpeed Insights aufrufen
Gib deine URL auf pagespeed.web.dev ein und schau dir die Core Web Vitals für Mobile an, nicht für Desktop. Dort siehst du sofort, ob dein LCP (Largest Contentful Paint) über 2,5 Sekunden liegt, ob CLS (Cumulative Layout Shift) deine Seite beim Laden zerspringen lässt, und welche konkreten Ressourcen die Ladezeit blockieren. Das Ergebnis ist dein erster harter Befund.
Schritt 2: Google Search Console auf Crawl-Fehler prüfen
Unter "Seiten" und "Mobile Usability" zeigt dir die Search Console, welche URLs Google nicht crawlen kann und welche Seiten auf Mobilgeräten technische Probleme haben. Viele KMU-Betreiber haben die Console zwar eingerichtet, aber seit Monaten nicht mehr geöffnet. Dort schlummern oft 20, 30 offene Fehler.
Schritt 3: W3C Validator für HTML-Fehler
Der W3C Markup Validator ist unspektakulär und trotzdem unterschätzt. Ungültiges HTML führt dazu, dass Browser und Crawler Inhalte falsch interpretieren. Besonders Page-Builder-Websites produzieren hier regelmäßig dreistellige Fehlerzahlen.
Schritt 4: Broken Links mit Screaming Frog oder Ahrefs aufspüren
Screaming Frog (kostenlos bis 500 URLs) crawlt deine gesamte Website und listet alle 404-Fehler, Weiterleitungsketten und toten Links auf. Ahrefs erledigt dasselbe, zeigt aber zusätzlich externe Seiten, die auf deine defekten URLs verlinken, was für SEO relevant ist.
Schritt 5: Heatmap-Tool für CTAs und Navigation
Hotjar oder Microsoft Clarity (kostenlos) zeigen dir, wo Nutzer wirklich klicken und wo sie abbrechen. Wenn dein primärer CTA-Button kaum Klicks bekommt, liegt das meistens nicht am Text, sondern an der Position oder am fehlenden Kontrast.
Modellfall: Nehmen wir folgenden Modellfall an: Eine Handwerker-Website, 8 Seiten, WordPress, seit 3 Jahren nicht angefasst. PageSpeed zeigt LCP 4,1 Sekunden, Search Console meldet 14 Mobile-Usability-Fehler, Screaming Frog findet 9 Broken Links, der W3C Validator gibt 47 Warnungen aus, und die Heatmap zeigt, dass der "Angebot anfragen"-Button von 90 % der Besucher schlicht ignoriert wird. Fünf der sieben Fehler aus dieser Checkliste, auf einmal. Die Reihenfolge bleibt dieselbe: Ladezeit zuerst, dann Mobile, dann die defekten Links, dann der CTA. In diesem Szenario sind Ladezeit und Mobile die einzigen Punkte, die Google aktiv bestraft. Den Rest behebt man danach, strukturiert, ohne Zeitdruck.
Fazit
Technische Fehler auf einer Website fühlen sich oft nach Kleinkram an. Kaputte Links, ein CTA ohne Kontrast, ein Bild das zwei Sekunden zu lange lädt. Aber jeder dieser Punkte kostet dich messbar Leads, und das summiert sich still und stetig, während du anderswo nach Wachstum suchst.
Das Gute: Für die meisten dieser Fixes brauchst du keine Agentur. GTmetrix zeigt dir deine Ladezeit in drei Minuten. Der W3C Markup Validator findet HTML-Fehler kostenlos. Einen broken Link aufzuspüren dauert mit einem einfachen Crawler keine Viertelstunde. Wer die Reihenfolge kennt, also Ladezeit und Mobile zuerst, dann die strukturellen Baustellen, der kommt auch ohne Budget-Sprung deutlich weiter.
Was ich in meiner Praxis immer wieder sehe: Nicht das große Redesign löst das Problem, sondern das gezielte Hinschauen. Ein sauberes Audit, Punkt für Punkt, bringt oft mehr als ein kompletter Neustart.
Wenn du einen professionellen Audit willst, ohne selbst stundenlang im Code zu suchen, schreib mir auf rolandhentschel.de/kontakt.
FAQ
Wie lange dauert ein professioneller Webdesign-Audit?
Das hängt stark vom Umfang ab. Für eine typische KMU-Website mit fünf bis fünfzehn Unterseiten rechne ich erfahrungsgemäß mit drei bis sechs Stunden reiner Analysezeit, plus Dokumentation. Ein vollständiger Audit, der Ladezeit, Mobile-Verhalten, Navigation, CTAs, Barrierefreiheit und Social Proof abdeckt, landet oft bei einem halben Arbeitstag. Wer nur PageSpeed und Core Web Vitals prüfen will, kommt mit automatisierten Tools wie Lighthouse oder GTmetrix in unter einer Stunde zu ersten Ergebnissen. Der Unterschied liegt in der Tiefe: Tools liefern Rohdaten, ein professioneller Audit liefert priorisierte Handlungsempfehlungen mit konkretem Umsatzbezug.
Was kostet ein schlechter PageSpeed-Score an Leads pro Monat?
Rechnen wir konkret: Eine Website mit 1.000 Besuchern pro Monat und einer Conversion-Rate von zwei Prozent erzeugt zwanzig Anfragen. Lädt die Seite vier statt zwei Sekunden, verlierst du laut aktuellen Messungen bis zu 40 Prozent dieser Conversions, also acht Leads monatlich. Bei einem durchschnittlichen Auftragswert von 500 Euro sind das 4.000 Euro entgangener Umsatz, jeden Monat, ohne dass du es merkst. Das Perfide: Google Analytics zeigt dir die erhöhte Absprungrate, aber nicht die Ursache. Erst wenn du Ladezeit-Daten und Conversion-Zahlen zusammenführst, wird das stille Leck sichtbar.
Welche Core Web Vitals sind 2026 am wichtigsten für Google?
Google bewertet 2026 weiterhin drei Kernmetriken, aber mit verschärften Schwellenwerten. Largest Contentful Paint (LCP) sollte unter 2,5 Sekunden liegen, also wie schnell das größte sichtbare Element lädt. Interaction to Next Paint (INP) hat 2024 First Input Delay abgelöst und misst die Reaktionsfähigkeit auf Nutzereingaben, Zielwert unter 200 Millisekunden. Cumulative Layout Shift (CLS) bewertet visuelle Stabilität, Zielwert unter 0,1. Wer alle drei im grünen Bereich hat, bekommt keinen direkten Ranking-Boost, aber wer darunter liegt, wird aktiv benachteiligt. Besonders INP wird 2026 zum Stolperstein für viele WordPress-Seiten mit schweren Plugins.
Kann ich einen Webdesign-Audit kostenlos selbst machen?
Ja, für einen ersten Überblick reichen kostenlose Tools völlig aus. Google PageSpeed Insights zeigt dir Core Web Vitals und konkrete Verbesserungsvorschläge. Der W3C Markup Validator deckt HTML-Fehler auf. Mit Google Search Console findest du Crawling-Fehler und Broken Links. Für mobile Darstellung hilft Googles Mobile-Friendly-Test. Was diese Tools nicht leisten: Sie bewerten nicht, ob dein CTA psychologisch überzeugend platziert ist, ob deine Navigation die Nutzererwartung erfüllt oder ob fehlender Social Proof Vertrauen kostet. Den strategischen Teil eines Audits, also die Priorisierung nach Umsatzwirkung, bekommst du mit Automatisierung nicht.
Wie viele CTAs sollte eine Landing Page haben?
Eine fokussierte Landing Page braucht genau eine primäre Handlungsaufforderung, konsequent wiederholt an zwei bis drei strategischen Stellen: sichtbar ohne Scrollen (above the fold), nach dem stärksten Argument und am Seitenende. Mehr als ein konkurrierendes Ziel auf einer Seite verwässert die Entscheidung des Nutzers, ein Phänomen, das Conversion-Optimierer als "Paradox of Choice" bezeichnen. Seiten mit einem einzigen klaren CTA konvertieren nachweislich besser als solche mit fünf verschiedenen Optionen. Wichtiger als die Anzahl ist die Sichtbarkeit: Mindesthöhe 48 Pixel, ausreichender Farbkontrast zum Hintergrund und ein aktives Verb im Buttontext.
Was ist der Unterschied zwischen einem SEO-Audit und einem Webdesign-Audit?
Beide überschneiden sich bei technischen Themen wie Ladezeit, Mobile-Optimierung und Crawlbarkeit, aber der Fokus ist grundverschieden. Ein SEO-Audit fragt: "Findet Google diese Seite, versteht sie ihren Inhalt und rankt sie für relevante Keywords?" Er analysiert Meta-Tags, interne Verlinkung, Keyword-Abdeckung und Backlink-Profil. Ein Webdesign-Audit fragt: "Konvertiert diese Seite Besucher zu Leads?" Er bewertet visuelle Hierarchie, CTA-Platzierung, Vertrauenssignale und Nutzerführung. Ich empfehle, beide parallel zu machen, weil eine Seite, die gut rankt, aber schlecht konvertiert, genauso unprofitabel ist wie eine, die schön aussieht, aber niemand findet.