Die Lübecker Perlen: Website einer Ferienhausvermietung
Zweisprachige Website mit Belegungskalender für zwei Ferienwohnungen in der Lübecker Altstadt
Kennzahlen
- Lighthouse Performance (Desktop)
- 99
- Startseite
- Lighthouse 13.5.0, Median aus 3 Läufen, Stand 2. Oktober 2026
- Anfragen an fremde Server beim Laden
- 0
- Startseite, vor jedem Klick
- Playwright, Netzwerkprotokoll, Stand 2. Oktober 2026
- Cookies beim Laden
- 0
- Startseite, vor jedem Klick
- Playwright, Browser-Kontext, Stand 2. Oktober 2026
- Vom Start bis online
- 2 Wochen
- 20. März bis 3. April 2026
- Projektverlauf, Stand 3. April 2026
Die Herausforderung
Ziel war eine Website, über die Gäste direkt buchen können, ohne Umweg über ein Buchungsportal. Sie sollte auf dem Smartphone gut funktionieren, Gäste auch auf Englisch ansprechen und freie Termine direkt zeigen. Dazu sollte sie auf dem vorhandenen Hosting bleiben und ohne zusätzliches System auskommen, das gepflegt werden muss.
Der Ansatz
Ich habe bewusst auf ein Framework verzichtet: reines HTML, CSS und JavaScript, ohne Build-Schritt. Jede Datei lässt sich direkt öffnen, ändern und hochladen. Die vorhandenen Texte und Bilder habe ich übernommen und in eine neue Struktur gebracht. Schriften liegen auf dem eigenen Server. Belegungskalender und Karte laden erst, wenn Besucher darauf klicken.
Die Lösung
Seit dem 3. April 2026 ist die Seite online: je eine durchgehende Seite auf Deutsch und Englisch mit den beiden buchbaren Wohnungen Ganghausperle und Ganghausperle Smart und dem eingebundenen beds24-Belegungskalender. Zur Übergabe gehörten eine Wartungsanleitung für Nicht-Entwickler als PDF und eine Anleitung, wie sich kleine Änderungen mit KI-Werkzeugen umsetzen lassen.
Ansichten
Bildschirmfotos der Live-Seite vom 2. Oktober 2026
Worauf es ankam
Die Ansicht auf dem Smartphone stand am Anfang der Gestaltung: große Bilder der Häuser und eine klare Abfolge von den Wohnungen über Ausstattung und Lage bis zur Buchung.
Gäste aus dem Ausland finden die englische Fassung über die Sprachumschaltung oder direkt über die Suchmaschine. Beide Fassungen verweisen per hreflang aufeinander, damit Google die passende Sprache zeigt.
Bewusst ohne Framework
Ein Redaktionssystem oder ein Framework hätte hier mehr Pflegeaufwand erzeugt als Nutzen. Die Seite liegt als statische Dateien beim Telekom-Hosting des Vermieters, Server in Deutschland. Es gibt keine Datenbank, keine Plugins und nichts, was regelmäßig aktualisiert werden muss.
Der Preis dafür: Änderungen bedeuten, eine Datei zu bearbeiten und hochzuladen. Die Wartungsanleitung erklärt die typischen Handgriffe für Menschen, die nicht programmieren.
Datenschutz ohne Cookie-Banner
Alles, was Daten an andere Anbieter senden würde, lädt erst nach einem Klick: der Belegungskalender von beds24 und die Karte von Google. Bis dahin steht dort ein Hinweis, bei der Karte etwa: „Es werden Daten an Google übermittelt.“
Beim ersten Laden der Startseite stellt der Browser deshalb keine einzige Anfrage an fremde Server und speichert kein Cookie. Das habe ich am 2. Oktober 2026 mit Playwright gemessen.
Was das für Sie bedeutet
Für Ferienhausvermieter
Jede Direktbuchung spart die Portalprovision. Dafür muss die eigene Website auf dem Smartphone überzeugen und freie Termine zeigen. Ein vorhandener Belegungskalender lässt sich meist einbinden. Im Website-Check sehe ich mir Ihre Seite an und sage Ihnen, was sich lohnt.
Zum Website-CheckFür kleine Unternehmen
Nicht jede Website braucht ein großes System. Manchmal ist die einfachste Technik die, die am längsten ohne Pflege läuft. Welche Lösung zu Ihnen passt, klären wir in einem kostenlosen Erstgespräch von 20 Minuten.
Erstgespräch vereinbarenFür technisch Interessierte
Datenschutz durch Click-to-Load statt Consent-Tool, lokale Schriften, hreflang für zwei Sprachfassungen, strukturierte Daten und eine Playwright-Suite, die Inhalte, Barrierefreiheit und Datenschutz-Regeln prüft.
Web EngineeringEingesetzte Technologien
Technik im Detail
- Auslieferung
- Statische Dateien per SFTP auf dem Telekom-Hosting des Vermieters, Server in Deutschland
- Sprachen
- Deutsch und Englisch als eigene Seiten, gegenseitig per hreflang verknüpft
- Buchung
- beds24-Belegungskalender je Wohnung, lädt erst nach Klick
- Schriften
- Lokal ausgeliefert, keine Anfrage an Google Fonts
- Suchmaschinen
- Meta- und Open-Graph-Angaben, JSON-LD, Sitemap, robots.txt
- Qualität
- Playwright-Tests für Inhalte, Barrierefreiheit (axe-core), Datenschutz-Regeln und Ladeverhalten
- Messung 2. Oktober 2026
- Lighthouse 13.5.0, Median aus 3 Läufen, Desktop: Performance 99, Best Practices und SEO je 100
Ihr Projekt. Meine Erfahrung.
Ob Website, KI-Telefonie oder strategische Beratung – lassen Sie uns in einem kostenlosen Erstgespräch herausfinden, wie ich Ihnen helfen kann.