Een one-page website kan in Google gevonden worden, maar je rankt vrijwel altijd maar op een handvol zoekwoorden. Eén pagina kan niet goed over tien onderwerpen tegelijk gaan, en Google ziet de secties op je pagina niet als losse pagina’s. Gebruik je een JavaScript-framework of single page app, dan komt daar nog bij dat Google je inhoud wel moet kunnen zien.
Twee dingen die vaak door elkaar lopen
Bij “single page website” bedoelen mensen twee verschillende dingen:
- Een one-page website: een site met één lange pagina, waarbij het menu naar secties scrollt (#diensten, #over-ons, #contact). Vaak gemaakt met een websitebouwer of een WordPress-thema.
- Een single page application (SPA): een technische bouwwijze waarbij de site in de browser met JavaScript wordt opgebouwd, bijvoorbeeld met React, Vue of Nuxt. Zo’n site kan wel meerdere pagina’s hebben, maar laadt technisch gezien één HTML-bestand.
Beide hebben eigen SEO-valkuilen. We behandelen ze apart.
One-page website en SEO: de beperkingen
Eén pagina, één onderwerp
Google rangschikt pagina’s, geen websites. Elke pagina krijgt één title, één meta description en idealiter één H1-kop. Op een one-page site moet die ene pagina over al je diensten tegelijk gaan. Daardoor is hij voor geen enkele zoekterm de beste match.
Een voorbeeld: een fysiotherapeut met behandelingen voor rugklachten, sportblessures en dry needling. Op een one-page site staan die alle drie in een korte sectie. Een concurrent met een uitgebreide pagina per behandeling wint bijna altijd van haar, omdat die pagina’s beter aansluiten op wat mensen zoeken.
Ankerlinks worden geen aparte pagina’s
Een link naar /#diensten is voor Google dezelfde pagina als /. Het deel na het hekje wordt genegeerd bij het indexeren. Je kunt dus niet met een sectie apart in de zoekresultaten komen.
Weinig ruimte voor inhoud en interne links
Om goed te ranken heb je vaak inhoud nodig die vragen beantwoordt, plus interne links die laten zien hoe onderwerpen samenhangen. Op één pagina wordt dat snel een eindeloze scroll die bezoekers niet uitlezen.
Wanneer een one-page website wel prima is
Niet elke site hoeft hoog te ranken op veel zoekwoorden. Een one-page website is prima als:
- je vooral gevonden wilt worden op je eigen bedrijfsnaam;
- je één dienst of product hebt, of een eenmalig evenement;
- klanten je vinden via doorverwijzing, social media of advertenties, en de site vooral vertrouwen moet geven;
- je lokaal werkt en je klanten vooral via je Google Bedrijfsprofiel komen.
Zo haal je het meeste uit een one-page site
- Kies één hoofdzoekwoord, bijvoorbeeld “fotograaf Haarlem”, en zet dat in de title, H1 en eerste alinea.
- Gebruik echte koppen (H2) per sectie, met de woorden die mensen gebruiken.
- Zorg dat alle tekst als HTML op de pagina staat, niet in afbeeldingen of sliders die pas laden als je klikt.
- Houd hem snel: lange pagina’s met veel beelden worden traag. Comprimeer afbeeldingen en laad ze pas als ze in beeld komen.
- Voeg gestructureerde data toe voor je bedrijfsgegevens, zodat Google je naam, adres en openingstijden goed begrijpt.
- Koppel je Google Bedrijfsprofiel aan de site en verzamel reviews.
Van one-page naar een paar pagina’s: de beste tussenweg
De oplossing hoeft geen grote website te zijn. Vaak is een opzet van vijf tot tien pagina’s genoeg:
| Pagina | Doel |
|---|---|
| Home | Overzicht en vertrouwen, rankt op je hoofdterm en bedrijfsnaam |
| Een pagina per dienst | Rankt op specifieke zoektermen, zoals “dry needling Zwolle” |
| Over ons | Vertrouwen en wie je bent |
| Contact | Adres, kaart, formulier |
| Eventueel blogs of veelgestelde vragen | Rankt op informatieve vragen |
Je kunt de homepage nog steeds als scrollende one-pager vormgeven, met per sectie een knop “Lees meer” naar de dienstpagina. Zo houd je het ontwerp en win je de SEO-voordelen.
Single page apps en JavaScript-sites: kan Google ze lezen?
Google kan JavaScript uitvoeren en ziet dus in principe ook inhoud die met JavaScript wordt geladen. Maar dat gaat in stappen: Google haalt eerst de HTML op, en rendert de pagina met JavaScript later. Als de HTML bijna leeg is, hangt alles af van die tweede stap. Andere zoekmachines en AI-crawlers voeren JavaScript vaak minder goed of helemaal niet uit.
Google legt dit zelf uit in de basisuitleg over JavaScript en SEO.
Waar het vaak misgaat bij JavaScript-sites
- URL’s met een hekje (/#/diensten). Gebruik echte URL’s (/diensten) via de History API.
- Links die geen echte links zijn. Google volgt alleen <a href>-links, geen knoppen met een klikfunctie.
- Dezelfde title en meta description op elke pagina, omdat ze niet per route worden aangepast.
- Inhoud die pas laadt na een klik of scroll. Google klikt en scrollt niet zoals een bezoeker.
- Foutpagina’s die een 200-status teruggeven in plaats van een echte 404.
- Geblokkeerde JavaScript-bestanden in robots.txt, waardoor Google de pagina niet kan opbouwen.
Server-side rendering: de oplossing
Bij server-side rendering (SSR) of static site generation (SSG) bouwt de server de HTML al op voordat de pagina naar de browser of Google gaat. De inhoud staat dan direct in de HTML, en JavaScript maakt de pagina daarna interactief. Dat is de veiligste keuze voor SEO.
Nuxt en SEO
Nuxt is een framework op basis van Vue dat standaard met server-side rendering werkt. Daarmee heb je de belangrijkste basis al goed. Let daarnaast op:
- per pagina een eigen title, meta description en canonical tag, bijvoorbeeld met de ingebouwde functies voor head- en SEO-meta;
- een sitemap en een robots.txt, via een module of zelf gegenereerd;
- schakel SSR niet uit voor pagina’s die je wilt laten ranken;
- gebruik de linkcomponent van Nuxt, die echte <a href>-links maakt.
Hetzelfde geldt grotendeels voor Next.js (React), Astro en SvelteKit.
Controleren wat Google ziet
Twijfel je of Google je inhoud kan lezen? Gebruik in Google Search Console de URL-inspectie en bekijk bij de geteste pagina de gerenderde HTML. Staat je tekst daarin, dan kan Google hem lezen. Meer over hoe pagina’s in Google komen lees je in je website laten indexeren.
Praktijkvoorbeeld: een fotograaf met een one-pager
Een fotograaf in Utrecht heeft een strakke one-page site met portfolio, tarieven en contact. Ze wordt gevonden op haar naam, maar niet op “bruidsfotograaf Utrecht” of “zakelijke portretten Utrecht”. De homepage gaat over alles, dus over niets echt.
Ze houdt de scrollende homepage, maar voegt drie pagina’s toe: bruiloften, zakelijke portretten en gezinsshoots. Elke pagina krijgt een eigen title, voorbeelden, werkwijze en veelgestelde vragen. De homepage verwijst er met een knop naar. Zo heeft Google per zoekvraag een pagina die precies past, terwijl de site er voor bezoekers hetzelfde uitziet.
Zelf doen of uitbesteden?
Een one-page site uitbreiden met een paar dienstpagina’s kun je zelf, zeker in WordPress of een websitebouwer. Ook de basis (titles, koppen, tekst als HTML) heb je zelf in de hand.
Bij een JavaScript-site ligt het anders. Of rendering, routes en metatags goed werken, is vaak niet te zien zonder technische controle. Laat dat nakijken voordat je live gaat of als je merkt dat pagina’s niet geïndexeerd worden. Twijfel je over het platform zelf, lees dan welk CMS het beste is voor SEO.
Tot slot
Een one-page website is prima als visitekaartje, maar beperkt als je op meerdere zoektermen gevonden wilt worden. Voeg een pagina per dienst toe en houd de scrollende homepage als je die mooi vindt. Bij JavaScript-sites is server-side rendering de basis. Wil je weten wat jouw site nodig heeft om beter gevonden te worden? Bekijk dan onze aanpak voor zoekmachine-optimalisatie.
Veelgestelde vragen
Is een one-page website slecht voor SEO?
Niet slecht, wel beperkt. Je kunt met één pagina ranken op je bedrijfsnaam en een paar hoofdtermen, maar niet goed op meerdere diensten of vragen tegelijk.
Ziet Google de secties van mijn one-page site als aparte pagina’s?
Nee. Alles na het hekje in een URL, zoals /#diensten, wordt door Google genegeerd. De hele pagina telt als één URL.
Kan Google JavaScript-websites lezen?
Google kan JavaScript uitvoeren, maar doet dat in een latere stap. Met server-side rendering staat je inhoud direct in de HTML, wat veiliger is voor Google en andere zoekmachines.
Is Nuxt goed voor SEO?
Ja, Nuxt werkt standaard met server-side rendering. Zorg wel dat elke pagina een eigen title, meta description en canonical heeft, en dat je een sitemap hebt.
Neem contact met ons op!
