WEB DESIGN / KOSTENLOSES TOOL

Die 75-Punkte Web Design Checkliste

Starten Sie nicht ohne diese zu prüfen. Unsere Pre-Launch-Checkliste deckt alles ab: Performance, SEO, Accessibility, Responsive Design, Sicherheit, Content-Qualität und Conversion-Optimierung. Intern bei jedem von uns ausgelieferten Projekt verwendet — jetzt kostenlos verfügbar.

Unsere Arbeit ansehen

CHECKLISTE

75 Punkte in 7 Kategorien

Performance (12 Punkte)

☐Lighthouse Performance Score ≥90 auf Mobile

☐LCP (Largest Contentful Paint) unter 2,5 Sekunden

☐CLS (Cumulative Layout Shift) unter 0,1

☐FID/INP (Interaction to Next Paint) unter 200ms

☐Alle Bilder optimiert: WebP/AVIF-Format, responsive srcset, Lazy Loading

☐CSS und JS minimiert und tree-shaken

☐Fonts subset und preloaded (font-display: swap)

☐CDN konfiguriert (Cloudflare, Vercel Edge oder ähnlich)

☐Gzip/Brotli-Komprimierung aktiviert

☐Keine render-blockierenden Ressourcen im kritischen Pfad

☐Third-Party-Skripte geprüft und verzögert

☐Gesamtseitengewicht unter 2MB (idealerweise unter 1MB)

SEO (12 Punkte)

☐Eindeutiger <title>-Tag pro Seite (50-60 Zeichen)

☐Eindeutige <meta description> pro Seite (150-160 Zeichen)

☐Ordnungsgemäße Heading-Hierarchie (ein H1 pro Seite, logische H2-H6)

☐Canonical URLs auf allen Seiten gesetzt

☐XML-Sitemap generiert und bei Google Search Console eingereicht

☐robots.txt korrekt konfiguriert

☐Strukturierte Daten (Schema.org) auf wichtigen Seiten

☐Open Graph Tags für Social Sharing

☐Alle Bilder haben beschreibende Alt-Texte

☐Interne Verlinkungsstrategie implementiert (3-5 interne Links pro Seite)

☐301-Weiterleitungen für alle geänderten URLs gesetzt

☐Keine toten Links (404s) — mit Crawler verifiziert

Accessibility (12 Punkte)

☐WCAG 2.2 AA-Compliance verifiziert

☐Farbkontrastverhältnis 4,5:1 mindestens für Fließtext

☐Alle interaktiven Elemente per Tastatur navigierbar

☐Focus-Indikatoren sichtbar auf allen fokussierbaren Elementen

☐Skip-to-Content-Link für Tastaturnutzer

☐ARIA-Labels auf allen nicht-textuellen interaktiven Elementen

☐Formularlabels ordnungsgemäß mit Inputs verknüpft

☐Fehlermeldungen beschreibend und mit entsprechendem Feld verknüpft

☐prefers-reduced-motion Media Query berücksichtigt

☐prefers-color-scheme Unterstützung (Dark Mode) falls zutreffend

☐Screen Reader getestet (VoiceOver, NVDA oder JAWS)

☐Touch-Targets mindestens 44x44px auf Mobile

Responsive Design (10 Punkte)

☐Getestet bei 375px, 390px, 768px, 1024px, 1280px, 1440px, 1920px

☐Keine horizontale Scrollbar bei irgendeinem Breakpoint

☐Typographie lesbar ohne Zoom auf Mobile (16px mindestens)

☐Bilder responsive (srcset oder CSS object-fit)

☐Tabellen scrollen horizontal auf Mobile

☐Formulare nutzbar auf Mobile (ordnungsgemäße inputmode, native Picker)

☐Navigation klappt zu Mobile-Drawer

☐Videos responsive und laufen nicht aus Containern über

☐Modals/Popups funktionieren korrekt auf Mobile

☐Print-Stylesheet für wichtige Seiten verfügbar

Sicherheit (8 Punkte)

☐SSL-Zertifikat aktiv (HTTPS auf allen Seiten)

☐Security-Header konfiguriert: CSP, X-Frame-Options, X-Content-Type-Options

☐Alle Formular-Inputs serverseitig validiert

☐CAPTCHA oder Honeypot auf öffentlichen Formularen

☐Keine sensiblen Daten in URLs oder clientseitigem JavaScript

☐Cookie-Consent-Banner GDPR/CCPA-konform

☐Dependencies auf dem neuesten Stand (keine bekannten Schwachstellen)

☐Admin-Panels geschützt (nicht über Standard-URLs erreichbar)

Content-Qualität (10 Punkte)

☐Kein Lorem Ipsum oder Platzhaltertext verblieben

☐Alle Links zeigen auf korrekte Ziele

☐Grammatik und Rechtschreibung geprüft

☐Rechtliche Seiten vorhanden: Datenschutzerklärung, AGB, Cookie-Richtlinie

☐Kontaktinformationen sind korrekt und funktional

☐404-Fehlerseite gestaltet und hilfreich

☐Favicon und App-Icons gesetzt

☐Social Sharing Vorschau getestet (Facebook, Twitter, LinkedIn)

☐Alle herunterladbaren Dateien verifiziert

Conversion-Optimierung (11 Punkte)

☐Primärer CTA above the fold auf jeder wichtigen Seite

☐CTA-Button-Text ist aktionsspezifisch ("Kostenloses Angebot erhalten" nicht "Senden")

☐Telefonnummer klickbar auf Mobile (tel: Link)

☐E-Mail-Adresse klickbar (mailto: Link)

☐Formulare werden erfolgreich gesendet und lösen Bestätigung aus

☐Analytics-Tracking installiert (GA4, GTM) und verifiziert

☐Ziel-Tracking konfiguriert (Formularsendungen, CTA-Klicks, Anrufe)

☐Heatmap-Tool installiert (Hotjar, Microsoft Clarity)

☐Social Proof sichtbar auf wichtigen Conversion-Seiten

☐Seitenladegeschwindigkeit unter 3 Sekunden auf 4G Mobile

☐Exit-Intent-Strategie definiert

FAQ

Häufige Fragen

Ist diese Checkliste kostenlos nutzbar?+

Ja, vollkommen kostenlos. Laden Sie das PDF herunter, verwenden Sie es bei jedem Projekt, teilen Sie es mit Ihrem Team. Wir verwenden dieselbe Checkliste intern bei jeder Website, die wir erstellen.

Wie oft sollte ich diese Checkliste durchlaufen?+

Vor jedem Launch, nach jedem größeren Update und vierteljährlich als Wartungsaudit. Performance- und Sicherheitsprüfungen sollten monatlich erfolgen.

Was wenn ich bei mehreren Punkten der Checkliste durchfalle?+

Das ist normal — die meisten Websites fallen bei 20-30% dieser Prüfungen durch. Priorisieren Sie nach Impact: Performance- und Sicherheitsfixes zuerst, dann SEO, dann Accessibility. Oder lassen Sie uns das übernehmen — wir bieten Checklisten-Audit-Services ab 500€.

Möchten Sie, dass wir diese Checkliste für Sie durchlaufen?

Unser professionelles Pre-Launch-Audit deckt alle 75 Punkte plus 25 zusätzliche technische Prüfungen ab. Wir liefern einen detaillierten Bericht mit priorisierten Fixes und geschätzten Auswirkungen.