SEO-vriendelijke pagina’s bouwen.

Learn DXPR BuilderBuild pagesVolg een tutorial

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 <h1>- tot <h6>-, <p>-, <ul>-, <a>- en <img>-tags. Gebruik die elementen voor inhoud. Bewaar het element HTML voor insluitcode die geen ander element kan produceren.

Metadata en URL’s

Paginatitels, metabeschrijvingen en URL’s staan in Drupal, buiten de builder:

  • Metatag-module: stel titeltags, beschrijvingen en Open Graph-tags in bij Configuratie > Zoeken en metadata > Metatag (/admin/config/search/metatag), of per pagina op het nodebewerkingsformulier.
  • Pathauto-module: bouw schone URL’s uit paginatitels bij Configuratie > Zoeken en metadata > URL-aliassen > Patronen (/admin/config/search/path/patterns).

Wat je ziet

De voorvertoning toont de paginatitel als kop 1 van de pagina, daarna “Vraag aan in vijf minuten” als kop 2 met de samenvatting eronder. In de brede kolom komt “Wie kan aanvragen” eerst, daarna “Wat je nodig hebt” met de twee documenten en de knop Start je parkeervergunningsaanvraag. De foto staat in de smalle kolom, en de alt-tekst blijft buiten beeld.

Als je de pagina niet ziet zoals getoond

  • De koppen lezen in de verkeerde volgorde. Nieuwe elementen belanden bovenaan hun kolom, dus het laatste dat je toevoegt komt eerst. Sleep elk Tekst-element op zijn plek aan de sleepgreep op de besturingsbalk.
  • Een kop ziet er te groot of te klein uit. Je thema stelt één grootte per kopniveau in. Behoud het niveau dat bij het overzicht past en verander Tekengrootte in het paneel Stijl van het element.
  • Je kunt de alt-tekst niet vinden op de pagina. Alt-tekst is bedoeld voor schermlezers en zoekmachines, dus de pagina toont hem nooit. Open de instellingen van de afbeelding en controleer in plaats daarvan het paneel SEO.
  • Zoekresultaten tonen de verkeerde paginatitel. De builder stelt de titeltag niet in. Stel hem in met de module Metatag, zoals beschreven onder Metadata en URL’s.

Wat nu?