Je homepage is de eerste pagina die de meeste bezoekers zien als ze besluiten meer over je bedrijf te leren. Dat maakt het de pagina waar het meeste op het spel staat en vaak ook de pagina die de minst gerichte aandacht krijgt in het ontwerp. De meeste homepages proberen alles te zeggen. De homepages die werken, zeggen één ding duidelijk.
Het ontwerp van je homepage bepaalt of je website werkt of het verkeer dat hij krijgt verspilt. Een homepage die netjes laadt en de volgende stap duidelijk maakt, houdt bezoekers in beweging. Een homepage die rommelig, traag of onduidelijk is, verliest ze voordat ze bij je beste inhoud komen.
In dit artikel lees je wat een homepage moet doen, hoe je de inhoud opbouwt en welke keuzes een homepage die converteert onderscheiden van een homepage die er gewoon is.
Wat moet een homepage doen?
Een homepage heeft één taak: de juiste bezoeker laten begrijpen dat hij op de goede plek is en hem laten zien waar hij daarna naartoe moet. Dat klinkt eenvoudig. De meeste homepages falen hierin omdat ze te veel dingen tegelijk proberen.
Bezoekers komen op een homepage vanuit verschillende plekken en met verschillende mate van kennis. Sommigen hebben precies gezocht op wat je aanbiedt en zijn klaar om te handelen. Sommigen hebben je naam van iemand gehoord en willen controleren of je betrouwbaar bent. Sommigen zijn aan het rondkijken en weten nog niet of ze iets nodig hebben. Goed homepageontwerp bedient alle drie zonder een algemene brochure te worden.
De duidelijkste manier om een homepage te beoordelen is vragen of een nieuwe bezoeker binnen vijf seconden na het landen drie vragen kan beantwoorden: wat is dit voor bedrijf, voor wie is het en wat moet ik nu doen? Is het antwoord op een van die vragen onduidelijk, dan werkt de homepage niet.
Wat hoort er above the fold op een homepage?
De sectie above the fold van een homepage weegt het zwaarst, omdat elke bezoeker die ziet voordat hij besluit te scrollen of te vertrekken. Ze moet de drie vragen hierboven zo direct mogelijk beantwoorden.
Een kop die zegt wat je doet en voor wie. Geen slogan of missie. Een eenvoudige, directe beschrijving van de waarde die je biedt. Een ondersteunende zin die specificiteit toevoegt of ingaat op de belangrijkste zorg van de bezoeker die je het liefst hebt. Een call-to-action die bezoekers die er klaar voor zijn een duidelijke volgende stap geeft, zonder druk voor wie dat niet is.
Een beeld dat de boodschap versterkt in plaats van vervangt. Abstracte beelden of puur decoratieve achtergronden voegen sfeer toe maar halen duidelijkheid weg. De sterkste beelden above the fold laten het product zien, het resultaat of de persoon die ervan profiteert.
Navigatie hoort in deze sectie. Bezoekers die verder willen kijken, hebben een manier nodig om dat te doen zonder ernaar te hoeven zoeken. Het artikel over wat above the fold is behandelt in detail wat het eerste scherm effectief maakt en hoe het zich op mobiel anders gedraagt dan op desktop.
Hoe bouw je de inhoud onder de vouw op?
Onder de vouw heeft de homepage ruimte om een verhaal op te bouwen voor de bezoeker die niet direct handelde. De opbouw die het best werkt, volgt een logische volgorde: wat je doet, bewijs dat het werkt, voor wie het is en wat je daarna doet.
Een korte uitleg van het kernaanbod, specifiek genoeg om bezoekers eruit te filteren die niet passen en om gerust te stellen wie wel past. Social proof in de vorm die het meest geloofwaardig is voor je bedrijf: klantquotes, resultaten, logo's van herkenbare klanten of een getal dat schaal laat zien. Een sectie die ingaat op de belangrijkste zorgen of situaties waaruit je beste klanten komen. Een tweede call-to-action voor bezoekers die tot hier hebben gelezen en nu klaar zijn.
Footernavigatie onderaan de homepage geeft bezoekers die alles hebben gelezen een manier om bij secundaire pagina's te komen. Het dient ook bezoekers die direct naar beneden scrollen op zoek naar contactgegevens, juridische links of andere pagina's die ze nodig hebben. Het artikel over wat websitenavigatie is behandelt het ontwerp van zowel hoofd- als footernavigatie in detail.
Wat maakt homepagetekst effectief?
Homepagetekst faalt op twee voorspelbare manieren. Ze is te vaag om iets te betekenen, of ze zegt zoveel dat niets blijft hangen.
De vage versie gebruikt taal als "Wij helpen bedrijven groeien" of "Wij veranderen de manier waarop je werkt." Deze uitspraken zijn technisch waar voor bijna elk bedrijf en dus voor geen enkel bedrijf op een nuttige manier. Een bezoeker kan er niet uit afleiden of je bedrijf relevant is voor zijn situatie.
De overvolle versie probeert elke functie uit te leggen, elk gebruiksgeval te noemen en elke mogelijke vraag op één pagina te beantwoorden. Het resultaat is een pagina die leest als een brochure en ook zo converteert.
De tekst die werkt is specifiek, direct en geschreven voor één type bezoeker. Ze noemt het probleem of de situatie, beschrijft het resultaat en maakt de volgende stap duidelijk. De beste homepagetekst leest alsof iemand die je bedrijf goed kent haar heeft geschreven voor iemand die bepaalt of hij je kan vertrouwen.
Hoe moet een homepage werken op mobiel?
Een homepage die alleen voor desktop is ontworpen, verliest de meeste bezoekers. Meer dan 60 procent van het webverkeer komt van mobiele apparaten, en de homepage is vaak de eerste pagina die die bezoekers zien.
Op mobiel klappen kolommen in de lay-out in, moeten lettergroottes groter zijn en moeten tikdoelen van knoppen ruim genoeg zijn voor een vinger. Het gedeelte above the fold is kleiner, waardoor de kop en de call-to-action in een krapper venster moeten werken. Grote decoratieve afbeeldingen die op desktop werken, vullen op mobiel vaak het hele scherm met niets nuttigs.
De homepage testen op een echte telefoon voordat je hem af vindt, is niet optioneel. Browservoorbeelden zijn handig tijdens het bouwen maar geven de ervaring van een apparaat met aanraking niet weer. Het artikel over hoe je een website mobielvriendelijk maakt behandelt alle aanpassingen waardoor een site echt bruikbaar is op een telefoon.
Beïnvloedt het ontwerp van de homepage SEO?
De homepage is meestal de pagina waar het vaakst naar wordt gelinkt en heeft de hoogste autoriteit. Hoe hij is opgebouwd, beïnvloedt zowel hoe zoekmachines de site begrijpen als hoe die autoriteit naar andere pagina's stroomt.
Een duidelijke kopstructuur, met één H1 die zegt waar de site over gaat en H2-secties over verwante onderwerpen, helpt zoekmachines de pagina te begrijpen. Interne links van de homepage naar belangrijke product-, dienst- of inhoudspagina's geven autoriteit door aan die pagina's en laten zien hoe belangrijk ze zijn.
Paginasnelheid op de homepage telt onevenredig zwaar omdat het de meest bezochte pagina is. Een homepage die traag laadt op mobiel, trekt de zoekprestaties van de hele site omlaag. Het artikel over wat webdesign is legt uit hoe keuzes in lay-out en structuur samenhangen met zoekprestaties. Voor het volledige beeld van zoekposities behandelt het artikel over wat SEO is de technische en inhoudelijke factoren die bepalen hoe pagina's scoren.
Zo regelt WEMASY het ontwerp van je homepage
De Websitebouwer van WEMASY bevat homepagesjablonen geordend per type bedrijf, elk opgebouwd rond een duidelijke sectie above the fold, een logische inhoudsstroom en responsive lay-outs voor mobiel. Met de visuele editor pas je inhoud, kleuren en secties aan zonder code aan te raken. Het mobiele voorbeeld laat tijdens het bouwen zien hoe de homepage eruitziet op een telefoon, zodat je na het publiceren niet voor verrassingen komt te staan.
Bekijk wat erbij zit op de WEMASY Websitebouwer of bekijk de abonnementen op de prijspagina.
Veelgestelde vragen
Hoe lang moet een homepage zijn?
Lang genoeg om de vragen te beantwoorden die een nieuwe bezoeker beantwoord wil hebben voordat hij handelt, en niet langer. Voor een eenvoudige dienstverlener zijn dat misschien drie tot vijf secties. Voor een product dat complexer is of een langere beslisperiode heeft, zijn het er misschien zeven of acht. Lengte is niet het doel. De juiste inhoud in de juiste volgorde wel. Een homepage die te kort is, laat bezoekers zonder genoeg informatie om te handelen. Een homepage die te lang is, verliest ze voordat ze bij de call-to-action komen. Met de Websitebouwer van WEMASY zet je dit direct op je website.
Hoeveel call-to-actions moet een homepage hebben?
Eén primaire call-to-action, herhaald op logische punten terwijl de bezoeker scrolt. Eén duidelijke primaire actie, of dat nu een gesprek boeken, een gratis proefperiode starten of een offerte aanvragen is, voorkomt dat de bezoeker moet kiezen tussen meerdere concurrerende opties. Secundaire acties als "Meer informatie" of "Bekijk hoe het werkt" kunnen naast de primaire bestaan, maar ze moeten duidelijk secundair aanvoelen, zodat de belangrijkste actie opvalt.
Moet een homepage een video hebben?
Een video kan goed werken op een homepage als hij iets laat zien dat echt moeilijk met tekst en beelden over te brengen is, zoals een productdemo of een proces. De risico's zijn laadtijd en automatisch afspelen. Een homepagevideo die automatisch met geluid afspeelt, frustreert de meeste bezoekers direct, vooral op mobiel. Een video die de laadtijd van de pagina met enkele seconden verlengt voordat er iets nuttigs verschijnt, schaadt het bouncepercentage. Neem je een video op, zorg dan dat hij optioneel is, standaard gedempt en de rest van de pagina niet blokkeert bij het laden.
Wat is de grootste fout die bedrijven maken op hun homepage?
Hem voor zichzelf ontwerpen in plaats van voor een nieuwe bezoeker. Ondernemers kennen hun product, hun onderscheidende kenmerken en hun verhaal. Nieuwe bezoekers kennen niets daarvan en beslissen in seconden of ze aandacht willen investeren. Het meest voorkomende resultaat is een homepage die opent met interne taal, vage koppen gebruikt die intern betekenisvol voelen maar een buitenstaander niets zeggen, en het echte aanbod verstopt achter een lange uitleg over de waarden van het bedrijf. De oplossing is de homepage te schrijven alsof je uitlegt wat je doet aan iemand die nooit van je gehoord heeft en een beetje sceptisch is.
Hoe vaak moet een homepage opnieuw worden ontworpen?
Als hij niet meer werkt, niet volgens een vast schema. Signalen dat een homepage aandacht nodig heeft, zijn een hoog bouncepercentage van nieuwe bezoekers, een lage conversie op de primaire call-to-action of feedback dat bezoekers niet begrijpen wat het bedrijf doet. Kleine aanpassingen in tekst, afbeeldingen en call-to-actions lossen de meeste problemen op zonder een volledig nieuw ontwerp. Een volledig nieuw ontwerp is logisch als het bedrijf sterk is veranderd, het huidige ontwerp niet meer laat zien wie het bedrijf is, of de technische basis zo verouderd is dat opnieuw bouwen makkelijker is dan oplappen.