Webdesign- und Entwicklungsfehler wirken selten dramatisch. Sie zeigen sich als ein Projekt, das zwei Monate hinter dem Zeitplan liegt, eine Startseite, die auf einem Telefon fünf Sekunden zum Laden braucht, ein Kontaktformular, das stillschweigend versagt, oder ein Redesign, das die Hälfte seines Suchverkehrs verliert. Die meisten davon lassen sich auf Entscheidungen zurückführen, die getroffen wurden, bevor eine einzige Zeile Code geschrieben wurde: vager Umfang, kein Inhaltsplan und keine Einigung darüber, wie der Erfolg gemessen werden soll.
Warum schlägt es fehl, mit dem Design zu beginnen, bevor der Inhalt existiert?
Viele Projekte beginnen mit einem visuellen Mock-up voller Platzhaltertext. Dann kommt der echte Text, er ist dreimal länger als das Feld, für das er gedacht war, und die Layouts müssen neu erstellt werden. Designer und Entwickler zahlen am Ende doppelt für Inhaltsentscheidungen.
Die Lösung ist ein Content-First-Workflow. Entwerfen Sie die wichtigsten Seiten (Startseite, Hauptdienstleistungs- oder Produktseiten, Über uns, Kontakt) zumindest in grober Form, bevor das Design beginnt. Erstellen Sie Wireframes basierend auf echten Überschriften und echten Längen. Selbst ein unvollkommener Entwurf gibt dem Designer etwas Wahres, mit dem er arbeiten kann.
Ein Umfang, den niemand aufgeschrieben hat
“Eine moderne Website mit einem Blog und einem Shop” kann einen dreiwöchigen oder einen sechsmonatigen Aufbau bedeuten. Wenn der Umfang vage ist, wird jede neue Idee zu einem Streit darüber, ob sie enthalten war.
Ein kurzes Umfangsdokument verhindert dies. Es sollte Folgendes auflisten:
- Benötigte Seitenvorlagen (nicht jede Seite, die Vorlagen: Startseite, Dienstleistung, Artikel, Produkt, Kategorie, Kontakt).
- Funktionen mit klaren Grenzen, zum Beispiel “Produktfilter nach Größe und Farbe, keine gespeicherten Wunschlisten”.
- Integrationen: Zahlungs-Gateway, CRM, E-Mail-Plattform, Analysen, Buchungstools.
- Inhaltsverantwortlichkeiten: wer schreibt, wer liefert Bilder, wer gibt Produkte ein.
- Anzahl der Revisionsrunden pro Phase und wer die endgültige Genehmigung erteilt.
- Startkriterien: was wahr sein muss, bevor die Seite live geht.
Warum kosten langsame Seiten so viel?
Geschwindigkeit ist ein kommerzielles Problem, keine technische Eitelkeit. Langsame Seiten erhöhen die Absprungraten, senken die Konversionen und können die Suchsichtbarkeit durch Googles Page Experience-Signale beeinträchtigen. Googles Core Web Vitals geben klare Ziele vor: Largest Contentful Paint innerhalb von 2,5 Sekunden, Interaction to Next Paint unter 200 Millisekunden und Cumulative Layout Shift unter 0,1, gemessen am 75. Perzentil der echten Besuche.
Die üblichen Ursachen sind vorhersehbar:
- Übergroße Bilder, die direkt von einer Kamera oder einer Stock-Seite hochgeladen wurden. Servieren Sie moderne Formate wie WebP oder AVIF in der tatsächlich angezeigten Größe.
- Zu viele Plugins oder Skripte von Drittanbietern: Chat-Widgets, Heatmaps, mehrere Tag-Manager und soziale Einbettungen konkurrieren alle um den Haupt-Thread.
- Page-Builder, die schweres Markup ausgeben und das CSS jedes Moduls auf jeder Seite laden.
- Kein Caching oder CDN, sodass jeder Besuch die Seite von Grund auf neu aufbaut.
- Webfonts, die aus mehreren Familien und Gewichten geladen werden. Zwei Familien mit wenigen Gewichten reichen meist aus.
Testen Sie mit PageSpeed Insights und dem Core Web Vitals-Bericht in der Google Search Console, der Felddaten von echten Nutzern anzeigt, anstatt nur einen einzelnen Labortest.
Design für Desktop und Prüfung für Mobilgeräte zuletzt
Für die meisten Verbraucherseiten kommen die meisten Besuche von Telefonen, doch Designüberprüfungen finden oft auf großen Monitoren statt. Das Ergebnis sind winzige Tippziele, Menüs, die den Bildschirm verdecken, Tabellen, die seitwärts scrollen, und Pop-ups, die nicht geschlossen werden können.
Überprüfen Sie jede Vorlage bei etwa 390 Pixel Breite, bevor Sie sie genehmigen. Prüfen Sie, ob die Schaltflächen groß genug sind, um mit dem Daumen darauf zu tippen, ob der Text für den Fließtext mindestens 16 Pixel groß ist und ob nichts horizontal scrollt. Testen Sie auf einem echten Mittelklasse-Android-Telefon, nicht nur auf einem neuen iPhone.
Sind Formulare und Checkout wirklich so wichtig?
Ja. Formulare sind der Ort, an dem Besucher zu Leads oder Kunden werden, und sie gehen häufiger kaputt als jeder andere Teil einer Website. Ein Formular kann perfekt aussehen und trotzdem seine E-Mails in einen Spam-Ordner oder an eine alte Adresse senden.
Häufige Formularfehler sind das Abfragen zu vieler Felder, das Erzwingen der Kontoerstellung vor dem Checkout, unklare Fehlermeldungen und keine Bestätigung, dass die Nachricht empfangen wurde. Lösungen, die wenig kosten:
- Entfernen Sie jedes Feld, das Sie im ersten Verkaufsgespräch nicht verwenden.
- Bieten Sie Gast-Checkout an und fügen Sie die Kontoerstellung nach dem Kauf hinzu.
- Zeigen Sie Fehler neben dem Feld an, in klaren Worten, ohne das zu löschen, was der Benutzer eingegeben hat.
- Senden Sie Formularbenachrichtigungen über einen authentifizierten SMTP-Dienst, damit sie nicht im Spam landen.
- Senden Sie jeden Monat und nach jedem Plugin-Update einen Testeintrag auf jedem Formular.
Redesign ohne SEO-Migrationsplan
Ein Redesign, das URLs ohne Weiterleitungen ändert, kann jahrelange Suchsichtbarkeit in wenigen Wochen auslöschen. Alte Links von anderen Seiten zeigen auf Seiten, die nicht mehr existieren, und Google muss alles neu entdecken.
Crawlen Sie vor dem Start die alte Seite mit einem Tool wie Screaming Frog, exportieren Sie jede URL, die Verkehr oder Backlinks erhält, und ordnen Sie jede ihrer neuen Adresse zu. Richten Sie 301-Weiterleitungen ein, behalten Sie Titel-Tags und Überschriften für Seiten bei, die gut ranken, und reichen Sie die neue XML-Sitemap in der Search Console ein. Beobachten Sie nach dem Start den Seitenbericht auf 404-Spitzen für mindestens einen Monat.
Was sollte vor und nach dem Start vorhanden sein?
Start ohne Analysen und Ziele
Wenn Sie nicht sehen können, was Besucher tun, können Sie nicht sagen, ob die neue Seite besser ist als die alte. Dennoch starten viele Seiten mit Analysen, die “später” hinzugefügt werden, oder mit einem Tracking-Code, der Seitenaufrufe zählt, aber keine Konversionen.
Richten Sie Google Analytics 4 (oder eine Alternative wie Matomo oder Plausible) vor dem Start ein, definieren Sie Schlüsselereignisse wie Formularübermittlungen, Käufe, Telefonklicks und Buchungsabschlüsse und überprüfen Sie, ob jedes einzelne ausgelöst wird. Zeichnen Sie Basiswerte von der alten Seite auf, damit Sie etwas zum Vergleich haben.
Kein Plan für nach dem Start
Eine Website ist Software. Plugins, Themes, Frameworks und Serversoftware benötigen Updates, und Sicherheitsprobleme treten regelmäßig auf. Seiten, die ein Jahr lang unberührt bleiben, gehen oft bei einem erzwungenen Update kaputt oder werden kompromittiert.
Vereinbaren Sie vor dem Start einen Wartungsplan: wer aktualisiert was, wie oft laufen Backups und wo werden sie gespeichert, wie schnell werden Sicherheitspatches angewendet und wer prüft die Betriebszeit. Behalten Sie eine Staging-Kopie der Seite zum Testen von Updates.
Ein schnelles Audit, das Sie auf Ihrer aktuellen Seite durchführen können
Verwenden Sie diese Liste, um zuerst die teuersten Probleme zu finden:
- Führen Sie PageSpeed Insights auf der Startseite und Ihrer wichtigsten Landingpage auf Mobilgeräten aus.
- Senden Sie jedes Formular ab und bestätigen Sie, dass die Benachrichtigung ankommt.
- Öffnen Sie die Seite auf einem Telefon und versuchen Sie, Ihre Hauptkonversion abzuschließen.
- Überprüfen Sie die Search Console auf 404-Fehler und Core Web Vitals-Probleme.
- Bestätigen Sie, dass die Analysen Ihre wichtigsten Konversionen aufzeichnen.
- Überprüfen Sie, wann Backups zuletzt liefen und ob eine Wiederherstellung jemals getestet wurde.
Wo Sie diese Woche anfangen sollten
Wählen Sie den einen Punkt aus dem Audit, der den Umsatz am direktesten betrifft, normalerweise das Hauptformular oder den Checkout, und beheben Sie ihn vor allem Kosmetischen. Messen Sie dann die Seitengeschwindigkeit auf Mobilgeräten und entfernen Sie das schwerste ungenutzte Skript oder Plugin. Wenn ein Redesign ansteht, schreiben Sie das Umfangsdokument und die URL-Weiterleitungskarte jetzt, vor dem ersten Design-Meeting, denn diese beiden Dokumente verhindern die meisten der kostspieligen Fehler auf dieser Liste.
Weiterlesen: Webdesign und Entwicklung · Webdesign