--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/seo' title: 'SEO-vriendelijke pagina’s bouwen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:01:49+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Hier bouw je één dienstenpagina zoals zoekmachines hem het liefst lezen: de paginatitel als enige kop 1, daaronder koppen op volgorde, alt-tekst bij de afbeelding en een knop die zegt waar hij heen gaat. Gebruik hem als checklist voor elke pagina die je publiceert. Paginatitels, beschrijvingen en URL’s staan buiten de builder; de laatste sectie toont waar. De video bouwt de pagina “Vraag een parkeervergunning voor bewoners aan” van een gemeente. tags: - 'Follow a tutorial' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T04:01:49+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'SEO-vriendelijke pagina’s bouwen' description: |- Hier bouw je één dienstenpagina zoals zoekmachines hem het liefst lezen: de paginatitel als enige kop 1, daaronder koppen op volgorde, alt-tekst bij de afbeelding en een knop die zegt waar hij heen gaat. Gebruik hem als checklist voor elke pagina die je publiceert. Paginatitels, beschrijvingen en URL’s staan buiten de builder; de laatste sectie toont waar. De video bouwt de pagina “Vraag een parkeervergunning voor bewoners aan” van een gemeente. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:01:49+0000' dateModified: '2026-10-24T04:01:49+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/seo' articleSection: 'Volg een tutorial' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/tutorials/seo' description: |- Hier bouw je één dienstenpagina zoals zoekmachines hem het liefst lezen: de paginatitel als enige kop 1, daaronder koppen op volgorde, alt-tekst bij de afbeelding en een knop die zegt waar hij heen gaat. Gebruik hem als checklist voor elke pagina die je publiceert. Paginatitels, beschrijvingen en URL’s staan buiten de builder; de laatste sectie toont waar. De video bouwt de pagina “Vraag een parkeervergunning voor bewoners aan” van een gemeente. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/nl/hc/documentation/learn-dxpr-builder/tutorials/overview) # SEO-vriendelijke pagina’s bouwen. DXPR Builder lerenPagina’s bouwenVolg een tutorial ## In deze gids Gerelateerde gidsen - [Een afbeelding toevoegen](/nl/hc/documentatie/dxpr-builder-leren/elementen/afbeelding) - [Een link toevoegen](/nl/hc/documentatie/dxpr-builder-leren/elementen/link) - [Een tekstelement toevoegen](/nl/hc/documentatie/dxpr-builder-leren/elementen/tekst) Hier bouw je één dienstenpagina zoals zoekmachines hem het liefst lezen: de paginatitel als enige kop 1, daaronder koppen op volgorde, alt-tekst bij de afbeelding en een knop die zegt waar hij heen gaat. Gebruik hem als checklist voor elke pagina die je publiceert. Paginatitels, beschrijvingen en URL’s staan buiten de builder; de laatste sectie toont waar. De video bouwt de pagina “Vraag een parkeervergunning voor bewoners aan” van een gemeente. ## Voordat je begint - Je rol heeft de permissie **Bewerken met DXPR Builder**. - De mediabibliotheek bevat een foto die bij de dienst past. - De pagina is open in de builder. Ga voor een nieuwe naar **Inhoud** > **Inhoud toevoegen** > **Landingspagina** (`/node/add/landing_page`), typ een duidelijke **Titel** zoals “Vraag een parkeervergunning voor bewoners aan” en klik op **Opslaan**. Het thema drukt deze titel af als kop 1 van de pagina. ## Stap 1: begin de inhoud bij kop 2 Gebruik koppen op volgorde zodat de pagina als een overzicht leest. Het thema drukt de paginatitel af als **kop 1** van de pagina, dus de builderinhoud begint bij **Kop 2** voor hoofdsecties, met **Kop 3** voor subsecties. Gebruik kop 4 tot 6 spaarzaam. 1. Klik op **Add Elements** op de lege pagina en kies **Sectie** op het tabblad **Lay-out**. 2. Klik op **+** op de sectie en kies **Tekst** op het tabblad **Inhoud**. 3. Typ “Vraag aan in vijf minuten” en kies **Kop 2** in de kopdropdown. 4. Voeg op een nieuwe regel de samenvatting toe als normale tekst: “Bewoners van zones A tot en met D kunnen online aanvragen. Vergunningen worden binnen vijf werkdagen verleend.” Klik op **Opslaan**. Laat **kop 1** over aan de paginatitel. Om in plaats daarvan een builderkop kop 1 van de pagina te maken, verberg je eerst de thematitel op deze pagina. Open op DXPR CMS het bewerkingsformulier van de pagina, open **DXPR-thema-instellingen**, vink **Paginatitel** aan onder **DXPR Regio’s verbergen** en klik op **Opslaan**. DXPR Theme verbergt de titel al op de voorpagina. Kies nooit een kopniveau om zijn grootte: verander de grootte in plaats daarvan met **Tekengrootte** in het paneel **Stijl** van het element. ## Stap 2: een sectie voor de details 1. Beweeg over de sectie en klik op **Sectie hieronder toevoegen**. 2. Klik op **+** op de nieuwe sectie en kies **Rij**; deze komt met twee gelijke kolommen. Klik op het rasterpictogram (**Kolomindeling**) op de besturingsbalk van de rij, kies de preset **2/3 + 1/3** en klik op **Opslaan**. Nieuwe elementen belanden bovenaan een kolom. Dus de volgende drie stappen vullen de brede kolom van onder naar boven: de knop, de subsectie, daarna de sectiekop. ## Stap 3: beschrijvende linktekst schrijven Linktekst vertelt zoekmachines waar de bestemming over gaat. Vermijd “klik hier” en “lees meer”. 1. Klik op **+** in de brede kolom en kies **Knop**. 2. Zet **Titel** op “Start je parkeervergunningsaanvraag”, **Link** op `/parking/apply` en **Type** op **Primary**, en klik daarna op **Opslaan**. ## Stap 4: een subsectie met kop 3 1. Klik opnieuw op **+** in de brede kolom en kies **Tekst**; deze belandt boven de knop. 2. Typ “Wat je nodig hebt” en kies **Kop 3**. 3. Typ de documenten, één per regel: “Bewijs van adres”, “Kentekenbewijs”. Klik op **Opslaan**. ## Stap 5: een sectiekop met kop 2 1. Klik nog een keer op **+** in de brede kolom en kies **Tekst**. 2. Typ “Wie kan aanvragen” en kies **Kop 2**. 3. Voeg de regel voor wie mag aanvragen in één regel toe, en klik daarna op **Opslaan**. ## Stap 6: alt-tekst toevoegen aan de afbeelding Elke afbeelding heeft een alt-attribuut nodig dat de inhoud beschrijft. 1. Klik op **+** in de smalle kolom en kies **Afbeelding**. 2. Klik op **Afbeelding selecteren**, doorzoek de mediabibliotheek met **Filters toepassen**, vink de foto aan en klik op **Geselecteerde invoegen**. 3. Open het paneel **SEO** en vul het **alt-attribuut** in: “Laptops, telefoons en kopjes thee op een gedeeld houten bureau”. Klik op **Opslaan**. Schrijf de alt-tekst voor iemand die de afbeelding niet kan zien. Laat hem alleen leeg voor afbeeldingen die pure decoratie zijn. Gebruik **Titelattribuut** alleen wanneer een tooltip iets toevoegt; het vervangt geen alt-tekst. ## Stap 7: opslaan en vooraf bekijken 1. Klik op **Opslaan** op de werkbalk van de builder. 2. Open het weergavemenu (het **oogpictogram**), kies **Voorvertoning** en controleer dat de koppen op volgorde lezen. ## Verder gaan Niet getoond in de video: - **Afbeeldingsgrootte**: verklein afbeeldingen vóór het uploaden tot de breedte waarop ze tonen; 1200 pixels dekt een volle kolom. Houd **Afbeeldingsbreedte** op 100%, laat **Afbeeldingshoogte** leeg en houd elk bestand onder 300 KB, want snelheid beïnvloedt de ranking. - **Links om te negeren**: voeg voor een inlogpagina of iets dergelijks een element **Link** toe, open het paneel **SEO** en zet **Tell search engines not to follow** aan. - **Tekstlinks**: selecteer in een Tekst-element de woorden en gebruik de linkknop op de werkbalk. Houd de gelinkte woorden betekenisvol: “de zonekaart voor vergunningen”, niet “hier”. - **Ankers**: open **More** > **Settings** op een sectie, zet **HTML-id** op een korte kleine naam zoals `who-can-apply`, en link ernaartoe met `#who-can-apply`. ## Houd de HTML semantisch Tekst-, Knop-, Link- en Afbeelding-elementen produceren standaard `

`- tot `

`-, `

`-, `