FloresWide Tourguide-Website
floreswide.com ist die Website eines unabhängigen, lizenzierten Tourguides auf Flores, Indonesien. Sie präsentiert sechs Tourpakete auf Englisch und Indonesisch — mit vollständig lokalisierten Routen, Texten und Meta-Tags. Das Design von Damien Topin wurde 1:1 aus Figma umgesetzt, mit Server-Side-Rendering, einer WebP-Bild-Pipeline zur Build-Zeit und Barrierefreiheit nach WCAG 2.2.
schema.org-Strukturdaten für Touren
schema.org ist ein gemeinsames Vokabular, das Seiteninhalte als maschinenlesbare Daten beschreibt, eingebettet als JSON-LD. Jede Tourseite liefert einen Graphen typisierter Entitäten: einen TouristTrip mit Tagesprogramm, die besuchten Orte als TouristDestination-Knoten, ein Offer, eine BreadcrumbList und den Guide als Person, referenziert als Anbieter. Jeder Knoten trägt eine stabile @id — Entitäten werden einmal definiert und überall referenziert.
Das ist wichtig, weil Suchmaschinen nicht mehr raten müssen, worum es auf einer Seite geht: Dauer, Preis, Reiseverlauf und Anbieter sind explizite Fakten. Die Touren qualifizieren sich damit für Rich Results und sind mit einer konsistenten Entität verknüpft — bewusst als Person statt als Organisation modelliert, entsprechend der Realität eines unabhängigen Guides.
Weitere Informationen
Tech-Stack
- React Frontend-Bibliothek
- React Router Fullstack-Framework für Server-Side-Rendering, Routing und Tooling
- Tailwind CSS Utility-First-Styling mit Design-Tokens aus Figma
- TypeScript typsichere Codebasis inklusive generierter Routen-Typen
- vite-imagetools responsive WebP-Bildvarianten zur Build-Zeit
