WordPress draait op zo'n 43% van alle websites wereldwijd, en de kans is groot dat jouw site er ook één is. UpPage levert pagina's in plakbare HTML, en WordPress accepteert HTML zonder gedoe. Hieronder loop ik het volledige proces met je door, van nieuwe pagina aanmaken tot publiceren.
Werk je in Divi? Dan is het iets anders, lees daarvoor pagina plaatsen in Divi. Gebruik je een ander CMS zoals Webflow of Wix? Zie pagina plaatsen in andere CMS.
Wat heb je nodig voor je begint?
Een korte checklist voor je in WordPress duikt:
- →De HTML van je UpPage-pagina, gekopieerd naar je klembord
- →De bijbehorende RankMath of Yoast SEO-velden (focus-keyword, meta-titel, beschrijving, slug)
- →De uitgelichte afbeelding (1200 × 630 pixels, met alt-tekst)
- →Inloggegevens voor je WordPress-beheer (met rechten om pagina's te publiceren)
Stap 1: nieuwe pagina aanmaken
Log in op je WordPress-dashboard via jouwbedrijf.nl/wp-admin. In het linkermenu klik je op Pagina's, daarna op Nieuwe pagina. Je komt nu in de editor.
Vul bovenaan de titel in. Belangrijk: gebruik dezelfde titel als de H1 van de UpPage-pagina, of een hele kleine variant ervan. WordPress gebruikt deze titel ook voor de URL (de "slug"), dus dat is meteen je SEO-titel.
Sla de pagina nu al op als Concept. Daarmee voorkom je dat je werk verloren gaat als je browser per ongeluk dichtgaat.
Stap 2 (Gutenberg): plak HTML in een Custom HTML-blok
Gutenberg is de standaard editor van moderne WordPress-installaties. Werkt met blokken. Wat je doet:
- 1
Voeg een Custom HTML-blok toe
Klik op het plus-icoon, zoek op "Custom HTML" (Aangepaste HTML in het Nederlands). Voeg het blok toe.
- 2
Plak de HTML uit UpPage
Druk Ctrl+V (Windows) of Cmd+V (Mac) in het blok. Plak alles tussen
en de afsluitende.- 3
Klik op "Voorbeeld"
Boven het blok staat een Voorbeeld-knop. Klik erop om de gerenderde pagina te zien zonder te publiceren. Ziet alles eruit zoals verwacht? Door naar stap 3.
Stap 2 (Classic Editor): schakel naar Tekst-modus
Gebruik je de Classic Editor? Bovenin de editor staan twee tabbladen: Visueel en Tekst. Voor HTML plakken werk je in de Tekst-modus.
Klik op de Tekst-tab, plak de HTML in het tekstveld, en switch dan terug naar Visueel om te controleren of het er goed uitziet. Belangrijk: WordPress kan in Visuele modus soms je inline styles "opschonen". Blijf daarom zoveel mogelijk in Tekst-modus tot je gepubliceerd hebt.
Veelvoorkomend probleem
wpautop voegt
-tags toeWordPress heeft een filter ("wpautop") die regeleinden in HTML omzet naar
-tags. Dat kan je layout breken. De HTML die UpPage levert is geminificeerd (alles op één regel) om dit te voorkomen. Bewerk de regelafbreking dus niet in WordPress, anders krijg je gebroken layouts.Stap 3: SEO-velden invullen
Scroll naar de SEO-metabox onderaan de editor (RankMath of Yoast). UpPage levert alle SEO-velden kant en klaar aan in de RankMath-instructiekop bovenaan je geleverde inhoud. Kopieer die letterlijk over:
- →Focus keyword: de hoofdterm waarop je wilt scoren
- →SEO Titel: wat in de Google-resultaten staat (max 60 tekens)
- →Meta Description: de korte beschrijving onder de titel (max 156 tekens)
- →Slug: het laatste deel van de URL. Controleer dat WordPress geen rare slug heeft aangemaakt.
- →Social-tab: titel en beschrijving voor Facebook/Twitter, plus de afbeelding
Voor meer detail over de SEO-velden lees je SEO-velden invullen met RankMath of Yoast.
Stap 4: uitgelichte afbeelding instellen
Rechts in de editor (Gutenberg) of in de zijbalk (Classic) zie je een blok "Uitgelichte afbeelding". Klik op "Afbeelding instellen", upload de PNG die UpPage heeft meegeleverd, en geef hem de juiste alt-tekst.
Deze afbeelding wordt getoond als iemand je pagina deelt op LinkedIn, Facebook of WhatsApp, en soms ook in Google Discover. Skippen kost je veel doorkliks. Voor het hoe en waarom: featured image toevoegen aan je pagina.
Stap 5: een laatste check en publiceren
Voor je op Publiceren drukt, loop deze checklist nog even langs:
- ✓De voorbeeldweergave ziet er goed uit (geen gebroken layout)
- ✓SEO-titel en meta description zijn ingevuld
- ✓De slug bevat het focus-keyword en is niet te lang
- ✓Uitgelichte afbeelding ingesteld, met alt-tekst
- ✓Je hebt een interne link naar deze pagina toegevoegd vanaf een andere pagina (homepage, dienst-pagina)
Klik op Publiceren (Gutenberg) of Bijwerken (Classic), bevestig in het popup, en klaar. Open de pagina in een incognito-tab om te controleren of alles online staat.
Wat doe je direct na publiceren?
Drie kleine acties die het verschil maken:
- 1
Dien de URL in via Google Search Console
In Search Console plak je de URL in de URL-inspectie bovenaan en klik op "Aanvraag voor indexering". Google ziet je pagina dan sneller.
- 2
Check je sitemap
Bezoek
jouwbedrijf.nl/sitemap_index.xmlen kijk of de nieuwe pagina erin staat. Zo niet, lees sitemap indienen bij Google Search Console. - 3
Voeg interne links toe
Open één tot drie bestaande pagina's op je site en link daarvanaf naar deze nieuwe pagina. Dat versnelt indexering enorm en helpt met de ranking.
Samengevat
Pagina plaatsen in WordPress is een proces van 5 stappen: nieuwe pagina aanmaken, HTML plakken in een Custom HTML-blok (Gutenberg) of via Tekst-modus (Classic), SEO-velden invullen, uitgelichte afbeelding instellen, en publiceren.
Direct na publicatie dien je de URL in via Search Console, check je je sitemap, en voeg je interne links toe. Reken op een paar dagen tot enkele weken voor je de pagina ziet ranken in Google. AI-zoekmachines pikken hem vaak sneller op.
- 3