Technisches SEO
Für eine Lederwerkstatt in Bremen habe ich die Website neu gebaut: Text im HTML, alte Adressen per 301, Bewertungen mit dem Google-Profil verknüpft.
Zwei Vorher-Nachher-Regler mit Werkstattfotos blenden ein: links vom Griff der Schaden am Leder, rechts das Ergebnis.
12 von 12
Seiten liefern ihren Text ohne JavaScript, die Startseite 885 Wörter
Ausgeliefertes HTML aller Seiten, 09.10.2026
10 von 10
Adressen der alten Seite leiten per 301 auf die passende neue Seite
Eigene Messung mit curl, 09.10.2026
100
von 100 bei Lighthouse mobil für Barrierefreiheit und SEO, in allen 3 Läufen
Lighthouse 13.4.0 über DataForSEO, 09.10.2026
Ausgangslage
Robert Balinski reinigt, färbt und repariert Leder in Bremen: Autositze, Oldtimer-Interieurs, Sessel. Seine alte Website war ein Webflow-Export von 2021, als statische Kopie auf Cloudflare Pages. Im Webarchiv liegt sie ab März 2024 unverändert vor, erreichbar mit und ohne www, also doppelt.
Über die Suche ist für eine Werkstatt dieser Größe wenig zu holen: „lederreparatur bremen“, „lederreinigung bremen“ und „lederwerkstatt bremen“ kommen laut DataForSEO auf je 10 Suchen im Monat. Mehr Gewicht hat das Google-Unternehmensprofil mit 34 Bewertungen, alle mit fünf Sternen. Die Website sollte dieses Profil stützen, schnell laden und auch ohne JavaScript ihren Text zeigen.
Erfunden habe ich nichts: Fachtexte aus dem Bestand nur redigiert, Rezensionen wörtlich übernommen. Und keine alte Adresse durfte verloren gehen.
Vorgehen
01
Aus vier Einzelfotos der alten Seite habe ich zwei Regler gemacht. Wer am Griff zieht, sieht Schaden und Ergebnis an derselben Stelle, die Fotos sind farblich unbearbeitet. Der Regler bewegt sich nicht von selbst, eine Dauerschleife würde vom Ergebnis ablenken.
Der Griff des Reglers wird nach links und rechts gezogen, darunter wechseln Schaden und Ergebnis an einem Lederteil.
02
5,0 bei 34 Google-Bewertungen: Die Verteilung zeichnet sich als Linie auf, Quelle und Stand stehen darunter. Derselbe Wert steht als aggregateRating im JSON-LD jeder Seite, sameAs und hasMap verweisen auf das Unternehmensprofil.
Die Verteilung der 34 Google-Bewertungen baut sich als Balken auf, darunter stehen Quelle und Stand.
03
Beim Überfahren wandert eine Haarlinie zum Eintrag, der Titel wird grün, rechts blendet das passende Foto über. Jeder Eintrag führt auf eine eigene Leistungsseite, die ihren Service und die Brotkrumen im JSON-LD auszeichnet.
Eine Linie wandert über die fünf Leistungen, der aktive Titel wird grün, rechts wechselt das Foto.
04
Die Seite Arbeiten zeigt vier Fahrzeugsitze und zwei Sessel: links Objekt und Leistung, rechts Schaden und Ergebnis als Bildpaare. Zu den Fotos gab es keine Angaben, deshalb nennen die Texte nur, was auf den Bildern zu sehen ist.
Ein Fall aus der Werkstatt blendet ein: links der Steckbrief, rechts Fotos von Schaden und Ergebnis.
Ergebnis
Alle 12 Seiten kommen vorgerendert an, die Startseite mit 885 Wörtern Text im HTML. Jede Seite zeichnet die Werkstatt als AutoRepair mit Adresse, Öffnungszeiten und Bewertung aus, die Startseite zusätzlich ihre Fragen als FAQPage. Alle 10 Adressen, auf die die alte Startseite verlinkte, leiten per 301 auf die passende neue Seite, die Adresse mit www ebenfalls.
Lighthouse mobil gibt der Startseite 89 Punkte für Performance, je 100 für Barrierefreiheit und SEO und 81 für Best Practices. Den Abzug dort verursacht allein ein Skript zur Bot-Erkennung, das Cloudflare einfügt.
Bei der Messung war die neue Seite sechs Wochen live. DataForSEO zählt für September 4 Suchbegriffe mit Ranking, für Juli 11. Der Wert schwankt seit April 2024 zwischen 4 und 13, und von den 7 Positionen, die DataForSEO aktuell führt, stammen 6 aus Abfragen vor dem Relaunch. Für ein Urteil ist es zu früh. Im Januar 2027 vergleiche ich Rankings und die Anfragen der Werkstatt vor und nach dem Relaunch.
Next.js, React, Tailwind CSS, GSAP, Cloudflare Workers, React Bits Pro
Stimme
Weitere Referenzen
Kostenloser 30-Minuten-Check
Alles Weitere klärt sich am schnellsten im Gespräch: 30 Minuten per Video, ohne Verkaufsdruck.
Lieber schreiben? [email protected]
