Webdesign für Handwerker: Was deine Website 2026 wirklich braucht

Warum Handwerker eine professionelle Website brauchen

„Ich krieg genug Aufträge über Empfehlungen." Das stimmt — noch. Aber 78 % der Kunden googeln einen Handwerker, bevor sie anrufen. Auch wenn sie empfohlen wurden. Sie wollen sehen: Sieht seriös aus? Gibt es Bewertungen? Kann ich direkt anrufen?

Wenn deine Website dann so aussieht wie 2012 — oder gar nicht existiert — verlierst du Aufträge, die du nie bemerkst.

Was eine Handwerker-Website 2026 können muss

1. Mobile-First — oder du verlierst 70 % der Besucher

Über 70 % deiner Website-Besucher kommen mit dem Smartphone. Wenn deine Seite auf dem Handy nicht funktioniert, sind sie in 3 Sekunden bei der Konkurrenz.

Muss:

• Responsives Design (passt sich automatisch an jede Bildschirmgröße an)
• Click-to-Call-Button: Telefonnummer antippen = sofort anrufen
• Große, klare Buttons (keine Mini-Links, die man nicht treffen kann)
• Schnelle Ladezeit (unter 2 Sekunden)

2. Notdienst-Button — der wichtigste Button auf deiner Seite

Wenn ein Rohr platzt, sucht niemand dein Kontaktformular. Ein „Notdienst"-Button mit Telefonnummer muss auf jeder Seite sichtbar sein — oben, groß, in Signalfarbe.

So geht es richtig:

• Fester Header mit Telefonnummer (scrollt mit)
• Button-Text: „Notdienst: 0800 123 456" (nicht nur ein Telefonsymbol)
• Erreichbarkeit angeben: „24/7" oder „Mo–Sa 7–20 Uhr"

3. Leistungen klar beschreiben — für Google und für Kunden

Deine Kunden suchen nicht nach „Sanitär Fachbetrieb" — sie suchen nach „Heizung tauschen [Stadt]" oder „Rohrverstopfung Notdienst [Stadt]".

Jede Leistung braucht eine eigene Seite:

• /leistungen/heizung-einbauen
• /leistungen/rohrverstopfung
• /leistungen/bad-sanierung
• /leistungen/notdienst

Warum? Weil Google jede Seite einzeln rankt. Eine Seite mit all deinen Leistungen in einer Aufzählung hat keine Chance gegen einen Wettbewerber, der für jede Leistung eine eigene, ausführliche Seite hat.

4. Google-Bewertungen — dein wichtigstes Marketing

92 % der Kunden lesen Online-Bewertungen, bevor sie einen Handwerker beauftragen. Google-Bewertungen sind 2026 das wichtigste Vertrauenssignal.

Was du tun solltest:

• Google-Bewertungs-Widget auf der Startseite einbinden
• Nach jedem abgeschlossenen Auftrag per SMS oder E-Mail um eine Bewertung bitten
• Auf negative Bewertungen professionell antworten

Pro-Tipp: Wir automatisieren das bei FlowBrain. 24 Stunden nach Auftragsabschluss geht automatisch eine freundliche SMS raus: „Waren Sie zufrieden? Bewerten Sie uns auf Google." Ohne dass du daran denken musst.

5. Kontaktformular — aber richtig

Das Kontaktformular ist der wichtigste Conversion-Punkt deiner Website. Es muss einfach sein:

• Maximal 4 Felder: Name, Telefon, Anliegen, eventuell Adresse
• Kein Captcha — verwende stattdessen ein Honeypot-Feld gegen Spam
• Sofortige Bestätigung: „Danke, wir melden uns innerhalb von 2 Stunden"
• Automatische Weiterleitung: In dein CRM oder per E-Mail + WhatsApp an dich

Was die meisten falsch machen: 10+ Felder (PLZ, Hausnummer, Etage, Wunschtermin, Nachricht). Je mehr Felder, desto weniger Anfragen. Frage nur das Minimum und kläre den Rest im Telefonat.

6. Fotos — echt schlägt perfekt

Stockfotos von lächelnden Handwerkern in sauberer Arbeitskleidung: Das glaubt niemand. Echte Fotos von dir und deinem Team, auf der Baustelle, beim Kunden — das schafft Vertrauen.

Tipps:

• Smartphone-Fotos reichen, wenn das Licht stimmt
• Vorher-Nachher-Bilder von Projekten sind Gold wert
• Team-Foto auf der Startseite oder „Über uns"-Seite
• Keine Bilder von Kunden ohne deren Einwilligung (DSGVO)

7. Local SEO — gefunden werden in deiner Stadt

Wenn jemand „Elektriker München" googelt, will Google lokale Ergebnisse zeigen. Damit du dort auftauchst:

Google Business Profile (kostenlos):

• Vollständig ausfüllen: Adresse, Öffnungszeiten, Telefon, Website, Fotos
• Leistungen mit Keywords hinterlegen
• Regelmäßig Beiträge posten (z. B. fertige Projekte)
• Bewertungen sammeln

Auf deiner Website:

• Stadt und Stadtteil auf jeder Seite erwähnen (natürlich, nicht erzwungen)
• Schema.org LocalBusiness Markup einbauen
• NAP-Daten (Name, Adresse, Telefon) konsistent überall gleich

8. Ladezeit — 3 Sekunden oder du verlierst

Google misst die Core Web Vitals deiner Website. Langsame Seiten ranken schlechter und verlieren Besucher:

• LCP (Largest Contentful Paint): unter 2,5 Sekunden
• FID (First Input Delay): unter 100 ms
• CLS (Cumulative Layout Shift): unter 0,1

Typische Probleme bei Handwerker-Websites:

• WordPress mit 20 Plugins (jedes lädt eigenes JavaScript)
• Riesige Bilder ohne Komprimierung (5 MB Fotos statt 200 KB)
• Google Fonts als externe Ressource (DSGVO-Problem und Performance-Problem)
• Slider und Karussells (braucht kein Mensch, kostet Performance)

DSGVO-Pflichten für Handwerker-Websites

Seit 2018 gibt es die DSGVO, seit 2021 das TTDSG — trotzdem haben 2026 noch über 60 % der Handwerker-Websites Probleme:

Pflicht-Seiten

• Impressum — vollständiger Name, Adresse, Telefon, E-Mail, Handelsregister (wenn vorhanden)
• Datenschutzerklärung — vollständig, aktuell, verständlich

Cookie-Consent

• Cookie-Banner mit echtem Opt-in (nicht nur „OK"-Button)
• Technisch notwendige Cookies: kein Consent nötig
• Analyse-Cookies (Google Analytics): Consent vor dem Laden erforderlich
• Unsere Empfehlung: Verzichte auf Google Analytics. Für Handwerker reicht eine datenschutzfreundliche Alternative oder gar keine Analyse.

Kontaktformular

• Verschlüsselte Übertragung (HTTPS)
• Hinweis auf Datenverarbeitung neben dem Absende-Button
• Nicht mehr Daten erheben als nötig (Datensparsamkeit)

Google Maps

• Nicht einfach per iframe einbinden — das lädt Google-Cookies ohne Consent
• Lösung: Statisches Kartenbild mit Link zu Google Maps, oder Click-to-Load

Google Fonts

• Nicht von Google-Servern laden — das ist eine DSGVO-Abmahnung mit Ansage
• Fonts lokal einbinden (auf deinem eigenen Server)

Was kostet eine Handwerker-Website?

Was du bei FlowBrain zusätzlich bekommst:

• Kontaktformular → automatisch ins CRM
• Bewertungs-Automation nach Auftragsabschluss
• Terminbuchung ohne Telefonklingeln
• DSGVO-Komplett-Setup (Cookie-Consent, Datenschutzerklärung, AVV)
• Einweisung per Video-Call

Checkliste: Hat deine Handwerker-Website alles?

• [ ] Mobile-First Design (Test: eigenes Handy)
• [ ] Ladezeit unter 3 Sekunden (Test: PageSpeed Insights)
• [ ] Notdienst-Button mit Telefonnummer auf jeder Seite
• [ ] Click-to-Call funktioniert auf dem Handy
• [ ] Eigene Seite pro Leistung
• [ ] Google Business Profile vollständig
• [ ] Mindestens 10 Google-Bewertungen
• [ ] Kontaktformular mit maximal 4 Feldern
• [ ] Echte Fotos (kein Stock)
• [ ] Impressum vollständig
• [ ] Datenschutzerklärung aktuell
• [ ] Cookie-Consent mit echtem Opt-in
• [ ] Google Fonts lokal eingebunden
• [ ] HTTPS aktiv
• [ ] Schema.org LocalBusiness Markup

Fazit

Eine gute Handwerker-Website muss keine Design-Awards gewinnen. Sie muss schnell laden, auf dem Handy funktionieren, Vertrauen aufbauen und es dem Kunden so einfach wie möglich machen, dich zu kontaktieren.

Der Unterschied zwischen einer Website, die Aufträge bringt, und einer, die nur existiert, liegt in den Details: Notdienst-Button, Click-to-Call, Google-Bewertungen, Local SEO und eine saubere DSGVO-Einrichtung.

Du willst eine Website, die für dich arbeitet — nicht nur gut aussieht? Buche ein kostenloses Erstgespräch. Wir schauen uns deinen Betrieb an und zeigen dir, was wir für Handwerker wie dich bauen.