Error 404 pagina's: wat zijn het en hoe maak je ze aantrekkelijker?

Een bezoeker krijgt een 404-pagina voorgeschoteld als de oorspronkelijke pagina is hernoemd of verplaatst. Bij webshops is dat vaak omdat het product niet meer verkocht wordt. Weg productpagina! Maar wat moet een bezoeker op zo'n lelijke 404-pagina? Alles liever dan je webshop verlaten! Daarom: 3 tips om je 404-pagina's te pimpen en juist klanten voor je te winnen. 

Wat is een http error 404?

Een http error 404 is een foutmelding die een gebruiker te zien krijgt als hij bij het invoeren van een URL een typfout maakt óf als een pagina op een website een nieuwe naam heeft gekregen of verplaatst is. Dit kan bijvoorbeeld gebeuren als een bepaald product niet meer wordt aangeboden.

‘Http error 404’ voorkomen?

Laten we vooropstellen dat je een 404 error liever niet hebt. Gebruik je Google Search Console (voorheen Google Webmaster Tool)? Check daarmee dan regelmatig of er 404 not found-meldingen voorkomen of schakel een speciale 404-tracker app uit de Shopify Appstore in. Maar hoe hard je ook werkt, je voorkomt niet dat een klant ooit een 404 error te zien krijgt. Een typfout is immers zo gemaakt. Wat je wel kunt doen, is deze negatieve ervaring omzetten in iets positiefs, voor je klant en voor je webshop. Hoe je dit aanpakt? Dat lees je hieronder.

Ga verder dan een standaard '404 not found'-pagina

Maar wil je een standaard 404-pagina waarbij de meeste mensen direct afhaken? Uiteraard niet. Een standaard 404-pagina doet niks meer dan bezoekers melden dat de gezochte pagina niet gevonden is. Frustrerend en het helpt bezoekers niet verder. Een potentiële klant heeft interesse getoond in je webshop, dus laat hem niet zomaar vertrekken. Een vriendelijke 404 not found-pagina hoeft niet veel tijd of moeite te kosten. Je wint er je bezoeker mee terug. Zo zet je een negatief effect om in een positieve ervaring.

3 tips om een goede 404-pagina te maken

1. Help mee met zoeken én vinden

Oké, de bezoeker heeft niet direct gevonden waarvoor hij kwam, maar pak deze tweede kans aan om je bezoeker wél te laten slagen. Allereerst heb je goede navigatie-opties nodig, een duidelijke link naar je homepage en het menu. Maar je kunt nog meer doen bij een 404-foutmelding. Denk aan het prominent weergeven van een interne zoekfunctie of een overzicht met de populairste of nieuwste producten of productgroepen. Weg van deze 404-foutmelding en op naar de shop. Kortom: vertel de bezoeker where to go and what to do.

Bekijk maar eens de heldere zoekoptie onderaan de 404 error van Klap:

Maar ook de 404-pagina van United by blue, met een verwijzing naar de new arrivals, is een sterk voorbeeld:

2. Een glimlach doet altijd wonderen

Tover de teleurstelling van een error 404 om tot een glimlach. Zorg voor een goede vibe, gebruik humor en eerlijkheid, maar doe dit wel in de sfeer die bij je webshop past. Blijf trouw aan je merk! Het kan met woorden, met afbeeldingen of zelfs met een animatie of video. Een goede 404-pagina zorgt ervoor dat de eerste teleurstelling van een niet gevonden pagina als sneeuw voor de zon verdwijnt, de bezoeker een goed gevoel overhoudt aan je merk en meteen verder winkelt in je shop.

Dat het ook heel goed alleen met tekst kan, laat de error 404 van Goodr zien. 😊

Ook een glimlach door Plantsome:

3. Maak je 404-pagina ‘exclusief’

Een 404 not found-pagina zit niet verstopt, maar niemand gaat er bewust naar op zoek. Maak van het ‘foutje’ een ware schat. Lukt het je om iets passends voor jouw webshop te bedenken? Het kan al door een unieke kortingscode te verstrekken. “Oeps, het lijkt erop dat de pagina die je zoekt niet (meer) bestaat. Ga snel naar onze homepage om verder te winkelen. We geven je graag 10% korting. Gebruik de code OEPS404.” We raden je wel aan om te variëren hierin, anders weet de koper de volgende keer feilloos weer de korting te vinden of met anderen te delen (al kan dat mogelijk alleen maar een positief effect hebben).

Brainstorm om tot een aantal ideeën voor je error 404-pagina te komen die je kunt testen. Om je op weg te helpen:

• Een giveaway/sample voor een x aantal bezoekers (vindersloon)
• Verloten van een prijs
• Gratis product bij een bestelling
• Een prijsvraag
• Gratis digitaal product

Extra tip: stay in contact. Laat mensen je even mailen hoe ze op je error 404 terecht zijn gekomen.

Voorbeelden '404-pagina niet gevonden'

Ter inspiratie laten we nog 5 aansprekende voorbeelden (lay-out) zien van de error 404-pagina van webshops.

Hieronder zie je de 404-pagina van Hema, waar humor en één van herkenbaarste Hema-producten in is verwerkt. Vervolgens wordt de gebruiker doorverwezen naar de verschillende productcategorieën.

Een ander voorbeeld is de 404-pagina van Wehkamp, opnieuw met humor. In plaats van productcategorieën ziet de gebruiker een duidelijke zoekfunctie.

Intratuin kiest voor een helder overzicht van de belangrijkste onderdelen van hun website:

Als je op de 404-pagina van Kaartje2go belandt, wordt je, na een grappig tekstje gelezen te hebben, doorgestuurd naar de homepage of kun je de zoekbalk bovenin gebruiken.

Bij Pets Place krijg je een grappige afbeelding te zien. Vervolgens wordt duidelijk uitgelegd waarom je mogelijk op deze pagina bent terechtgekomen. Daarna wordt uitgelegd hoe je alsnog kunt vinden wat je zoekt.

Aan de slag met je Shopify 404-pagina

Heb je een Shopify webshop en wil je zelf eenvoudig een eigen 404-pagina maken? Check dan de Shopify Appstore voor handige apps als 404 Custom Page of Smart404. Bij deze laatste heb je zelfs de mogelijkheid om op basis van de foutieve URL de bezoeker een handje te helpen. Als de onjuiste URL bijvoorbeeld de woorden ‘Man’ en ‘Shirt’ bevat, kun je directe links opnemen naar je webshopcategorie ‘Mannenshirts’. Ideaal om van een 404 error naar een goedgevulde winkelmand te gaan.