RAC Zonwering

Voor RAC Zonwering maakten we een snelle, lokale website die vertrouwen opbouwt en bezoekers duidelijk naar een offerteaanvraag stuurt.

Periode
2026
Gebouwd
Website / SEO structuur / Conversiepagina’s / Leadflow
De nieuwe website van RAC Zonwering op een laptop

De vraag

Een zonweringbedrijf beter vindbaar maken en meer offerteaanvragen binnenhalen.

RAC Zonwering wilde online net zo betrouwbaar overkomen als het werk dat bij klanten thuis wordt geleverd. De website moest mensen snel laten zien welke oplossingen er zijn, waar het bedrijf werkt en waarom ze juist hier een offerte konden aanvragen.

Vindbaarheid was daarbij geen losse SEO-oefening. Elke pagina moest een concrete zoekvraag beantwoorden en daarna zonder omweg naar persoonlijk advies of een offerte leiden.

Hoe we het bouwden

Van productkeuzes tot techniek: dit zijn de onderdelen die het project als één geheel laten werken.

  1. SSG in plaats van een zware backend

    TypeScript en vite-react-ssg bouwen iedere route vooraf als statische HTML. React hydrateert daarna alleen de interactie; zoekmachines en bezoekers krijgen de inhoud meteen in de eerste response.

  2. Lokale SEO uit echte routes

    Diensten en twintig handgeschreven stadspagina’s hebben eigen metadata, canonicals en JSON-LD. Sitemap en lastmod worden uit de werkelijk gegenereerde HTML opgebouwd, zodat content en indexatie niet uit elkaar lopen.

  3. Cloudflare voor een statische origin

    GitHub Actions bouwt met Node 22 en rsynct de output naar nginx op Hetzner. Cloudflare staat als proxy voor de origin; gehashte assets krijgen via nginx een lange immutable cache.

  4. Het formulier staat los van de webserver

    Formulierdata gaat rechtstreeks van de browser naar een multi-tenant Cloudflare Worker. Daar worden de aanvraag en het Turnstile-token gecontroleerd voordat AWS SES de mail aflevert.

Van zoekopdracht naar offerte in de inbox

De website en de leadflow zijn bewust gescheiden. De statische site blijft snel en eenvoudig te hosten; alle gevoelige maillogica draait aan de edge en nooit in de browser.

  1. Cloudflare en nginx

    Cloudflare proxy’t het verkeer naar de statische nginx-origin op Hetzner.

  2. Vooraf gebouwde pagina

    React SSG levert direct HTML met canonical, metadata en structured data.

  3. Formulier en Turnstile

    De browser verzamelt alleen de velden en voegt een geldig anti-bottoken toe.

  4. Sorych Mail Relay

    De Worker controleert tenant, origin, hostname, honeypot en veldlimieten.

  5. AWS SES Frankfurt

    Een send-only IAM-key verstuurt via SES naar de vaste RAC-inbox met Reply-To.

Het resultaat

Van 4 naar 16 offerteaanvragen per week

De live website brengt diensten, werkgebied en offerteaanvraag samen in één logische route. Bezoekers kunnen zich eerst inhoudelijk oriënteren en daarna direct hun situatie doorgeven, op desktop én mobiel.

Volgens de terugkoppeling van RAC steeg het aantal offerteaanvragen na livegang van vier naar zestien per week. Tegelijk ligt er nu een uitbreidbare SEO-basis waarop nieuwe diensten en regio’s kunnen worden toegevoegd zonder de structuur opnieuw te bouwen.

Bekijk het live project raczonwering.nl