Kontakt
Eine neue Website für Massagen und Kurse.
- Relaunch von WordPress auf
Next.js - Alle alten Adressen und Suchmaschinen-Einstellungen übernommen
- Gut lesbar: Kontraste nach WCAG AA
Der Kunde
Was ist Touch of Tao?
Hinter Touch of Tao steht Linda Weigand, Physiotherapeutin und Kursleiterin aus Dettelbach bei Würzburg. Sie verbindet Ost und West: Akupressur, Hot Stone und klassische Massage, dazu Kurse für Pilates, Qi Gong und einen fitten Rücken.
Die alte Website lief auf WordPress. Die Texte passten, aber Design und Technik waren in die Jahre gekommen. Und eine neue Seite sollte nichts von dem verlieren, was Google über die alte schon wusste.
2026 habe ich die Seite neu gebaut, mit Next.js statt WordPress. Die Texte sind geblieben, Design, Technik und Ladezeit sind neu.
Die Seiten
Massagen, Kurse und der Weg zum Termin.
Drei Fragen bringen Besucher mit: Was wird angeboten, wann finden die Kurse statt, und wie komme ich zu einem Termin? Jede hat ihre eigene Seite.
Massagen mit Preis
Jede Massage als Karte mit eigenem Foto, kurzer Beschreibung, Dauer und Preis. Von der Startseite führt jede Vorschau direkt zur passenden Massage.
- Dauer und Preis auf einen Blick
- Direkt verlinkt von der Startseite
- Auch als Gutschein
Kurse mit Zeiten
Pilates, Qi Gong und Rücken-Fit, jeweils mit Wochentag, Uhrzeit und Ort. Neue Kurse stehen zusätzlich als Karte auf der Startseite, ohne Datum, damit sie nicht für jeden Kursblock angepasst werden muss.
- Zeiten und Ort pro Kurs
- Neue Kurse auf der Startseite
- Wenig Pflegeaufwand
Kontakt ohne Umwege
Termine gibt es per Telefon oder Formular. Das Formular prüft die Eingaben, hält Spam fern und kommt als E-Mail an, auf die Linda direkt antworten kann. Klappt der Versand einmal nicht, stehen Telefon und E-Mail gleich daneben.
- Telefon mit einem Tipp
- Prüfung und Spamschutz
- Antwort direkt aus dem Postfach
Unter der Haube
Schnell, gut lesbar und nichts verloren.
Ein Relaunch soll besser aussehen, ohne dass Besucher oder Google etwas verlieren. Das steckt dahinter.
Alte Adressen bleiben
Alle Seiten haben dieselben Adressen wie vorher, alte WordPress-Links leiten weiter. Einträge bei Google und Links von anderen Seiten bleiben gültig.
Suchmaschinen-Einstellungen übernommen
Titel und Beschreibungen der alten Seite, dazu strukturierte Daten für das Unternehmen, Sitemap und robots.txt.
Fertige Seiten
Jede Seite wird vorab gebaut und fertig ausgeliefert. Beim Besuch muss nichts mehr erzeugt werden.
Bilder in passender Größe
Die Fotos kommen als WebP in der Größe, die das Gerät braucht. Das Titelbild schrumpft so von 1,9 MB auf rund 50 KB.
Gut lesbar
Farben so abgestimmt, dass jeder Text den Kontrast nach WCAG AA erreicht. Menü und Formular funktionieren auch mit Tastatur und Screenreader.
Schriften vom eigenen Server
Open Sans und Poppins kommen mit der Seite selbst, vorgeladen und ohne Umweg über Google.
Technik
Worauf die Seite läuft.
- Next.jsFramework, fertige Seiten
ReactOberfläche
TypeScriptInhalte und Logik
Tailwind CSSGestaltung
shadcn/uiMenü und Formular
ZodPrüfung der Eingaben
Deine Website ist in die Jahre gekommen?
Erzähl mir kurz von deiner Seite. Ich sage dir, was ein Relaunch bringt und wie du dabei nichts verlierst, was bei Google schon funktioniert.