DakdekkerVandaag.nl — in samenwerking met Centraal Dakwerken, Haarlem Werkzaam in Haarlem en de ruime Randstad-regio
Intern document — niet in hoofdmenu

Projectdocumentatie DakdekkerVandaag.nl

Dit is de opleveringsdocumentatie bij de website: sitemap, SEO-titles & meta descriptions, CTA-strategie, interne-linkstrategie, schema-aanbevelingen en het designsysteem. Bedoeld voor jou en je (WordPress-)bouwer, niet voor bezoekers.

1 · Structuur

Volledige sitemap

Alle clusters uit de masterprompt zijn volledig uitgeschreven en klikbaar: homepage, 14 dienstpagina's, 19 SEO-probleempagina's, 16 lokale pagina's en 9 kostenpagina's — in totaal 60 pagina's, elk met unieke content.

Kernpagina's
PadToelichting
/Homepage — hero, probleemselectie, spoedsectie, foto-check, trust, werkgebied
/contact/Contactpagina met gegevens en aanvraagformulier
/privacybeleid/ /cookiebeleid/ /algemene-voorwaarden/ /disclaimer/Juridische pagina's (footer)
/projectdocumentatie/Intern: strategie, SEO-tabel, designsysteem (niet in hoofdmenu)
Dienstpagina's (14, opgeleverd)
PadToelichting
/daklekkage/Daklekkage
/dakreparatie/Dakreparatie
/dakinspectie/Dakinspectie
/stormschade-dak/Stormschade
/spoed-dakdekker/Spoed-dakdekker
/plat-dak/Plat dak
/pannendak/Pannendak
/dakbedekking/Dakbedekking
/dakonderhoud/Dakonderhoud
/dakrenovatie/Dakrenovatie
/dakgoten/Dakgoten
/loodwerk/Loodwerk
/bitumen-dak/Bitumen dak
/epdm-dak/EPDM dak
SEO-probleempagina's (sectie 13 — 19, opgeleverd)
PadToelichting
/lekkend-dak/Lekkend dak
/dak-lekt-bij-regen/Dak lekt bij regen
/lekkage-plat-dak/Lekkage plat dak
/lekkage-pannendak/Lekkage pannendak
/lekkage-dakkapel/Lekkage dakkapel
/lekkage-bij-schoorsteen/Lekkage bij schoorsteen
/vochtplek-plafond/Vochtplek plafond
/dakpannen-afgewaaid/Dakpannen afgewaaid
/losse-dakpannen/Losse dakpannen
/kapotte-dakpannen/Kapotte dakpannen
/poreuze-dakpannen/Poreuze dakpannen
/lekkende-dakgoot/Lekkende dakgoot
/los-lood/Los lood
/lekkage-dakdoorvoer/Lekkage dakdoorvoer
/openstaande-daknaad/Openstaande daknaad
/blaasvorming-bitumen/Blaasvorming bitumen
/scheuren-in-bitumen/Scheuren in bitumen
/water-blijft-op-plat-dak-staan/Water blijft staan
/mos-op-dakpannen/Mos op dakpannen
Lokale SEO-pagina's (sectie 14 — 16, opgeleverd, elk met unieke lokale content)
PadToelichting
/dakdekker-haarlem/Dakdekker Haarlem
/dakdekker-amsterdam/Dakdekker Amsterdam
/dakdekker-heemstede/Dakdekker Heemstede
/dakdekker-bloemendaal/Dakdekker Bloemendaal
/dakdekker-zandvoort/Dakdekker Zandvoort
/dakdekker-hoofddorp/Dakdekker Hoofddorp
/dakdekker-ijmuiden/Dakdekker IJmuiden
/dakdekker-velsen/Dakdekker Velsen
/dakdekker-beverwijk/Dakdekker Beverwijk
/dakdekker-zaandam/Dakdekker Zaandam
/dakdekker-amstelveen/Dakdekker Amstelveen
/dakdekker-alkmaar/Dakdekker Alkmaar
/daklekkage-haarlem/Daklekkage in Haarlem
/daklekkage-amsterdam/Daklekkage in Amsterdam
/dakreparatie-haarlem/Dakreparatie in Haarlem
/dakinspectie-haarlem/Dakinspectie in Haarlem
Kostenpagina's (sectie 15 — 9, opgeleverd)
PadToelichting
/dakdekker-kosten/Dakdekker kosten
/daklekkage-reparatie-kosten/Daklekkage reparatie kosten
/dakreparatie-kosten/Dakreparatie kosten
/dakinspectie-kosten/Dakinspectie kosten
/plat-dak-reparatie-kosten/Plat dak reparatie kosten
/dakrenovatie-kosten/Dakrenovatie kosten
/dakbedekking-vervangen-kosten/Dakbedekking vervangen kosten
/dakpannen-vervangen-kosten/Dakpannen vervangen kosten
/nieuw-dak-kosten/Nieuw dak kosten
2 · SEO

SEO-titles & meta descriptions

SEO-titles & meta descriptions — homepage + 14 dienstpagina's
URLTitle tagMeta description
/Dakdekker Vandaag Nodig? | Daklekkage, Reparatie & InspectieDakprobleem? DakdekkerVandaag.nl helpt bij daklekkage, reparatie, stormschade en dakinspectie. Stuur foto's of vraag direct een dakdekker aan.
/daklekkage/Daklekkage | Snel laten beoordelen — DakdekkerVandaag.nlDaklekkage ontdekt? Laat de oorzaak snel beoordelen door een dakspecialist. Stuur foto's via WhatsApp of vraag direct een dakdekker aan.
/dakreparatie/Dakreparatie | Vakkundig hersteld — DakdekkerVandaag.nlDakreparatie nodig? Van losse dakpannen tot beschadigd loodwerk: wij beoordelen en herstellen uw dak vakkundig. Vraag een prijsindicatie aan.
/dakinspectie/Dakinspectie laten uitvoeren | DakdekkerVandaag.nlLaat uw dak professioneel inspecteren. Duidelijk rapport met bevindingen, risico's en advies. Handig bij twijfel, na storm of voor aankoop.
/stormschade-dak/Stormschade dak | Snelle beoordeling — DakdekkerVandaag.nlStormschade aan uw dak? Afgewaaide dakpannen of acute lekkage: laat de schade snel en vakkundig beoordelen en herstellen.
/spoed-dakdekker/Spoed dakdekker | Snel geholpen — DakdekkerVandaag.nlAcuut dakprobleem? Meld het bij DakdekkerVandaag.nl en ontvang een snelle beoordeling in samenwerking met Centraal Dakwerken.
/plat-dak/Plat dak reparatie | Bitumen, EPDM & PVC — DakdekkerVandaag.nlProblemen met uw platte dak? Blazen, scheuren, plassend water of lekkage bij afvoeren: wij beoordelen en herstellen vakkundig.
/pannendak/Pannendak reparatie | DakdekkerVandaag.nlGebroken, verschoven of poreuze dakpannen? Wij herstellen uw pannendak vakkundig, inclusief nokvorsten en aansluitingen.
/dakbedekking/Dakbedekking vervangen | Materialen & advies — DakdekkerVandaag.nlDakbedekking aan vervanging toe? Wij adviseren over bitumen, EPDM, PVC, pannen en zink en verzorgen de volledige uitvoering.
/dakonderhoud/Dakonderhoud | Preventief onderhoud — DakdekkerVandaag.nlVoorkom onnodige schade met periodiek dakonderhoud: reiniging, controle van afvoeren en klein herstel door Centraal Dakwerken.
/dakrenovatie/Dakrenovatie | Isolatie, dakkapel & verduurzaming — DakdekkerVandaag.nlDak toe aan renovatie? Van isolatie tot volledige vervanging: wij begeleiden uw dakrenovatie van advies tot oplevering.
/dakgoten/Dakgoot reparatie & vervanging | DakdekkerVandaag.nlVerstopte, lekkende of doorbuigende dakgoot? Wij herstellen of vervangen uw dakgoot en hemelwaterafvoer vakkundig.
/loodwerk/Loodwerk herstellen | DakdekkerVandaag.nlVerweerd of gescheurd loodwerk rond schoorsteen of dakkapel? Wij herstellen loodslabben en aansluitingen vakkundig.
/bitumen-dak/Bitumen dak reparatie & vervanging | DakdekkerVandaag.nlBlaarvorming, scheuren of lekkage in uw bitumen dakbedekking? Wij herstellen of vervangen uw bitumen dak vakkundig.
/epdm-dak/EPDM dak reparatie & vervanging | DakdekkerVandaag.nlLekkage of losse naden in uw EPDM dakbedekking? Wij herstellen of vervangen uw EPDM dak vakkundig en duurzaam.
/dakdekker-kosten/Dakdekker kosten | Realistische prijsindicatie — DakdekkerVandaag.nlWat kost een dakdekker gemiddeld? Bekijk realistische prijsranges voor reparatie, inspectie, onderhoud en renovatie en de factoren die de prijs bepalen.
/daklekkage-reparatie-kosten/Daklekkage reparatie kosten | DakdekkerVandaag.nlWat kost het repareren van een daklekkage? Bekijk de gemiddelde kosten per situatie en de factoren die de prijs bepalen.
/dakreparatie-kosten/Dakreparatie kosten | Realistische prijsindicatie — DakdekkerVandaag.nlWat kost een dakreparatie? Bekijk prijsranges voor veelvoorkomende reparaties aan pannendaken, platte daken en loodwerk.
/dakinspectie-kosten/Dakinspectie kosten | DakdekkerVandaag.nlWat kost een professionele dakinspectie? Bekijk de gemiddelde prijs en wat er bij een grondige inspectie wordt gecontroleerd.
/plat-dak-reparatie-kosten/Plat dak reparatie kosten | DakdekkerVandaag.nlWat kost het repareren van een plat dak? Bekijk de gemiddelde kosten voor bitumen en EPDM en de factoren die de prijs bepalen.
/dakrenovatie-kosten/Dakrenovatie kosten | DakdekkerVandaag.nlWat kost een dakrenovatie? Bekijk realistische prijsranges en de belangrijkste factoren die de kosten van een renovatie bepalen.
/dakbedekking-vervangen-kosten/Dakbedekking vervangen kosten | DakdekkerVandaag.nlWat kost het vervangen van dakbedekking? Bekijk de gemiddelde prijs per m² voor bitumen, EPDM en pannen.
/dakpannen-vervangen-kosten/Dakpannen vervangen kosten | DakdekkerVandaag.nlWat kost het vervangen van dakpannen? Bekijk de gemiddelde prijs per pan en per m² dakoppervlak.
/nieuw-dak-kosten/Nieuw dak kosten | DakdekkerVandaag.nlWat kost een nieuw dak? Bekijk realistische prijsranges voor een compleet nieuw plat dak of pannendak, inclusief isolatie.
/lekkend-dak/Lekkend dak — oorzaak en oplossing | DakdekkerVandaag.nlLekkend dak? Lees hoe u een lekkage herkent, wat de meest voorkomende oorzaken zijn en wat herstel gemiddeld kost.
/dak-lekt-bij-regen/Dak lekt bij regen | DakdekkerVandaag.nlUw dak lekt alleen bij regen? Lees waardoor dit komt en hoe dit type lekkage wordt opgespoord en verholpen.
/lekkage-plat-dak/Lekkage plat dak | DakdekkerVandaag.nlLekkage bij een plat dak? Lees de meest voorkomende oorzaken bij bitumen en EPDM en hoe dit wordt verholpen.
/lekkage-pannendak/Lekkage pannendak | DakdekkerVandaag.nlLekkage bij een pannendak? Lees de meest voorkomende oorzaken, van losse pannen tot beschadigd loodwerk, en de oplossing.
/lekkage-dakkapel/Lekkage dakkapel | DakdekkerVandaag.nlLekkage bij uw dakkapel? Lees waardoor dit vaak ontstaat, bij de aansluitingen of het dak van de kapel zelf, en hoe dit wordt verholpen.
/lekkage-bij-schoorsteen/Lekkage bij schoorsteen | DakdekkerVandaag.nlLekkage rond uw schoorsteen? Lees waardoor dit vaak wordt veroorzaakt door verouderd loodwerk en hoe dit wordt verholpen.
/vochtplek-plafond/Vochtplek plafond — oorzaak dak | DakdekkerVandaag.nlEen vochtplek op het plafond wijst vaak op een daklekkage. Lees hoe u de oorzaak achterhaalt en wat de vervolgstappen zijn.
/dakpannen-afgewaaid/Dakpannen afgewaaid — na storm | DakdekkerVandaag.nlDakpannen afgewaaid door storm? Lees wat u het beste kunt doen en hoe herstel van stormschade verloopt.
/losse-dakpannen/Losse dakpannen — herkennen en herstellen | DakdekkerVandaag.nlLosse dakpannen gesignaleerd? Lees waardoor dit komt, welke risico's dit met zich meebrengt en hoe herstel verloopt.
/kapotte-dakpannen/Kapotte dakpannen — herkennen en herstellen | DakdekkerVandaag.nlKapotte dakpannen op uw dak? Lees hoe u dit herkent, waardoor het ontstaat en hoe herstel verloopt.
/poreuze-dakpannen/Poreuze dakpannen — herkennen | DakdekkerVandaag.nlPoreuze dakpannen herkennen en verhelpen: lees waardoor dakpannen poreus worden en wanneer vervanging verstandig is.
/lekkende-dakgoot/Lekkende dakgoot | DakdekkerVandaag.nlLekkende dakgoot? Lees de meest voorkomende oorzaken, van verstopping tot beschadiging, en hoe dit wordt verholpen.
/los-lood/Los lood op het dak | DakdekkerVandaag.nlLos lood ontdekt op uw dak? Lees waardoor loodwerk los kan raken en hoe dit wordt hersteld om lekkage te voorkomen.
/lekkage-dakdoorvoer/Lekkage dakdoorvoer | DakdekkerVandaag.nlLekkage bij een dakdoorvoer (ventilatie, riolering, antenne)? Lees waardoor dit ontstaat en hoe dit wordt verholpen.
/openstaande-daknaad/Openstaande daknaad | DakdekkerVandaag.nlEen openstaande naad in de dakbedekking gezien? Lees waardoor dit ontstaat en hoe dit tijdig wordt hersteld.
/blaasvorming-bitumen/Blaasvorming bitumen dak | DakdekkerVandaag.nlBlaasvorming in uw bitumen dakbedekking? Lees waardoor dit ontstaat en of dit lekkage kan veroorzaken.
/scheuren-in-bitumen/Scheuren in bitumen dak | DakdekkerVandaag.nlScheuren in uw bitumen dakbedekking ontdekt? Lees waardoor dit ontstaat, welk risico dit met zich meebrengt en hoe dit wordt hersteld.
/water-blijft-op-plat-dak-staan/Water blijft op plat dak staan | DakdekkerVandaag.nlBlijft er water op uw platte dak staan na regen? Lees wanneer dit een probleem is en hoe dit wordt opgelost.
/mos-op-dakpannen/Mos op dakpannen | DakdekkerVandaag.nlMos op uw dakpannen? Lees of dit alleen cosmetisch is of ook schade kan veroorzaken, en wat u eraan kunt doen.
/dakdekker-haarlem/Dakdekker Haarlem | DakdekkerVandaag.nlDakdekker nodig in Haarlem? DakdekkerVandaag.nl werkt samen met Centraal Dakwerken, gevestigd in Haarlem, voor snelle beoordeling van uw dakprobleem.
/dakdekker-amsterdam/Dakdekker Amsterdam | DakdekkerVandaag.nlDakdekker nodig in Amsterdam? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel, met dakspecialisten die de Amsterdamse bebouwing goed kennen.
/dakdekker-heemstede/Dakdekker Heemstede | DakdekkerVandaag.nlDakdekker nodig in Heemstede? DakdekkerVandaag.nl, in samenwerking met Centraal Dakwerken uit naburig Haarlem, beoordeelt uw dakprobleem snel.
/dakdekker-bloemendaal/Dakdekker Bloemendaal | DakdekkerVandaag.nlDakdekker nodig in Bloemendaal? DakdekkerVandaag.nl beoordeelt uw dakprobleem, met oog voor de ligging nabij de kust.
/dakdekker-zandvoort/Dakdekker Zandvoort | DakdekkerVandaag.nlDakdekker nodig in Zandvoort? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel, met ervaring met kustwoningen.
/dakdekker-hoofddorp/Dakdekker Hoofddorp | DakdekkerVandaag.nlDakdekker nodig in Hoofddorp? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel, met ervaring met moderne nieuwbouwwijken.
/dakdekker-ijmuiden/Dakdekker IJmuiden | DakdekkerVandaag.nlDakdekker nodig in IJmuiden? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel, met oog voor de zware weersinvloeden aan de kust.
/dakdekker-velsen/Dakdekker Velsen | DakdekkerVandaag.nlDakdekker nodig in Velsen? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel in Velsen en omliggende kernen.
/dakdekker-beverwijk/Dakdekker Beverwijk | DakdekkerVandaag.nlDakdekker nodig in Beverwijk? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel in Beverwijk en omgeving.
/dakdekker-zaandam/Dakdekker Zaandam | DakdekkerVandaag.nlDakdekker nodig in Zaandam? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel in Zaandam en de Zaanstreek.
/dakdekker-amstelveen/Dakdekker Amstelveen | DakdekkerVandaag.nlDakdekker nodig in Amstelveen? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel in Amstelveen en omgeving.
/dakdekker-alkmaar/Dakdekker Alkmaar | DakdekkerVandaag.nlDakdekker nodig in Alkmaar? DakdekkerVandaag.nl beoordeelt uw dakprobleem snel in Alkmaar en omgeving.
/daklekkage-haarlem/Daklekkage Haarlem | DakdekkerVandaag.nlDaklekkage in Haarlem? DakdekkerVandaag.nl, in samenwerking met het Haarlemse Centraal Dakwerken, beoordeelt uw lekkage snel.
/daklekkage-amsterdam/Daklekkage Amsterdam | DakdekkerVandaag.nlDaklekkage in Amsterdam? DakdekkerVandaag.nl beoordeelt uw lekkage snel, met kennis van zowel grachtenpanden als moderne bouw.
/dakreparatie-haarlem/Dakreparatie Haarlem | DakdekkerVandaag.nlDakreparatie nodig in Haarlem? DakdekkerVandaag.nl werkt samen met het Haarlemse Centraal Dakwerken voor snel en vakkundig herstel.
/dakinspectie-haarlem/Dakinspectie Haarlem | DakdekkerVandaag.nlDakinspectie nodig in Haarlem? DakdekkerVandaag.nl laat uw dak professioneel beoordelen door het Haarlemse Centraal Dakwerken.
3 · Conversie

CTA-strategie

CTA-hiërarchie
NiveauLabelStijlPlaatsing
PrimairDakdekker aanvragen / [Probleem] meldenOranje (#F58220) — enige knop in deze kleur, zodat hij altijd opvalt.Header, hero, spoedsectie, elke dienstpagina, CTA-band onderaan iedere pagina.
SecundairFoto's via WhatsAppGroen (succeskleur) — herkenbaar als WhatsApp-actie zonder het merk-oranje te kapen.Hero, spoedsectie, mobiele bottombar, CTA-band, WhatsApp-float (desktop).
TertiairBel direct — [TELEFOONNUMMER INVOEGEN]Tekstlink / outline-knop, geen felle kleur.Header (desktop), hero, spoedsectie, footer, mobiele bottombar.
Micro-conversieDakdekker aanvragen (foto-check formulier)Eén formulier, hergebruikt op elke pagina onder anchor #aanvragen.Homepage én onderaan elke dienstpagina — nooit een aparte, afwijkende formulierflow.
5 · Technische SEO

Structured data

Structured data
Schema.org-typeWaarStatus
RoofingContractor (sitewide)Elke pagina (wp_head, inc/seo.php)Geïmplementeerd. Telefoonnummer wordt alleen toegevoegd zodra dit via de Customizer is ingevuld — geen placeholder in de schema-data.
ServiceElke dienstpaginaGeïmplementeerd: serviceType = dienstnaam, areaServed = Haarlem/Noord-Holland/Randstad, provider = Centraal Dakwerken.
FAQPageElke pagina met FAQ (diensten, kosten, problemen, lokaal)Geïmplementeerd — 1-op-1 gebaseerd op de zichtbare FAQ-content.
BreadcrumbListElke pagina met breadcrumb (dv_breadcrumb())Geïmplementeerd in functions.php.
Review / AggregateRatingTrustsectie homepageNog NIET geïmplementeerd — uitsluitend toevoegen zodra er echte, verifieerbare Google-reviews beschikbaar zijn, nooit fictieve scores.
5b · AI-vindbaarheid

Vindbaarheid in AI-zoekresultaten (ChatGPT, Claude, Gemini, Grok)

Er bestaat geen garantie dat een AI-assistent een specifieke website aanraadt — dat bepalen de modellen zelf. Wel is de site technisch en inhoudelijk zo ingericht dat deze goed leesbaar en citeerbaar is voor AI-crawlers.

Technische SEO & AI-vindbaarheid (GEO)
OnderdeelToelichting
robots.txtStaat GPTBot, ChatGPT-User, ClaudeBot, anthropic-ai, Google-Extended, PerplexityBot, Applebot-Extended, CCBot, Amazonbot en GrokBot expliciet toe (inc/seo.php, filter robots_txt), plus een verwijzing naar de sitemap.
llms.txtWordt dynamisch geserveerd op /llms.txt: een beknopt overzicht van de site en alle diensten in platte tekst, speciaal leesbaar voor AI-assistenten zoals ChatGPT, Claude, Gemini en Grok.
Unieke title/descriptionElke pagina heeft een eigen en meta description (inc/seo-data.php, automatisch gegenereerd vanuit dezelfde content als de pagina zelf).</td></tr><tr><td>Open Graph & Twitter-tags</td><td>og:title/description/url/type/site_name/locale en twitter:card op elke pagina.</td></tr><tr><td>Feitelijke, direct beantwoordbare content</td><td>Elke pagina beantwoordt de zoekvraag letterlijk in de eerste alinea ("wat betekent dit", "wat kost dit") — precies het soort tekst dat AI-antwoordmachines citeren.</td></tr></tbody></table></div> </div> </section> <section id="design"> <div class="container" style="max-width:960px;"> <div class="section-head"><span class="eyebrow">6 · Designsysteem</span><h2>Kleuren & typografie</h2></div> <div class="swatch-row"><div class="swatch"><div class="chip" style="background:#20252B"></div><strong>Antraciet</strong><br><code>#20252B</code><div style="color:var(--text-muted);font-size:.78rem;">Headings, donkere vlakken, iconen</div></div><div class="swatch"><div class="chip" style="background:#102A43"></div><strong>Donkerblauw</strong><br><code>#102A43</code><div style="color:var(--text-muted);font-size:.78rem;">Topbar, spoedsectie, footer-accent</div></div><div class="swatch"><div class="chip" style="background:#0878D1"></div><strong>Signaalblauw</strong><br><code>#0878D1</code><div style="color:var(--text-muted);font-size:.78rem;">Links, secundaire accenten, focus-status</div></div><div class="swatch"><div class="chip" style="background:#F58220"></div><strong>Veiligheidsoranje</strong><br><code>#F58220</code><div style="color:var(--text-muted);font-size:.78rem;">Uitsluitend primaire CTA's</div></div><div class="swatch"><div class="chip" style="background:#F7F8FA"></div><strong>Gebroken wit</strong><br><code>#F7F8FA</code><div style="color:var(--text-muted);font-size:.78rem;">Paginabackground</div></div><div class="swatch"><div class="chip" style="background:#FFFFFF"></div><strong>Wit</strong><br><code>#FFFFFF</code><div style="color:var(--text-muted);font-size:.78rem;">Kaarten, header, formulierpanelen</div></div><div class="swatch"><div class="chip" style="background:#30363D"></div><strong>Tekst donkergrijs</strong><br><code>#30363D</code><div style="color:var(--text-muted);font-size:.78rem;">Lopende tekst</div></div></div> <div class="doc-wrap"><table class="doc-table"> <thead><tr><th>Rol</th><th>Font</th><th>Gewichten</th></tr></thead> <tbody> <tr><td>Headings</td><td>Manrope</td><td>700 / 800</td></tr> <tr><td>Body</td><td>Inter</td><td>400 / 500 / 600</td></tr> <tr><td>Cijfers & kosten (tabular)</td><td>Roboto Mono</td><td>500</td></tr> </tbody> </table></div> <p>Alle kleuren en fonts zijn vastgelegd als CSS-variabelen in <code>assets/style.css</code> (<code>:root</code>), zodat de hele site centraal aan te passen is — exact zoals gevraagd in sectie 22 van de masterprompt.</p> </div> </section> <section class="section-alt" id="wp"> <div class="container" style="max-width:880px;"> <div class="section-head"><span class="eyebrow">7 · Bouwadvies</span><h2>Vertaling naar WordPress (Elementor/Gutenberg)</h2></div> <p>Elke sectie op deze prototype-pagina's is bewust opgebouwd uit herbruikbare blokken die 1-op-1 corresponderen met Elementor/Gutenberg-elementen:</p> <ul class="plain-list"> <li><strong>Hero</strong> → Container (2 kolommen) + Heading + Tekst + 2× Button + Icon List</li> <li><strong>Probleemcards</strong> → Grid/Posts-grid van Icon Box-widgets (6×)</li> <li><strong>Spoedsectie</strong> → Container met achtergrondkleur/gradient + Heading + Tekst + Button-groep</li> <li><strong>Foto-check formulier</strong> → Elementor Forms / Gravity Forms-widget, velden exact zoals in sectie 9</li> <li><strong>Trustsectie</strong> → Container + 2× Image/Logo + Tekst + Button</li> <li><strong>Symptomen/oorzaken/risico's/oplossingen</strong> → Icon List-widgets</li> <li><strong>Werkwijze</strong> → 4× Icon Box in een Grid (genummerd)</li> <li><strong>Kostenindicatie</strong> → Container (donkere achtergrond) + 2 kolommen tekst</li> <li><strong>FAQ</strong> → Accordion-widget, content 1-op-1 overneembaar</li> <li><strong>Footer</strong> → Elementor/Gutenberg Footer-template, 5 kolommen</li> </ul> <p>Gebruik globale kleuren/fonts in Elementor (Site Settings) die overeenkomen met de tokens hierboven, zodat de site net als hier centraal aanpasbaar blijft. Vermijd zware sliders en animatie-plugins — deze site gebruikt bewust alleen lichte CSS-transities.</p> </div> </section> <section id="todo"> <div class="container" style="max-width:880px;"> <div class="section-head"><span class="eyebrow">8 · Vóór livegang</span><h2>Nog in te vullen / placeholders</h2> <p class="lede">Bewust géén verzonnen gegevens gebruikt — onderstaande items staan als placeholder in de site en moeten voor livegang worden aangevuld.</p></div> <ul class="check-list"> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Telefoonnummer, WhatsApp-nummer en e-mailadres</strong> — vul dit in bij Uiterlijk > Aanpassen > Contactgegevens in WordPress. Tot die tijd toont de site bewust een zichtbare placeholder in plaats van een verzonnen nummer.</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Adres van Centraal Dakwerken</strong> — nu <code>[ADRES CENTRAAL DAKWERKEN INVOEGEN]</code> op de contactpagina.</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Bedrijfsgegevens juridische pagina's</strong> — KvK-nummer en vestigingsplaats staan als placeholder in Privacybeleid en Algemene voorwaarden; de algemene voorwaarden zijn een basisopzet en verdienen een juridische check vóór livegang.</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Echte Google-reviews, keurmerken en projectfoto's</strong> — nu placeholder-blokken in de trustsectie, exact zoals sectie 20 voorschrijft.</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Menu instellen in WordPress</strong> — koppel Uiterlijk > Menu's aan themalocatie "Hoofdmenu" en voeg een Aangepaste link naar https://www.centraaldakwerken.nl toe (zonder gekoppeld menu toont het thema dit al automatisch via het reservemenu).</span></li> <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="5 13 9 17 19 7"/></svg><span><strong>Prijsindicaties</strong> — realistische richtprijzen voor de Nederlandse markt, maar controleer en actualiseer ze met Centraal Dakwerken voordat ze live gaan.</span></li> </ul> </div> </section> </main> <footer class="site-footer"> <div class="container footer-top"> <div class="footer-brand"> <a class="logo" href="https://dakdekkervandaag-x6ch89twx6.live-website.com/"> <svg class="mark" viewBox="0 0 40 40" fill="none" aria-hidden="true"> <path d="M4 22 20 8l16 14" stroke="#F58220" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 20v13h22V20" stroke="#FFFFFF" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="logo-text">DakdekkerVandaag.nl</span> </a> <p>Een dakprobleem? Vandaag duidelijkheid van een ervaren dakdekker. DakdekkerVandaag.nl werkt samen met Centraal Dakwerken uit Haarlem en beoordeelt elke aanvraag persoonlijk.</p> </div> <div class="footer-col"> <h4>Diensten</h4> <ul> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/daklekkage/">Daklekkage</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakreparatie/">Dakreparatie</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakinspectie/">Dakinspectie</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/stormschade-dak/">Stormschade</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakonderhoud/">Dakonderhoud</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakrenovatie/">Dakrenovatie</a></li> </ul> </div> <div class="footer-col"> <h4>Dakproblemen</h4> <ul> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/plat-dak/">Plat dak</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/pannendak/">Pannendak</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakbedekking/">Dakbedekking</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakgoten/">Dakgoten</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/loodwerk/">Loodwerk</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/bitumen-dak/">Bitumen dak</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/epdm-dak/">EPDM dak</a></li> </ul> </div> <div class="footer-col"> <h4>Werkgebied</h4> <ul> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakdekker-haarlem/">Haarlem</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakdekker-amsterdam/">Amsterdam</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakdekker-hoofddorp/">Hoofddorp</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/dakdekker-amstelveen/">Amstelveen</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/#werkgebied">Heel het werkgebied</a></li> </ul> </div> <div class="footer-col"> <h4>Contact</h4> <ul> <li><a href="tel:+31645552204">06 4 555 22 04</a></li> <li><a href="mailto:info@dakdekkervandaag.nl">info@dakdekkervandaag.nl</a></li> <li><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/#aanvragen">Dakdekker aanvragen</a></li> <li><a data-wa="Goedendag, ik kom via DakdekkerVandaag.nl en wil graag foto's van mijn dakprobleem sturen." href="#">Stuur foto's via WhatsApp</a></li> </ul> </div> </div> <div class="footer-partner container">DakdekkerVandaag.nl werkt samen met <a href="https://www.centraaldakwerken.nl" style="color:#fff;text-decoration:underline;">Centraal Dakwerken</a>, dakdekkersbedrijf uit Haarlem.</div> <div class="footer-bottom"><div class="container"> <span>© 2026 DakdekkerVandaag.nl</span> <ul class="footer-legal"><li id="menu-item-77" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/privacybeleid/">Privacybeleid</a></li> <li id="menu-item-78" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/cookiebeleid/">Cookiebeleid</a></li> <li id="menu-item-79" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-79"><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/algemene-voorwaarden/">Algemene voorwaarden</a></li> <li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80"><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/disclaimer/">Disclaimer</a></li> <li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81"><a href="https://dakdekkervandaag-x6ch89twx6.live-website.com/contact/">Contact</a></li> </ul> </div></div> </footer> <nav class="bottombar" aria-label="Snelle acties"> <a href="tel:+31645552204"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.5 4h3l1.5 4-2 1.5a11 11 0 0 0 5.5 5.5L16 13l4 1.5v3a2 2 0 0 1-2.2 2C10.8 19 5 13.2 4.5 6.2A2 2 0 0 1 6.5 4Z"/></svg> <span>Bellen</span> </a> <a class="bb-whatsapp" data-wa="Goedendag, ik kom via DakdekkerVandaag.nl. Ik heb een probleem met mijn dak en wil graag foto's sturen voor een eerste beoordeling." href="#"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 18l-3.5 1L4.5 15A8 8 0 1 1 7 18Z"/><path d="M9 9.5c0 3 2.5 5.5 5.5 5.5.6 0 1-.5.8-1l-.3-1.2a.9.9 0 0 0-1-.6l-.9.2a4 4 0 0 1-2.5-2.5l.2-.9a.9.9 0 0 0-.6-1L9 8.2c-.5-.2-1 .2-1 .8Z"/></svg> <span>WhatsApp</span> </a> <a class="bb-request" href="https://dakdekkervandaag-x6ch89twx6.live-website.com/#aanvragen"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M8 7l1.5-2.5h5L16 7"/><circle cx="12" cy="13.5" r="3.5"/></svg> <span>Aanvragen</span> </a> </nav> <a class="wa-float" data-wa="Goedendag, ik kom via DakdekkerVandaag.nl. Ik heb een probleem met mijn dak en wil graag foto's sturen voor een eerste beoordeling." href="#" aria-label="Stuur ons een WhatsApp-bericht"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 18l-3.5 1L4.5 15A8 8 0 1 1 7 18Z"/><path d="M9 9.5c0 3 2.5 5.5 5.5 5.5.6 0 1-.5.8-1l-.3-1.2a.9.9 0 0 0-1-.6l-.9.2a4 4 0 0 1-2.5-2.5l.2-.9a.9.9 0 0 0-.6-1L9 8.2c-.5-.2-1 .2-1 .8Z"/></svg> </a> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/dakdekkervandaag/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="dakdekkervandaag-script-js-before"> var dvSettings = {"waNumber":"31645552204"}; //# sourceURL=dakdekkervandaag-script-js-before </script> <script id="dakdekkervandaag-script-js" src="https://dakdekkervandaag-x6ch89twx6.live-website.com/wp-content/themes/dakdekkervandaag/assets/script.js?ver=1.1.0"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://dakdekkervandaag-x6ch89twx6.live-website.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://dakdekkervandaag-x6ch89twx6.live-website.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>