Website für Handwerker: Aufbau, Inhalte und Funktionen im Überblick
Lesedauer: ca. 5 Minuten für den Haupttext. Vorlagen und Details nach Bedarf.
Ausführliche Fassung mit Vorlagen, Berechnungen und weiteren Prüfungen
Ihre Website sollte einem Interessenten erklären, welche Arbeiten Sie übernehmen und ob Sie an seinem Projektort tätig sind. Daraus lässt sich ein Seitenplan entwickeln: Jede Seite beantwortet eine Kundenfrage und führt zu einer passenden Information oder zum Kontakt. Mit diesem Plan können Sie die Website selbst aufbauen oder die Umsetzung besprechen. [b]
Als Beispiel dient ein gedachter Badsanierungsbetrieb im Raum Graz. Die Seiten und Formulierungen sind Planungshilfen, keine echte Kundenreferenz und kein handwerkliches Angebot von BrandHoop. [a]
Welche Seiten Ihr Betrieb braucht
Für den ersten Entwurf genügt eine überschaubare Karte. Im Beispiel soll ein Besucher von der Startseite zur Badsanierung gelangen und dort sein Vorhaben einordnen können. Eigene Arbeiten können die Erklärung ergänzen. [a]
| Seite | Was der Besucher dort erfährt | Nächster Schritt |
|---|---|---|
| Startseite | Angebot und Einsatzgebiet | Leistung öffnen oder Kontakt aufnehmen |
| Badsanierung | Umfang, Voraussetzungen und Ablauf | Vorhaben anfragen |
| Über den Betrieb | Wer die Arbeit und die Anfrage übernimmt | Kontakt aufnehmen |
| Referenzen, wenn vorhanden | Welche eigenen Arbeiten ausgeführt wurden | Zur passenden Leistung oder Anfrage |
| Kontakt | Kontaktwege und Erreichbarkeit | Anrufen, E-Mail schreiben oder Formular absenden |
| Impressum und Datenschutz | Betreiber und Datenverarbeitung | Pflichtinformationen lesen |
Das ist keine feste Seitenzahl. Bei einem kleinen Angebot können mehrere Inhalte auf derselben Seite stehen. Eine eigene Leistungsseite lohnt sich, wenn sie andere Kundenfragen ausführlicher beantwortet. Eine neue Überschrift über demselben Text reicht dafür nicht. Auch das Einsatzgebiet kann zunächst ein Abschnitt sein. [b]
Aus der Karte entsteht das Menü. Bezeichnungen wie „Leistungen“, „Über uns“ und „Kontakt“ sollten zum Inhalt der Zielseite passen. Wenn Menüpunkt und Seitenüberschrift dieselben Begriffe verwenden, bleibt die Zuordnung verständlich. Die konkreten Wörter richten sich nach Ihren Inhalten. [b]
Die ausführliche Seitenliste zeigt auch, wie eine Leistungsübersicht oder eine Teilsanierung ins Angebot passen kann.
Für das Einsatzgebiet nennen Sie konkrete Orte oder eine verständliche Region. Bei weiter entfernten Orten kann „nach Absprache“ passen, wenn Ihr Betrieb so arbeitet. Eine zusätzliche Ortsseite braucht eigene, zutreffende Auskünfte. Nur den Ortsnamen auszutauschen, gibt dem Besucher wenig neue Orientierung. [b]
Eine Leistung erklären: Beispiel Badsanierung
Auf der Startseite könnte „Badsanierung für Eigentümerinnen und Eigentümer im Raum Graz“ stehen, sofern Angebot und Gebiet stimmen. Darunter führt ein Link zur Leistungsseite. Eine Telefonnummer passt daneben, wenn der Betrieb Anrufe annehmen kann. [a]
Unter dem Einstieg können die wichtigsten Leistungen kurz beschrieben sein. Von dort führt jeder weiterführende Link zum passenden Inhalt. Große Bilder sollten diese Auskunft und den Kontakt nicht verdrängen. Eine aufwendige Animation kann warten, bis Angebot und Anfrageweg verständlich sind. [b]
Auf der Leistungsseite braucht der Besucher zuerst den Umfang. Übernimmt der Betrieb die gesamte Sanierung oder einzelne Arbeiten? Falls er verschiedene Gewerke koordiniert, erklärt der Text, welche Betriebe beteiligt sind und wer ihre Arbeiten abstimmt. „Aus einer Hand“ darf keinen größeren Umfang versprechen, als tatsächlich angeboten wird. [b]
Danach folgt, was vor einem Angebot geklärt werden muss. Im Muster wären das etwa der Zustand der Leitungen und mögliche bauliche Einschränkungen. Eine nötige Besichtigung gehört dazu. Ein fixer Fertigstellungstermin setzt geklärte Voraussetzungen voraus; das Muster enthält deshalb keine pauschale Terminzusage. Am Ende führt „Badsanierung anfragen“ zum Kontakt. [a]
Auch der Weg zum Auftrag lässt sich erklären. Im Muster nimmt der Betrieb die Anfrage auf, bespricht das Vorhaben und prüft den Bestand. Danach stimmt er den Umfang und das Angebot ab und organisiert die Umsetzung. Ihr Text folgt dem Ablauf Ihres Betriebs. Die Antwort darauf, ob Bewohner das Bad während der Arbeiten nutzen können, muss zur jeweiligen Arbeit passen. [a]
Den vollständigen Musteraufbau können Sie mit den Fragen aus Ihren Kundengesprächen abgleichen.
Eigene Arbeiten zeigen und Material vorbereiten
Notieren Sie neben jeder geplanten Seite, welche Texte oder Fotos schon vorhanden sind und wer Fehlendes liefert. Eine Referenz braucht eine tatsächlich ausgeführte Arbeit und eine Beschreibung Ihres eigenen Beitrags. Ein schönes Badezimmerfoto oder ein mit künstlicher Intelligenz erstelltes Bild belegt diese Arbeit nicht. Ohne veröffentlichbares Projekt kann die Referenzseite warten. [b]
Auf „Über uns“ können Sie zeigen, worauf Ihr Betrieb spezialisiert ist und wer für eine Anfrage zuständig ist. Zur Betriebsgeschichte gehören zutreffende Angaben. Berufsbezeichnungen und Aussagen über Erfahrung brauchen eine belegbare Grundlage. Damit steht fest, welche Nachweise Sie für die Seite noch vorbereiten müssen. [b]
Für fremde Bilder und Texte brauchen Sie die erforderlichen Nutzungsrechte. Bei Personenfotos sind außerdem Persönlichkeitsrechte und Datenschutz zu beachten. [6] Der Ratgeber zu Referenzen auf der Website hilft beim Auswählen und Beschreiben eines Projekts.
Ein Projekttext kann mit der Ausgangssituation beginnen und daran die eigenen Arbeiten erklären. So kann der Leser das Projekt mit seinem Vorhaben vergleichen. [b] Im Badsanierungsbeispiel gehört deshalb zusammen, was am Bad verändert werden sollte und welche Aufgaben der Betrieb tatsächlich übernommen hat. Offene Freigaben bleiben im Seitenplan vermerkt. [a]
Den Kontakt bis ins Postfach prüfen
Legen Sie fest, wo Anfragen ankommen und wer antwortet. Ein Chat oder eine Terminbuchung braucht ebenfalls jemanden, der die Anliegen übernimmt. Angegebene Erreichbarkeit und tatsächliche Bearbeitung müssen zusammenpassen. [b]
Ein antippbarer Telefonlink kann am Smartphone einen Anruf vorbereiten. [7] Die E-Mail-Adresse bietet einen weiteren Weg für das Anliegen. Prüfen Sie bei Ihrer Planung, welche Kontaktwege Sie im Betrieb tatsächlich betreuen können. [b]
Ein Formular sollte nur Angaben verlangen, die Sie für diesen Schritt benötigen. Das empfiehlt auch das W3C. [8] Für die erste Einschätzung können Projektort, eine kurze Beschreibung und eine Kontaktmöglichkeit genügen; die Auswahl richtet sich nach Ihrem Ablauf. [b]
Öffnen Sie Ihre Website am Smartphone. Der Text sollte ohne seitliches Hin- und Herschieben jeder Zeile lesbar sein. [11] Finden Sie das Menü und die Kontaktmöglichkeiten? Die Menüpunkte und Schaltflächen brauchen eine erkennbare Darstellung. [3] Lassen Sie im Formular absichtlich eine Pflichtangabe leer: Die Fehlermeldung muss erklären, was zu korrigieren ist. Auch eine erfolgreiche Übermittlung braucht eine klare Rückmeldung. [9]
Zum Test gehört der ganze Weg von der Startseite über die Leistungsseite bis zum Kontakt. Beim unvollständigen Versuch sollten die bereits eingegebenen Angaben erhalten bleiben. [b]
Senden Sie danach eine vollständige Testanfrage und kontrollieren Sie das vorgesehene Postfach. Eine Erfolgsmeldung auf der Website allein bestätigt den Empfang noch nicht. [b] Die Anleitung für Anfrageformulare führt durch die genauere Prüfung.
Pflichtangaben vor der Veröffentlichung klären
Planen Sie Impressum und Datenschutz von Anfang an ein. Die nötigen Betreiberangaben hängen unter anderem von der Rechtsform und den geltenden Vorschriften ab. [1] Sie müssen leicht und unmittelbar zugänglich sein. [13] Nach der WKO-Erklärung genügt eine E-Mail-Adresse allein nicht; eine weitere Kontaktmöglichkeit ist erforderlich, etwa eine Telefonnummer oder ein Webformular. [4]
Die Datenschutzerklärung muss zur tatsächlichen Datenverarbeitung und zu den eingesetzten Diensten passen. [2]
Für technisch nicht notwendige Cookies ist eine vorherige wirksame Einwilligung erforderlich. [14] Welche Lösung Ihre Website braucht, lässt sich erst anhand ihrer Dienste klären. Ein fremdes Impressum oder eine allgemeine Datenschutzerklärung ersetzt diese Prüfung nicht. [b] Die ausführlichen Hinweise für Österreich nennen die Grundlagen und Grenzen dieses Überblicks.
Mit Ihrem Seitenplan selbst starten oder Hilfe wählen
Ergänzen Sie die Karte um fehlendes Material und die zuständigen Personen. Halten Sie auch fest, wer spätere Änderungen übernimmt. Offene Punkte dürfen sichtbar bleiben. Die vollständige Bestellcheckliste hilft beim Durchgehen. [b]
Wenn ein Angebot von einer „Homepage“ spricht, lassen Sie den Umfang benennen. Hier ist damit die Startseite gemeint; die Website umfasst auch die Unterseiten. Ihre Seitenliste macht deutlich, was Sie tatsächlich bestellen möchten. [b]
Mit einem Baukasten stellen Sie Ihre Website aus Vorlagen und Bausteinen zusammen. Bei wenigen Seiten und verfügbarer eigener Zeit kann das passen. Prüfen Sie, ob Sie damit Ihre Inhalte verständlich darstellen und den Kontaktweg umsetzen können. Externe Unterstützung wird interessant, wenn Sie Hilfe beim Abstimmen von Seitenplanung, Inhalten und Technik brauchen. Der vereinbarte Umfang entscheidet. [b]
Beim Baukasten gehört dazu, ob das benötigte Formular im gewählten Tarif verfügbar ist. Bei einer Agentur oder einem selbstständigen Dienstleister klären Sie, wer Texte liefert und überarbeitet. Vereinbaren Sie auch die gemeinsame Prüfung der fertigen Website. Diese Prüfung heißt Abnahme. [b]
Vergleichen Sie beide Wege anhand derselben Seitenliste und Funktionen. Beziehen Sie eigene Arbeitszeit und laufende Gebühren ein. Klären Sie außerdem die Übergabe Ihrer Internetadresse, Verwaltungszugänge und Nutzungsrechte. Die Vergleichstabelle Baukasten oder Agentur hält diese Fragen zusammen. [b]
Zur technischen Beschreibung gehört HTTPS, also eine verschlüsselte Verbindung. [12] Das Angebot sollte außerdem benennen, welche Software verwendet wird und wer die Bilder passend aufbereitet. Auch nach der Übergabe müssen aktuelle Angaben gepflegt werden. Die Übersicht zur Website-Betreuung hilft dabei, diese laufenden Aufgaben zu vereinbaren. [b]
Mit dem fertigen Plan können Sie selbst weiterarbeiten. Und wenn Sie Hilfe bei der Umsetzung brauchen, können Sie über die Leistungsübersicht von BrandHoop die gewünschte Unterstützung benennen.
Quellenstand der bisherigen Fassung vom 16.10.2026; redaktionell überarbeitet am 17.10.2026. Die Ziffern führen zu den Quellen; die Buchstaben erläutern redaktionelle Beispiele oder Empfehlungen. Die Einordnung nennt jeweils, was eine Quelle belegt.
[a] Redaktionelle Beispiele. Als Muster oder fiktiv bezeichnete Inhalte veranschaulichen mögliche Situationen. Sie sind keine echten Kundenfälle und kein Nachweis einer gemessenen Wirkung.
[b] Praktische Empfehlungen. Die vorgeschlagenen Abläufe und Entscheidungshilfen sind redaktionelle Anwendungen der genannten Grundlagen. Ihre konkrete Wirkung auf Anfragen oder Aufträge wurde hier nicht gemessen.
[c] Redaktionelle Darstellung. Die Darstellung veranschaulicht einen Zusammenhang. Sie ist weder eine echte Kundenreferenz noch ein Nachweis einer gemessenen Wirkung.
Quellennachweise und Einordnung (14 Quellen)
- Das korrekte Website Impressum — Wirtschaftskammer Österreich
Die frei lesbare Übersichtsseite erklärt unterschiedliche Anwendungsbereiche von UGB, GewO, MedienG und ECG und nennt Muster für verschiedene Gesellschaftsformen. Sie belegt die Abhängigkeit der Angaben vom Betrieb; sie ist keine individuelle Prüfung und die verlinkte Broschüre wurde nicht vollständig ausgewertet. Geprüft: 2026-10-16.
- DSGVO für KMU: Datenschutz kompakt erklärt — Wirtschaftskammer Österreich
Bestätigt die Relevanz der tatsächlichen Verarbeitung personenbezogener Daten sowie Datenschutzerklärung, Cookies und Tracking-/Analysewerkzeuge auf Unternehmenswebsites. Keine pauschale Festlegung der Rechtsgrundlage eines konkreten Kontaktformulars; keine Prüfung eines realen Hostings oder einer bestimmten Website. Geprüft: 2026-10-16.
- Menus Tutorial — W3C Web Accessibility Initiative
Originaler WAI-Leitfaden zu erkennbarer Menüstruktur, Bedienbarkeit und verständlicher Darstellung von Zuständen. Belegt die Gestaltungsempfehlung für klare Menüs; die konkreten Menüwörter und die Zusammenfassung von Seiten sind redaktionelle Vorschläge, keine empirisch gemessenen Conversion-Effekte. Geprüft: 2026-10-16.
- Informationspflichten nach dem E-Commerce-Gesetz (ECG) — Wirtschaftskammer Österreich
Die WKO erläutert allgemeine Informationspflichten und führt mit Verweis auf den OGH aus, dass eine E-Mail-Adresse allein nicht genügt und eine weitere Kontaktmöglichkeit nötig ist. Die Aussage wird ausdrücklich als WKO-Erklärung wiedergegeben. Für Webshops nennt die Seite zusätzliche Anforderungen; diese werden nicht auf jede Informationswebsite übertragen. Geprüft: 2026-10-16.
- Creating helpful, reliable, people-first content — Google Search Central
Google verneint eine bevorzugte Wortzahl und beschreibt SEO als Hilfe beim Finden und Verstehen von Inhalten. Daraus wird keine Pflicht zur Wortzahl, keine konkrete Seitenanzahl und keine Erfolgsprognose abgeleitet. Geprüft: 2026-10-16.
- Urheberrecht und Website eines Unternehmens — Wirtschaftskammer Österreich
Erläutert erforderliche Nutzungsrechte für fremde Website-Inhalte sowie Persönlichkeitsrechte und Datenschutz bei Personenfotos. Belegt die Freigabe-/Rechtefrage; beweist weder Qualifikationen eines Betriebs noch die Echtheit einer bestimmten Referenz. Keine individuelle Prüfung und keine pauschale Aussage, dass jede Veröffentlichung ausschließlich auf Einwilligung beruhen müsste. Geprüft: 2026-10-16.
- The Anchor element: Linking to telephone numbers — MDN Web Docs / Mozilla
Dokumentiert Telefonlinks und erläutert geräteabhängiges Verhalten. Unterstützt die vorsichtige Formulierung, dass ein Telefonlink am Smartphone einen Anruf vorbereiten kann. Kein Beleg für ein geführtes Gespräch, eine Anfrage oder einen Auftrag. Geprüft: 2026-10-16.
- Forms Tutorial — W3C Web Accessibility Initiative
Empfiehlt, nur die für den jeweiligen Vorgang erforderlichen Informationen abzufragen. Die Felder Projektort, Beschreibung und Kontaktmöglichkeit sind ein anpassbarer redaktioneller Vorschlag. Keine Untersuchung eines Handwerksbetriebs und keine eigene Abbruch- oder Anfragequote. Geprüft: 2026-10-16.
- User Notification: Forms Tutorial — W3C Web Accessibility Initiative
Belegt verständliche Erfolgs- und Fehlerrückmeldungen nach Formularübermittlung und Hinweise zur Fehlerkorrektur. Der Leitfaden beweist weder die Zustellung einer Nachricht im Postfach noch deren Bearbeitung. Diese Grenze steht im Artikel unmittelbar nach der Quellenmarke. Geprüft: 2026-10-16.
- Mobile site and mobile-first indexing best practices — Google Search Central
Bestätigt mobile Inhalte als Grundlage für Indexierung und Ranking und Googles Empfehlung für Responsive Web Design. Die Empfehlung ist keine Zusage einer bestimmten Position und kein Beleg für mehr Anfragen. Gelesen wurden Einleitung, Konfigurationen und Gleichwertigkeit mobiler Inhalte. Geprüft: 2026-10-16.
- Understanding Success Criterion 1.4.10: Reflow — W3C Web Accessibility Initiative
Erläutert, dass Text bei schmalem Anzeigebereich umfließen soll, sodass Zeilen ohne gleichzeitiges horizontales Hin- und Herscrollen lesbar bleiben. Ausnahmen des Kriteriums existieren, etwa für Inhalte, die ein zweidimensionales Layout benötigen. Der Artikel formuliert einen Text-Lesetest und behauptet weder eine vollständige WCAG-Konformität noch eine neue gesetzliche Verpflichtung. Geprüft: 2026-10-16.
- HTTPS: MDN Glossary — MDN Web Docs / Mozilla
Definiert HTTPS als verschlüsselte HTTP-Kommunikation mittels TLS. Der Artikel nutzt nur diese Erklärung; er leitet daraus weder vollständige Website-Sicherheit noch Datenschutzkonformität ab. Geprüft: 2026-10-16.
- E-Commerce-Gesetz § 5: Allgemeine Informationen — Rechtsinformationssystem des Bundes, Republik Österreich
Primärer Gesetzestext zur leichten und unmittelbaren Zugänglichkeit der Betreiberinformationen sowie raschen Kontaktaufnahme einschließlich elektronischer Postadresse. Die zusätzliche Kontaktmöglichkeit wird getrennt mit der WKO-Auslegung belegt, da sie in dieser Form nicht wörtlich in § 5 Abs. 1 Z 3 steht. Geprüft: 2026-10-16.
- Bescheid der Datenschutzbehörde vom 28. Oktober 2024, D124.0507/24, GZ 2024-0.633.166 — Österreichische Datenschutzbehörde
Die veröffentlichte Entscheidung erklärt die vorherige gültige Einwilligung für technisch nicht notwendige Cookies. Gelesen wurden die maßgeblichen ausgelesenen Abschnitte D.8 und D.9 des zugänglichen 21-seitigen PDF, insbesondere D.9; keine Behauptung einer vollständigen rechtlichen Auswertung oder einer Prüfung konkreter Website-Dienste. Geprüft: 2026-10-16.