Wat moet er op de homepage van je website staan? 7 onderdelen

Een goede homepage vertelt een bezoeker snel wat je doet, voor wie je werkt en wat die persoon hierna kan doen. Dat klinkt eenvoudig, maar veel homepages beginnen met een algemene slogan, een lange lijst diensten of informatie over het bedrijf voordat duidelijk is waarom een bezoeker zou blijven.

Er bestaat geen vaste homepage-indeling die voor iedere organisatie werkt. De juiste volgorde hangt af van wat bezoekers proberen te beslissen. Gebruik de zeven onderdelen hieronder als inhoudelijke checklist: behoud wat helpt, schrap wat afleidt en vul ontbrekende informatie aan met feiten die je kunt onderbouwen.

1. Begin met een concrete belofte

De eerste tekst moet antwoord geven op drie vragen: wat bied je aan, voor wie is het en welk probleem helpt het oplossen? Een korte, specifieke kop is meestal duidelijker dan een slogan die alleen jouw werkwijze beschrijft.

Een bruikbare werkzin is:

Ik help [type klant] met [concrete dienst of resultaat] zodat [relevant voordeel].

Dat is een invuloefening, geen tekst die je letterlijk moet publiceren. Schrijf vanuit de bezoeker en benoem alleen een resultaat dat je werkelijk kunt leveren. Als je voor meerdere doelgroepen werkt, kies dan op de homepage de hoofdgroep en verwijs andere bezoekers naar een passende pagina.

2. Maak de eerste schermhoogte begrijpelijk

Bezoekers moeten bij het openen van de pagina snel een idee krijgen of ze op de juiste plek zijn. Zet daarom in het eerste zichtbare gedeelte een duidelijke hoofdkop, een korte toelichting en één herkenbare volgende stap. Een afbeelding kan de context ondersteunen, maar mag de kernboodschap niet vervangen.

Gebruik één duidelijke hoofdkop voor de hoofdboodschap van de pagina. Maak de tekst eronder concreet: noem de dienst, regio of doelgroep wanneer die details bepalen of iemand bij je aanbod past. Zet ook de belangrijkste actie bij de boodschap, bijvoorbeeld een gesprek aanvragen of een dienst bekijken.

Dit is vooral een hulpmiddel voor oriëntatie; een knop bovenaan garandeert geen aanvragen. Controleer of de actie logisch is voor iemand die je nog niet kent. Een bezoeker die eerst wil begrijpen wat je doet, heeft mogelijk een andere stap nodig dan iemand die al klaar is om contact op te nemen.

3. Leg kort uit wat je aanbiedt

Beschrijf je belangrijkste diensten of producten in woorden die een bezoeker gebruikt. Een lijst met interne vaktermen dwingt mensen eerst jouw organisatie te ontcijferen. Geef per aanbod een korte uitleg en link door naar een pagina waar iemand details, voorwaarden of voorbeelden vindt.

Als je maar één dienst aanbiedt, hoef je geen kunstmatige dienstencatalogus te maken. Leg dan uit voor wie de dienst bedoeld is en wat iemand mag verwachten. Als je meerdere diensten aanbiedt, groepeer ze dan op de behoefte van je klant in plaats van op interne teams of technische namen.

Gebruik gewone links met beschrijvende ankertekst. Google adviseert linktekst begrijpelijk en relevant te maken voor de pagina waarnaar de link verwijst; dat helpt mensen en crawlers de relatie tussen pagina's te begrijpen. (Google over crawlbare links en linktekst)

4. Geef geloofwaardig bewijs

Een bezoeker kan willen weten waarom die jouw aanbod zou vertrouwen. Gebruik bewijs dat echt bestaat en past bij de beslissing: voorbeelden van werk, uitleg van je aanpak, relevante ervaring of een testimonial waarvan je toestemming en herkomst kunt bevestigen.

Heb je nog geen klantcases of reviews die je mag tonen? Verzin ze niet en suggereer geen resultaten die je niet kunt aantonen. Je kunt ook uitleggen hoe je te werk gaat, een eigen demonstratie tonen die duidelijk als voorbeeld is aangeduid, of vertellen welke informatie iemand vóór een samenwerking krijgt.

Maak onderscheid tussen een feit en een belofte. “Ik ontwerp en bouw websites” beschrijft een dienst; “meer klanten in twee weken” voorspelt een resultaat. Gebruik alleen zulke resultaatclaims wanneer je ze eerlijk kunt onderbouwen en de voorwaarden duidelijk maakt.

5. Laat zien wat iemand kan verwachten

Een korte uitleg van je werkwijze verlaagt onzekerheid. Beschrijf de echte stappen, van eerste contact tot oplevering, en leg uit wat je van de klant nodig hebt. Houd de uitleg op hoofdlijnen; detail hoort op een aparte proces- of dienstpagina.

Bij een dienst kan dat bijvoorbeeld zijn: vraag bespreken, voorstel ontvangen, werk uitvoeren en samen controleren. Gebruik dit alleen als het jouw echte proces is. Neem geen vaste doorlooptijden, aantallen revisies of inbegrepen onderdelen op voordat die duidelijk zijn afgesproken.

Een helder proces maakt ook zichtbaar of een bezoeker nu al klaar is voor contact. Als je eerst voorbeelden of een briefing nodig hebt, maak dat dan eenvoudig vindbaar in plaats van het pas na het formulier te melden.

6. Beantwoord vragen die een keuze blokkeren

Zet op de homepage alleen antwoorden die iemand nodig heeft om te beslissen. Denk aan vragen over voor wie je werkt, welk gebied je bedient, wat de eerste stap is en waar iemand meer details kan vinden. Vragen over technische voorwaarden of uitzonderingen kunnen beter op de relevante dienstpagina staan.

Schrijf vragen vanuit echte gesprekken of terugkerende onduidelijkheden. Vul geen FAQ-blok met zoekwoorden omdat het er op een homepage verwacht wordt. Als je nog geen veelgestelde vragen kent, is een korte uitleg over de volgende stap vaak eerlijker en nuttiger.

7. Herhaal de volgende stap en maak contact vindbaar

Sluit af met een passende actie en zorg dat contactgegevens of een contactlink ook in de navigatie of footer vindbaar zijn. Herhaal dezelfde hoofdactie wanneer dat logisch voelt; geef niet elk blok een andere knop met een even zwaar visueel accent.

Laat de bestemming kloppen met de belofte. Een knop “Bespreek je project” hoort naar een contactroute te leiden waar iemand het project kan toelichten. Controleer op mobiel of de knop nog zichtbaar en bedienbaar is en of het formulier begrijpelijke velden en foutmeldingen heeft. Gebruik de gidsen over een website op mobiel testen en een websiteformulier testen vóór livegang voor die controles.

Een eenvoudige volgorde voor een kleine website

Je kunt de onderdelen als startvolgorde gebruiken:

1. Hoofdboodschap met doelgroep, aanbod en primaire actie.
2. Korte uitleg van het aanbod of de belangrijkste dienst.
3. Echte voorbeelden of andere controleerbare redenen om je te vertrouwen.
4. Een korte beschrijving van de werkwijze.
5. Antwoorden op vragen die een keuze in de weg staan.
6. Een duidelijke vervolgstap met bereikbare contactinformatie.

Dat is geen verplicht ontwerp. Een portfolio kan voorbeelden eerder tonen; een specialist met één duidelijke dienst kan het aanbod sneller uitleggen. Beoordeel elk blok aan de hand van de bezoekerstaak: helpt dit iemand kiezen, begrijpen of verdergaan?

Controleer de tekst en SEO-basis

Lees de homepage alsof je de organisatie nog niet kent. Begrijp je na de eerste alinea wat er wordt aangeboden? Kan je aangeven voor wie het bedoeld is? Is de volgende stap duidelijk? Staan er claims die je niet aan een echte bron, afspraak of voorbeeld kunt koppelen?

Geef ook de browser- en zoekresultaattitel een beschrijvende naam. Google raadt aan elke pagina een eigen, duidelijke en beknopte <title> te geven; Google kan de titel in een zoekresultaat bovendien zelf aanpassen op basis van pagina-inhoud. Een passende titel helpt dus bij de beschrijving, maar bepaalt niet alleen of en hoe een pagina verschijnt. (Google over titellinks in zoekresultaten)

Gebruik koppen om inhoud echt te ordenen. W3C beschrijft hoe kopniveaus de structuur van een pagina communiceren en navigatie binnen de inhoud ondersteunen. Kies dus koppen die vertellen wat in de sectie staat, en gebruik de juiste semantische kopniveaus in de paginaopbouw. (W3C over koppen en paginstructuur)

Checklist vóór je homepage live gaat

• ☐ De hoofdkop zegt wat je aanbiedt en voor wie.
• ☐ De eerste alinea maakt duidelijk waarom de pagina relevant is.
• ☐ De primaire actie past bij wat een nieuwe bezoeker nu kan doen.
• ☐ Aanbod en diensten zijn uitgelegd in gewone, concrete taal.
• ☐ Voorbeelden, ervaring en claims zijn echt en controleerbaar.
• ☐ De werkwijze beschrijft wat je werkelijk doet en belooft.
• ☐ Alleen relevante vragen krijgen een plek op de homepage.
• ☐ Contact en de volgende stap zijn ook op mobiel makkelijk vindbaar.
• ☐ De paginatitel beschrijft deze homepage specifiek en beknopt.
• ☐ Andere belangrijke pagina's zijn met begrijpelijke links bereikbaar.

Vraag Claude Code om eerst de boodschap te onderzoeken

Claude Code kan bestaande teksten en componenten inventariseren en opties voor de structuur voorstellen. Vraag het eerst te benoemen welke inhoud ontbreekt en welke claims controleerbaar zijn. Laat het geen reviews, klantresultaten of servicevoorwaarden bedenken om lege plekken op te vullen.

Onderzoek de homepage van [website of route] en beschrijf welke bezoeker ze probeert te helpen, wat het aanbod is en welke volgende stap wordt gevraagd.

Wijzig nog geen bestanden. Noteer welke boodschap al duidelijk is, welke informatie ontbreekt en welke claims ik eerst moet bevestigen. Verzin geen cases, reviews, resultaten, prijzen of voorwaarden.

Stel daarna een compacte homepagevolgorde voor met kop, uitleg, bewijs uit bestaande bronnen en passende interne links. Behoud alle bestaande routes en functies.

Voor de SEO-basis kun je ook de checklist voor een nieuwe website gebruiken. Een goede homepage moet eerst de juiste bezoeker helpen begrijpen wat je doet; optimaliseer de structuur pas daarna op basis van wat mensen echt nodig hebben.