Webdesign
Webseiten Entwicklung für Optiker: von der Planung bis zur fertigen Website
Die meisten Website-Projekte scheitern nicht an der Technik, sondern an der Reihenfolge. Dieser Leitfaden geht den ganzen Weg durch – von der ersten Frage bis zur Woche nach dem Livegang, mit den Stellen, an denen es in der Praxis regelmäßig hakt.

Wo Optiker-Websites kippen
Fast jedes Projekt beginnt mit demselben Satz: „Unsere Seite ist alt, wir bräuchten mal etwas Moderneres.“ Danach wird über Farben geredet, über Schriften, über die Startseite. Das Design ist aber nicht die erste Frage, sondern die vierte.
Die Entscheidungen, die ein Projekt später teuer machen, fallen in den ersten beiden Wochen: eine Struktur, die keine eigenen Leistungsseiten vorsieht. Adressen, die niemand mehr anfassen will, weil sie schon indexiert sind. Ein Baukasten, an dessen Grenze das erste ernsthafte Vorhaben scheitert – die Anbindung an die Terminsoftware, die Standortseite für die zweite Filiale, die Ladezeit im Mobilfunknetz.
Die Webseiten Entwicklung für Optiker ist deshalb weniger eine gestalterische als eine planerische Aufgabe. Dieser Beitrag geht den Weg einmal komplett durch: von der ersten Frage bis zur Woche nach dem Livegang – mit den Stellen, an denen es in der Praxis regelmäßig hakt.
Die neun Phasen im Überblick
So sieht ein Projekt aus, das nicht aus dem Ruder läuft. Die Dauern sind Erfahrungswerte für ein Optikgeschäft mit ein bis drei Standorten; die Phasen überlappen sich teilweise.
| Phase | Was entschieden wird | Was Sie beisteuern | Dauer |
|---|---|---|---|
| 1. Ziele & Zielgruppen | Wofür die Seite da ist und für wen | ein Gespräch, 60 bis 90 Minuten | 1 Woche |
| 2. Struktur | Seitenbaum, Navigation, Adressen | Freigabe | 1 Woche |
| 3. Inhalte | Texte, Bilder, Leistungsbeschreibungen | Fotos, Fachliches, Korrektur | 2 bis 3 Wochen, parallel |
| 4. Entwurf | Gestaltung, Typografie, Komponenten | Freigabe | 1 bis 2 Wochen |
| 5. Entwicklung | Technik, Anbindungen, Formulare | Zugänge zu Terminsoftware und Domain | 2 bis 3 Wochen |
| 6. SEO & Performance | Titel, strukturierte Daten, Ladezeit | – | läuft mit |
| 7. Test | Geräte, Barrierefreiheit, Formulare | Gegenlesen | 1 Woche |
| 8. Launch | Weiterleitungen, Domain, Search Console | Domain-Zugang | 1 Tag |
| 9. Weiterentwicklung | Inhalte, Messwerte, neue Funktionen | Themen aus dem Geschäft | laufend |
Acht Wochen vom Kickoff bis zum Livegang sind realistisch. Der längste Posten ist dabei fast nie die Technik, sondern Phase 3 – die Inhalte.
Phase 1: Ziele, die sich messen lassen
„Mehr Kunden“ ist kein Ziel, sondern ein Wunsch. Brauchbar wird es erst, wenn sich am Monatsende nachsehen lässt, ob es eingetreten ist:
- Online gebuchte Termine pro Monat, aufgeschlüsselt nach Leistung
- Anrufe, die aus der mobilen Suche kommen
- Routenanfragen zum Geschäft
- Anfragen zu einer bestimmten Leistung – Gleitsicht, Kinderoptometrie, Sportoptik
- Bewerbungen auf offene Stellen
Der letzte Punkt wird regelmäßig vergessen und ist in der Augenoptik inzwischen einer der wertvollsten. Wer Augenoptikerinnen und Optometristen sucht, konkurriert mit Ketten, die eigene Karriereportale betreiben. Eine ehrliche Seite über das Team, die Ausstattung und die Arbeitsbedingungen ist dort oft wirksamer als eine Anzeige.
Jedes Ziel hat eine Folge für die Struktur. Terminbuchung als Ziel heißt: Der Buchungsweg gehört auf jede Leistungsseite, nicht nur unter „Kontakt“. Bewerbungen als Ziel heißen: Es braucht eine Karriereseite, die diesen Namen verdient.
Phase 2: Für wen genau gebaut wird
Eine Website richtet sich nicht an „alle“. Sie richtet sich an Menschen in einer bestimmten Situation – und die Situation entscheidet, was sie in den ersten zehn Sekunden brauchen.
| Anlass | Was die Person wissen will | Was sie auf der Seite braucht |
|---|---|---|
| Brille kaputt, unterwegs | Macht das jemand heute noch? | Öffnungszeiten, Telefonnummer, Route – ganz oben |
| Erste Gleitsichtbrille | Gewöhnt man sich daran? Was kostet das ungefähr? | Erklärseite mit Ablauf, Beratung, Preisrahmen |
| Kontaktlinsen zum ersten Mal | Wie läuft die Anpassung ab, wie lange dauert sie? | Ablaufbeschreibung, Folgetermine, Buchung |
| Kinderbrille | Kann dort jemand mit Kindern umgehen? | Kinderoptometrie, Team mit Gesichtern, Fotos |
| Führerscheinsehtest | Ohne Termin möglich? Was kostet er? | Kurze Seite mit Preis, Dauer, Öffnungszeiten |
| Arbeitsplatzbrille, über die Firma | Zahlt der Arbeitgeber, wie läuft die Abrechnung? | Seite für Firmenkunden mit Ansprechpartner |
Jede Zeile dieser Tabelle ist eine Seite. Damit entsteht die Struktur aus den Anlässen Ihrer Kundschaft und nicht aus dem Aufbau Ihres Betriebs – ein Unterschied, den man den meisten Optiker-Websites ansieht.
Phase 3: Struktur und URLs
Aus den Anlässen wird ein Seitenbaum. Für ein Optikgeschäft trägt in aller Regel dieser Aufbau:
- Startseite
- Leistungen, darunter je eine eigene Seite für Sehtest, Brillenberatung, Gleitsicht, Kontaktlinsen, Kinderoptometrie und was Sie sonst führen
- Marken und Fassungen
- Über uns und Team
- Standort – bei mehreren Filialen je eine eigene Seite
- Karriere
- Ratgeber oder Blog
- Termin und Kontakt
Zwei Regeln entscheiden über die Qualität dieser Struktur. Eine Absicht pro Seite: Wer alle Leistungen auf einer Sammelseite bündelt, hat für keine davon eine Seite, die bei Google antreten kann. Und die Adresse bleibt: Jede spätere Änderung erzeugt eine Weiterleitungskette und kostet Sichtbarkeit.
Bei mehreren Filialen bekommt jeder Standort eine eigene Seite mit eigener Adresse, eigenen Öffnungszeiten und substanziell eigenem Text: Anfahrt, Parkmöglichkeiten, das Team vor Ort. Seiten, die sich nur im Stadtnamen unterscheiden, wertet Google als minderwertigen Inhalt.
Phase 4: Inhalte vor Design
Ein Entwurf auf Blindtext ist eine Zusage, die niemand halten kann. Sobald die echten Texte einlaufen, passt die Hälfte nicht mehr: Die Überschrift ist doppelt so lang, das Foto vom Geschäft ist quer statt hoch, die Leistungsbeschreibung braucht vier Absätze statt zwei.
Was tatsächlich gebraucht wird:
- Pro Leistung 300 bis 600 Wörter. Weniger reicht weder für die Entscheidung noch für die Suche.
- Das Team mit Namen und Qualifikation.Augenoptikermeisterin, Optometrist B. Sc., Spezialistin für formstabile Kontaktlinsen – das sind Vertrauenssignale für Menschen und für Google gleichermaßen.
- Echte Fotos aus Ihrem Geschäft. Der Raum, die Werkstatt, der Refraktionsplatz, die Menschen, die dort arbeiten.
- Öffnungszeiten, Adresse, Telefonnummer in genau der Schreibweise, die überall sonst auch steht.
Phase 5: Der Entwurf
Jetzt erst wird gestaltet – und zwar passend zur Positionierung. Ein Geschäft mit handgefertigten Fassungen und eigener Werkstatt braucht eine andere visuelle Sprache als ein Anbieter, der über Komplettpreise verkauft. Beides kann gut sein. Beides sieht anders aus.
Ein tragfähiger Entwurf entscheidet vor allem vier Dinge:
- Typografie und Leseabstände. Fließtext nicht unter 18 Pixel, Zeilenhöhe um 1,7, Textspalten nicht breiter als etwa 70 Zeichen.
- Kontrast. Mindestens 4,5:1 für Fließtext – Vorgabe aus WCAG 2.1 AA und gleichzeitig schlicht eine Frage der Lesbarkeit.
- Komponenten statt Einzelseiten. Leistungsseite, Standortseite, Beitragsseite als wiederverwendbare Bausteine – sonst kostet jede neue Seite später wieder Gestaltungsarbeit.
- Sichtbare nächste Schritte. Termin, Anruf, Route – erkennbar, ohne dass man danach suchen muss.
Phase 6: Die Umsetzung
In der Entwicklung fallen die Entscheidungen, die man der fertigen Seite nicht ansieht und die trotzdem darüber bestimmen, wie sie sich in drei Jahren anfühlt:
- Die technische Basis. Baukasten, klassisches CMS oder eigens gebaute Seite. Der Baukasten ist am schnellsten und am engsten; ein CMS ist flexibel, aber pflegeintensiv; eine eigene Basis ist schneller und sicherer, verlangt aber jemanden, der sie betreut.
- Hosting in der EU, mit Auftragsverarbeitungsvertrag und Backups, die auch schon einmal zurückgespielt wurden.
- Schriften lokal ausliefern. Google Fonts vom fremden Server übertragen bei jedem Aufruf die IP-Adresse Ihrer Besucher – ohne Einwilligung nicht zulässig, und langsamer ist es obendrein.
- Formulare mit eigenem Mailversand, Spam-Schutz über ein verstecktes Feld statt über ein Captcha, das echte Kundschaft aussperrt.
- Die Terminanbindung. Ob Ihre Terminsoftware eine Schnittstelle hat oder nur ein Widget zum Einbinden, entscheidet darüber, wie die Buchung sich anfühlt – und ob sie barrierefrei ist. Diese Frage gehört vor die Entwicklung, nicht hinein.
Wie tief das reicht, zeigt der Beitrag zu den wichtigsten Funktionen einer Optiker-Website – dort steht auch, was sich später problemlos ergänzen lässt und was an der Grundstruktur hängt.
Mobil ist der Normalfall
Die Person, die Ihre Seite als Nächstes öffnet, sitzt nicht am Schreibtisch. Sie steht in der Fußgängerzone, hat ein Smartphone in der Hand und wenig Geduld. Google bewertet ausschließlich die mobile Fassung Ihrer Seite – was nur in der Desktop-Ansicht steht, existiert für die Suche nicht.
Konkret heißt das in der Entwicklung:
- Telefonnummern als klickbare Verknüpfung, nicht als Bild
- Schaltflächen mindestens 44 mal 44 Pixel, mit Abstand zueinander
- Route-Schaltfläche, die direkt die Navigations-App öffnet
- Formularfelder mit passendem Tastaturtyp – Zahlenblock für die Telefonnummer, E-Mail-Tastatur für die Adresse
- Öffnungszeiten ohne Scrollen erreichbar
Warum eine responsive Website für Optiker noch keine gute mobile Website ist, steht in einem eigenen Beitrag – der Unterschied ist die Reihenfolge, in der gebaut wird.
SEO gehört in die Bauphase
Suchmaschinenoptimierung ist keine Nachbehandlung. Manches lässt sich jederzeit ergänzen, anderes nur mit Umbau – und genau darin liegt der Grund, warum SEO in der Planung mitlaufen muss.
| Maßnahme | Gehört in Phase | Später nachrüstbar? |
|---|---|---|
| Eigene Seite je Leistung | Struktur | nur mit Umbau |
| Sprechende, dauerhafte Adressen | Struktur | nur mit Weiterleitungen |
| Überschriftenhierarchie | Entwurf | mittel |
| Titel und Meta-Descriptions | Inhalte | ja |
| Interne Verlinkung | Inhalte | ja |
| Alt-Texte der Bilder | Inhalte | ja |
| Strukturierte Daten, LocalBusiness und FAQ | Entwicklung | ja |
| Ladezeit und Core Web Vitals | Entwicklung | teuer |
Alles, was in der rechten Spalte nicht „ja“ heißt, ist ein Argument gegen den schnellen Baukasten-Start. Womit Menschen vor einem Termin tatsächlich suchen und wie daraus Seiten werden, steht im Beitrag zu SEO für Optiker.
Lokale Sichtbarkeit einbauen
Ein Optiker ist ein regionales Geschäft. Die Website muss deshalb ohne Umweg beantworten, wo Sie sind und für wen Sie erreichbar sind:
- Adresse und Telefonnummer als Text, in jeder Fußzeile
- Öffnungszeiten zusätzlich als strukturierte Daten, damit Google sie direkt anzeigen kann
- Anfahrt, Parkmöglichkeiten und die nächste Haltestelle als Text
- Karte erst nach einem Klick nachladen – sonst fließen Daten Ihrer Besucher ab, bevor sie zugestimmt haben
- Ortsbezug in den Überschriften dort, wo er ehrlich ist, statt in jedem zweiten Satz
Die Angaben auf der Website müssen zeichengenau zu Ihrem Google Business Profile passen. Weichen sie ab, sinkt das Vertrauen in beide Quellen.
Leistungsseiten, die tragen
Eine Aufzählung ist keine Leistungsseite. Wer sich zwischen zwei Optikern entscheidet, sucht nach Antworten – und die stehen in einer bestimmten Reihenfolge:
- Worum es geht, in einem Satz
- Für wen die Leistung gedacht ist
- Wie der Termin abläuft und wie lange er dauert
- Was es ungefähr kostet
- Wer das bei Ihnen macht und was diese Person gelernt hat
- Der nächste Schritt: Termin buchen oder anrufen
Punkt vier wird am häufigsten weggelassen. Verständlich – aber ein Preisrahmen („Gleitsichtgläser ab X, im Beratungsgespräch legen wir gemeinsam fest, was Sie wirklich brauchen“) filtert. Wer danach anruft, weiß, worauf er sich einlässt. Wer ihn nicht sieht, ruft entweder gar nicht an oder erlebt im Geschäft eine Überraschung.
Der nächste Schritt, auf jeder Seite
Eine Website soll nicht nur informieren, sie soll etwas auslösen. Die Regel dafür ist einfach: Jede Seite endet mit dem Schritt, der zu ihr passt.
- Kontaktlinsenseite → Anpasstermin buchen, nicht „Kontakt“
- Gleitsichtseite → Beratungstermin buchen
- Führerscheinsehtest → anrufen oder direkt vorbeikommen
- Teamseite → Termin bei einer bestimmten Person
- Karriereseite → Kurzbewerbung per Formular
Eine Terminbuchung, die nur auf der Kontaktseite steht, verschenkt genau die Besucher, die gerade überzeugt worden sind.
Ladezeit ist eine Entscheidung
Google misst Ladeverhalten auf echten Geräten und nennt drei Richtwerte: Der größte sichtbare Inhalt soll nach höchstens 2,5 Sekunden stehen (LCP), die Reaktion auf eine Eingabe unter 200 Millisekunden bleiben (INP) und das Layout nicht mehr springen (CLS unter 0,1). Erreichbar ist das – aber nicht nebenbei.
- Bilder in modernen Formaten und in der Größe, in der sie angezeigt werden. Ein 4000-Pixel-Foto für eine 400-Pixel-Kachel ist der häufigste einzelne Bremsklotz.
- Schriften lokal, mit Ladeverhalten „swap“ statt unsichtbarem Text
- Kein Skript-Zoo: Chat-Widget, drei Statistikwerkzeuge und ein Bewertungs-Karussell kosten zusammen mehr Zeit als die ganze restliche Seite
- Caching und ein Server, der in der Nähe Ihrer Kundschaft steht
Die häufigste Ursache für eine langsame Optiker-Website ist nicht der Server. Es ist das, was nach dem Launch nachträglich eingebaut wurde.
Barrierefreiheit, Datenschutz, Sicherheit
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Betroffen sind Websites, über die Verbraucher etwas kaufen oder buchen – eine Online-Terminbuchung genügt. Maßstab ist WCAG 2.1 Stufe AA. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz sind bei Dienstleistungen ausgenommen, bei Produkten nicht.
In der Praxis heißt das: bedienbar mit der Tastatur, sichtbarer Fokusrahmen, ausreichende Kontraste, beschriftete Formularfelder, sinnvolle Alt-Texte, korrekte Überschriftenstruktur – und eine Erklärung zur Barrierefreiheit, die auch auffindbar ist. Nachträglich ist all das deutlich teurer als von Anfang an.
Dazu kommen Datenschutz und Sicherheit: HTTPS, ein Auftragsverarbeitungsvertrag mit dem Hoster, Karten und Videos erst nach Einwilligung, regelmäßige Updates, Zwei-Faktor-Anmeldung für die Verwaltung und Backups, die getestet sind. Ein Backup, das noch nie zurückgespielt wurde, ist kein Backup, sondern eine Hoffnung.
Testen, bevor es live geht
Die Woche vor dem Launch ist keine Formalie. Was hier auffällt, kostet Minuten; was danach auffällt, kostet Kunden.
- Jedes Formular einmal echt absenden – und prüfen, wo die Mail ankommt
- Die ganze Seite nur mit der Tastatur bedienen
- Alle Seiten auf einem 390 Pixel breiten Display ansehen
- Ladezeit im gedrosselten Mobilfunknetz messen
- Kontraste und Alt-Texte stichprobenartig prüfen
- 404-Seite, Impressum, Datenschutz, Barrierefreiheitserklärung
- Die Liste der Weiterleitungen gegen die alten Adressen halten
Wir fahren vor jedem Livegang einen automatisierten Durchlauf über die fertig gebaute Seite: rund zweihundert Prüfungen in einem echten Browser – Statuscodes, Überschriftenstruktur, strukturierte Daten, Bilder, mobile Ansicht, Weiterleitungen. Das ersetzt das eigene Draufschauen nicht, fängt aber alles ab, was man beim zwanzigsten Durchgang übersieht.
Launch und die erste Woche danach
Beim Relaunch entscheidet ein einziger Punkt darüber, ob Sie Ihre Sichtbarkeit behalten: die 301-Weiterleitungen. Jede alte Adresse braucht einen Nachfolger, der inhaltlich passt. Fehlt sie, verlieren Sie Rankings, die über Jahre entstanden sind – ersatzlos.
- Alle alten Adressen aus der Search Console exportieren und zuordnen
- Sitemap einreichen, Indexierung freigeben
- Den Website-Link im Google Business Profile auf die passende Seite umstellen – bei Filialen auf die jeweilige Standortseite
- Verzeichnisse und Portale mit der neuen Adresse aktualisieren
- Nach zwei Wochen in die Search Console sehen: Welche Seiten sind drin, welche 404 tauchen auf?
Danach beginnt der Teil, der über Jahre wirkt: neue Leistungsseiten, Beiträge zu Fragen, die im Geschäft ohnehin ständig gestellt werden, ein weiterer Standort. Eine Website ist kein Projekt mit Enddatum, sondern ein Werkzeug, das mitwächst – wenn die Grundstruktur es zulässt.
Fazit
Die Webseiten Entwicklung für Optiker beginnt lange vor dem ersten Entwurf und endet nicht am Tag des Livegangs. Ziele, Zielgruppen, Struktur und Inhalte entscheiden über das Ergebnis; Design und Technik setzen um, was dort festgelegt wurde. Mobile Nutzung, SEO, lokale Sichtbarkeit, Ladezeit, Barrierefreiheit und Sicherheit gehören in die Bauphase, nicht in die Nachsorge.
Das Ziel ist keine moderne Website. Das Ziel ist eine Seite, die gefunden wird, Vertrauen schafft, die richtigen Fragen beantwortet und am Ende einen Termin auslöst. Was dazu heute gehört, steht ausführlich im Beitrag zur Website-Entwicklung für Optiker – und wie wir das umsetzen, auf der Seite zu Webdesign und Website-Entwicklung für Optiker. Den Überblick über Webdesign & Software für Augenoptiker gibt es auf der Startseite.
Häufige Fragen
- Was umfasst die Webseiten Entwicklung für Optiker?
- Weit mehr als die Gestaltung: die Ziele der Seite, die Zielgruppen und ihre Anlässe, den Seitenbaum mit eigenen Leistungs- und Standortseiten, die Inhalte, den Entwurf, die technische Umsetzung samt Terminanbindung, SEO, Ladezeit, Barrierefreiheit und Datenschutz – und zum Schluss Test, Weiterleitungen und Launch.
- Wie lange dauert ein Website-Projekt für einen Optiker?
- Acht Wochen vom Kickoff bis zum Livegang sind für ein Geschäft mit ein bis drei Standorten realistisch. Struktur und Entwurf brauchen je ein bis zwei Wochen, die Entwicklung zwei bis drei, Test und Launch noch einmal eine. Inhalte laufen parallel – und bestimmen am Ende das Tempo.
- Was verzögert Website-Projekte am häufigsten?
- Die Inhalte, und darin fast immer die Fotos. Texte lassen sich gemeinsam erarbeiten, aber Bilder aus Ihrem Geschäft kann niemand anders liefern. Ein halber Tag mit einer Fotografin früh im Projekt kostet weniger als zwei Wochen Wartezeit am Ende.
- Warum muss SEO schon während der Entwicklung mitlaufen?
- Weil sich manches später nur mit Umbau nachrüsten lässt: eigene Seiten je Leistung, dauerhafte Adressen, die Überschriftenstruktur und die Ladezeit. Titel, Descriptions, Alt-Texte oder strukturierte Daten sind dagegen jederzeit ergänzbar. Genau diese Trennung entscheidet, ob eine Seite später mithalten kann.
- Was passiert beim Relaunch mit den alten Adressen?
- Jede alte Adresse bekommt eine dauerhafte Weiterleitung (301) auf den inhaltlich passenden Nachfolger. Ohne diese Liste verlieren Sie Rankings, die über Jahre entstanden sind, ersatzlos – und Besucher landen auf einer Fehlerseite. Die Adressen holen Sie sich vorab aus der Google Search Console.
- Lässt sich die Website später um Standorte und Funktionen erweitern?
- Wenn die Grundstruktur darauf angelegt ist, ja. Neue Leistungsseiten, Beiträge, eine zweite Filiale oder eine andere Terminlösung sind dann Tagesgeschäft. Fehlt diese Anlage – etwa im engen Baukasten –, wird jede Erweiterung zum kleinen Relaunch.
Wie steht Ihre Website da?
Wir sehen sie uns an und sagen Ihnen in 30 Minuten, was sich lohnt – unverbindlich und ohne Verkaufsgespräch.
Erstgespräch anfragen