Alle Artikel
Branchenguide13 Min

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

Notdienst-Button, Click-to-Call, Google-Bewertungen, DSGVO — der komplette Guide für Handwerker-Websites, die Kunden bringen.

13. April 2026 · aktualisiert am 2. Oktober 2026 · Alexander Burghart

Warum Handwerker eine professionelle Website brauchen

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

Wenn Ihre Website dann so aussieht wie 2012 — oder gar nicht existiert — verlieren Sie Aufträge, die Sie nie bemerken.

Was eine Handwerker-Website 2026 können muss

1. Mobile-First — sonst verlieren Sie die meisten Besucher

Ein Großteil Ihrer Website-Besucher kommt mit dem Smartphone. Wenn Ihre Seite auf dem Handy nicht funktioniert, sind diese Besucher schnell 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 Ihrer Seite

Wenn ein Rohr platzt, sucht niemand Ihr 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

Ihre 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 Ihren Leistungen in einer Aufzählung hat kaum eine Chance gegen einen Wettbewerber, der für jede Leistung eine eigene, ausführliche Seite hat.

4. Google-Bewertungen — Ihr wichtigstes Marketing

Die meisten Kunden lesen Online-Bewertungen, bevor sie einen Handwerker beauftragen. Google-Bewertungen gehören 2026 zu den wichtigsten Vertrauenssignalen.

Was Sie tun sollten:

  • Google-Bewertungs-Widget auf der Startseite einbinden
  • Nach jedem abgeschlossenen Auftrag alle Kunden 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 Nachricht raus: „Vielen Dank für Ihren Auftrag. Wir freuen uns über Ihre ehrliche Bewertung auf Google." Ohne dass Sie daran denken müssen. Die Nachricht geht an alle Kunden gleich. Kunden vorher nach ihrer Stimmung zu filtern und nur einen Teil zu Google zu schicken (Review-Gating), ist laut Googles Richtlinien zu Rezensionen nicht erlaubt.

5. Kontaktformular — aber richtig

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

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

Häufiger Fehler: 10+ Felder (PLZ, Hausnummer, Etage, Wunschtermin, Nachricht). Je mehr Felder, desto weniger Anfragen. Fragen Sie nur das Minimum ab und klären Sie den Rest im Telefonat.

6. Fotos — echt schlägt perfekt

Stockfotos von lächelnden Handwerkern in sauberer Arbeitskleidung: Das glaubt niemand. Echte Fotos von Ihnen und Ihrem 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 Ihrer Stadt

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

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 Ihrer Website:

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

8. Ladezeit — jede Sekunde zählt

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

  • LCP (Largest Contentful Paint): unter 2,5 Sekunden
  • INP (Interaction to Next Paint): unter 200 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 gelten die Cookie-Regeln des heutigen TDDDG (§ 25) — trotzdem haben viele Handwerker-Websites 2026 noch 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: Verzichten Sie 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-Inhalte 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 Ihrem eigenen Server)

Was kostet eine Handwerker-Website?

VarianteMarktpreisWas Sie bekommen
Baukasten (Jimdo, Wix)0–30 €/MonatTemplate, kaum Anpassung, DSGVO-Risiko
Freelancer + WordPress1.500–3.000 €Individuell, aber keine Automatisierung
Agentur: Website mit SEO + Conversionca. 4.000–12.000 €Strategische Website, SEO-Basis, DSGVO-Setup

Die Spannen sind Marktwerte, keine FlowBrain-Preise. Mehr dazu im Ratgeber Was kostet Webdesign 2026?. Bei FlowBrain erhalten Sie nach dem kostenlosen Erstgespräch ein Festangebot. Als Orientierung: Eine Website dauert ca. 2–3 Wochen, Website mit Automatisierung ca. 4–6 Wochen; die genaue Dauer steht im Festangebot.

Was FlowBrain zusätzlich umsetzen kann:

  • Kontaktformular → automatisch ins CRM
  • Bewertungsanfrage nach Auftragsabschluss (neutral an alle Kunden)
  • Terminbuchung ohne Telefonklingeln
  • Telefon-KI, die Anrufe annimmt, während Sie auf der Baustelle sind (Telefon-KI für Handwerksbetriebe)
  • DSGVO-Setup (Cookie-Consent, Datenschutzerklärung, AVV inklusive)
  • Einweisung per Video-Call

Checkliste: Hat Ihre 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, Sie 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.

Sie möchten eine Website, die für Sie arbeitet — nicht nur gut aussieht? Buchen Sie ein kostenloses Erstgespräch. Wir schauen uns Ihren Betrieb an und zeigen Ihnen, was wir für Handwerksbetriebe bauen.

Bereit für weniger Büroarbeit?

Kostenloses Erstgespräch — 30 Minuten, in denen wir einen konkreten Ablauf aus Ihrem Betrieb ansehen.

Erstgespräch buchen