Sprachinstitut Berlin
Von WordPress-Altlast zu 37-Sprachen-Plattform mit Live-Kursbuchung
Ladezeit um 58 % reduziert. Mobile-Score verdoppelt. 37 Sprachen. Erstmals Online-Buchung.
Ausgangslage
Das Sprachinstitut Berlin gehört zu den etablierten Sprachschulen der Hauptstadt — Deutsch- und Englischkurse für internationale Studierende, Fachkräfte und Unternehmen. Die bestehende Website konnte diesem Anspruch nicht mehr gerecht werden.
Was wir vorfanden:
- •Eine WordPress-Installation mit veraltetem Theme und über 20 Plugins
- •Ladezeiten von durchschnittlich ~6 Sekunden — auf Mobilgeräten teils deutlich länger
- •Lighthouse Mobile-Score bei ~45 von 100
- •Kein responsives Design — auf Smartphones kaum nutzbar
- •Keine Online-Kursbuchung: Interessenten mussten anrufen oder E-Mails schreiben
- •Nur eine Sprachversion (Deutsch), obwohl die Zielgruppe international ist
- •Keine strukturierten Daten für Google — kein Rich Snippet, keine Kursdarstellung in der Suche
Für eine Sprachschule, deren Kunden zu einem großen Teil aus dem Ausland kommen und mobil suchen, war das ein konkretes Umsatzproblem.
Herausforderung
Der Relaunch war kein kosmetisches Facelift. Es ging um einen vollständigen Technologiewechsel — mit laufendem Betrieb.
Migration ohne Downtime
Die alte Seite generierte laufend Anfragen. Ein harter Cutover war keine Option.
Internationalisierung at Scale
Nicht 2–3 Sprachen, sondern 37. Manuell nicht machbar.
Live-Daten
Kurse, Termine und Preise mussten direkt aus dem bestehenden Verwaltungssystem (Semco) kommen — kein doppeltes Pflegen.
Messbarkeit
Bisher gab es kein sauberes Tracking. Wir mussten nicht nur bauen, sondern auch die Grundlage für datengetriebene Entscheidungen schaffen.
Barrierefreiheit
Als Bildungseinrichtung mit öffentlichem Auftrag war WCAG 2.1 AA keine Option, sondern Pflicht.
Ansatz
Wir haben uns gegen ein weiteres WordPress-Setup und für einen modernen Jamstack-Ansatz entschieden — aus drei Gründen:
Performance als Feature
Next.js mit App Router und Vercel-Hosting bedeutet: Alle Seiten werden zur Build-Zeit vorgerendert (SSG), über ein globales CDN ausgeliefert und bei Bedarf inkrementell aktualisiert (ISR). Das Ergebnis: konstant schnelle Ladezeiten, unabhängig vom Server-Standort.
Internationalisierung durch Automatisierung
37 Sprachversionen manuell zu pflegen wäre weder wirtschaftlich noch wartbar. Wir haben einen automatisierten Übersetzungs-Workflow implementiert: Deutsch, Englisch und Spanisch als redaktionell gepflegte Basissprachen — die weiteren 34 Versionen werden automatisiert generiert und über die Next.js i18n-Routing-Architektur ausgeliefert.
Daten dort lassen, wo sie gepflegt werden
Statt Kursdaten doppelt zu pflegen, haben wir eine Live-Integration mit der Semco API gebaut. Das Verwaltungsteam arbeitet weiter in Semco — die Website zeigt immer den aktuellen Stand.
Umsetzung
Technisches Fundament
Was wir gebaut haben
Kursplaner mit Live-Buchung
Herzstück der neuen Seite. Kurstyp wählen, verfügbare Termine sehen, direkt buchen — alles in einem Flow. Die Daten kommen live aus Semco. Kein manuelles Aktualisieren, keine veralteten Kursinfos.
37-Sprachen-Architektur
Jede Sprachversion hat eigene URLs, eigene Meta-Daten und eigene hreflang-Tags. Google indexiert jede Version separat. Für internationale Studierende, die auf Arabisch, Koreanisch oder Portugiesisch nach „Deutschkurs Berlin“ suchen, ist die Seite jetzt sichtbar.
FAQ-Expansion für SEO
22 dedizierte Kursseiten (15 Deutsch, 7 Englisch) mit strukturierten FAQ-Daten. Jede Seite liefert Google maschinenlesbare Fragen und Antworten — optimiert für Featured Snippets und die „People also ask“-Box.
Google Reviews Integration
Echte Bewertungen direkt auf der Website. Kein Fake-Social-Proof, sondern verifizierte Google-Reviews als Vertrauensanker für Erstbesucher.
Conversion Tracking
4 klar definierte GA4-Events bilden den gesamten Funnel ab: lead_contact_submit, lead_b2b_submit, lead_semco_submit und purchase. Erstmals datenbasiert nachvollziehbar, welche Kanäle und Seiten tatsächlich Buchungen generieren.
Structured Data
7 verschiedene Rich-Result-Items für Google: Kursangebote mit Preis und Termin, Unternehmensinformationen, Bewertungen. Das Ergebnis: reichere Suchergebnisse, höhere Klickraten.
Messbares Ergebnis
Was das in der Praxis bedeutet:
- •Internationale Studierende finden das Institut jetzt in ihrer Muttersprache — ob sie aus São Paulo, Seoul oder Kairo suchen.
- •Die Kursbuchung ist erstmals digital möglich. Kein Anruf mehr nötig, keine E-Mail-Wartezeit.
- •Das Marketing-Team kann erstmals nachvollziehen, welche Seite und welcher Kanal tatsächlich zu Buchungen führt.
- •Google zeigt Kurse, Bewertungen und FAQs direkt in den Suchergebnissen an.
Learnings
“Wir hatten nicht erwartet, dass ein Relaunch auch unser internes Arbeiten verändert.”
— Jennifer Keding, Geschäftsführerin
Die Live-Buchung hat nicht nur die Website verändert, sondern auch interne Prozesse: weniger Telefonanfragen für Standardbuchungen, mehr Zeit für persönliche Beratung bei komplexen Fällen.
Automatisierte Übersetzung braucht redaktionelle Leitplanken.
37 Sprachen funktionieren nur, wenn die 3 Basissprachen sauber gepflegt sind. Wir haben früh in Qualitätssicherung für die Quelltexte investiert — das hat sich bei jeder automatisierten Übersetzung ausgezahlt.
API-Integrationen brauchen Fallback-Strategien.
Die Semco API ist nicht für Hochlast-Szenarien gebaut. Wir haben Caching-Layer und Fallback-Darstellungen implementiert, damit die Seite auch dann funktioniert, wenn die API kurz nicht erreichbar ist.
Structured Data ist kein Bonus — es ist Pflicht.
Für eine Sprachschule mit konkreten Kursangeboten sind Rich Results in Google ein direkter Conversion-Kanal. Die Investition in saubere strukturierte Daten hat sich unmittelbar in der Suchdarstellung bemerkbar gemacht.
Ähnliches Ergebnis für Ihr Unternehmen?
Ihr Web-Auftritt bremst Sie aus — veraltete Technik, keine Mobile-Performance, kein Tracking? Wir machen aus Ihrer Website eine Plattform, die messbar Ergebnisse liefert.
Projekt anfragen