Een eigen 404 pagina, hoe en waarom?
Wanneer je een website hebt komt het nog wel eens voor dat bepaalde pagina’s om een bepaalde rede niet meer bestaan. Toch komen deze pagina’s nog wel voor in de zoekmachines. Wanneer bezoekers op die link klikken in de zoekresultaten krijgen ze vaak de volgende pagina te zien:
Dit is natuurlijk niet goed en de kans is zeer groot dat die bezoeker op de “back-button” klikt om nooit meer terug te keren. De bezoeker krijgt namelijk de zogenaamde 404 pagina te zien. Een pagina die vertelt dat er niks te vinden is…
Een bezoeker kan om verschillende redenen op een 404 pagina komen:
- De bezoeker typt een verkeerde url in;
- Een pagina die verplaatst is nog wel geïndexeerd in de zoekmachines;
- De link op je website naar een andere pagina van jouw website werkt niet;
- Een gebookmarkte pagina is niet meer beschikbaar.
Toch hoeft je 404 pagina er niet uit te zien alsof er niks te vinden is. Want dat is er natuurlijk wel, alleen niet meer op die url.
Hoe maak je een eigen 404 pagina in 3 stappen
Stap 1:
Maak een eigen 404 pagina in html of php. Verderop in dit artikel vind je wat tips over hoe die pagina eruit zou kunnen zien. Noem deze pagina “eigen404.html” (of php).
Stap 2: Maak een .htaccess file of pas de bestaande aan
Om te beginnen open je .htaccess file, als je die nog niet op je server hebt staan open je een kladblok.
Voeg de volgende regel toe:
ErrorDocument 404 /eigen404.html
Sla de file op. Indien je een nieuwe .htaccess file hebt aangemaakt moet je deze file opslaan als .htaccess (niet als .txt.).
Stap 3: Uploaden en testen
Upload de twee zojuist gemaakte bestanden (.htaccess en eigen404.html) naar de root van je server.
Open nu je internet browser en typ daar je webadres met een pagina die niet bestaat. Als het goed is krijg je nu je eigen 404 pagina te zien!
Tips voor een 404 pagina
- Gebruik hetzelfde design als de rest van de website;
- Plaats een link naar je FAQ (veelgestelde vragen);
- Plaats een link naar je sitemap;
- Voeg een zoekbalk toe;
- Voeg de gewone navigatie toe zoals die op elke website te zien is;
- Verder moet je wel duidelijk maken dat de pagina die de bezoeker eigenlijk zoekt niet meer bestaat of is verplaatst.
Klik hier voor een voorbeeld van mijn eigen 404 pagina
Conclusie
Het is een kleine moeite (hooguit 10 minuten) om een eigen 404 pagina te maken. Ik adviseer iedereen om dit zeker te doen. De standaard 404 pagina is niet erg vriendelijk en laat de bezoeker denken dat er niks te vinden is. Met een eigen 404 pagina kun je er echter voor zorgen dat bezoekers die normaal gesproken de website meteen weer verlaten nu toch verder gaan surfen op je website!
11 okt, 2007 om 13:39
Leuke tip. Heb het meteen toegepast.
Bij mij werkte het echter iets anders.
Op mijn server staat een directory “error_docs” waarin een bestand “not_found.html” staat.
Ik heb gewoon een nieuwe “not_found.html” gemaakt en het oude bestand overschreven.
11 okt, 2007 om 14:09
opmerking:
het tonen van custom error pages hangt ook af van de configuratie van je eigen browser.
iexplorer 7: ga naar extra > internetopties > geavanceerd > webpagina’s bekijken > begruiksvriendelijke HTTP-foutberichten weergeven
Deze optie moet AFgevinkt staan.
11 okt, 2007 om 14:10
Prima artikel!
11 okt, 2007 om 14:18
Hallo Gert,
Jouw opmerking over de afhankelijkheid van de browser heeft bij mij geen effect.
Als ik in IE7 het betreffende vinkje aan of uit zet geeft bij mij geen verschil.
11 okt, 2007 om 14:38
@Eduard (3)
Thanks!
12 okt, 2007 om 21:57
Zo’n kleine moeite, maar toch zo klantvriendelijk…
Gelijk toegepast. Ook voor de http 500 en de http 403 errors.
Thanx voor de tip!
14 okt, 2007 om 15:59
Ga er vanavond nog mee aan de gang!
10 nov, 2007 om 21:37
Jammer,
Hellaas krijg ik het niet klaar om dit op mijn website werkend te krijgen.
.htaccess is het bestand wat ik gemaakt heb.
ErrorDocument404/eigen404.htm
eigen404.htm dit is het bestand wat ik gemaakt heb.
Hierin heb ik tekst en een kleine afbeelding.
Op de een of andere manier doe ik iets fout.
Vergeet ik nog iets misschien?
Groeten Peter
04 dec, 2007 om 01:29
[...] naar de look-en-feel van de site, lees als voorbeeld het goede artikel van Karel Geenen over een eigen 404. Om je zelfgemaakte pagina in te stellen gebruik je de volgende [...]
15 jan, 2008 om 14:42
leuke post, precies wat ik zocht :)
alleen kijk even naar de titel van je 404 Karel er staat nu “myvideo.nl de zoveelste youtube kloon”
ik pas het zeker nog toe op mijn eigen site
29 jan, 2008 om 21:21
Beste Karel,
Toen ik jouw artikel las over de 404pagina , ging ik meteen aan de slag. Hoewel ik het niet meteen klaar kreeg . In de website zit een component waar je het moet ingeven LOL. Deze week toevallig gevonden en meteen toegepast. Nu wat blijkt veel meer bezoekers blijven op de website en dat is toch wat we willen . Nogmaals bedankt voor uw goed artikel .
groeten ,
Kris .V
11 feb, 2008 om 20:48
[...] hoe en waarom « non-league [...]
23 jul, 2008 om 11:07
ff een tip!! je moet je error page groter maken dan 512 kb want als je ie explorer gebruikt en je error page is kleiner showed hij nog gewoon de standaard error pagina! wat natuurlijk niet de bedoeling is! verder is het een nice tutorial.
23 okt, 2008 om 14:36
[...] Karel Geenen/een eigen 404 pagina, hoe en waarom en.wikipedia.org/wiki/404_error>en wikipedia/404 [...]
10 nov, 2008 om 11:58
Perfect. Dit zocht ik! Wist niet van die .htaccess af. Nu werkt ie.
06 dec, 2008 om 23:51
MMMM ja groter maken dan 512 kb ff een vraagje hoe gaan we dat doen die van mij is nu 2,12 kb
Ik zou graag willen weten hoe ik er een paar kb bij kan zetten zodat het zeker gaat werken ( het werkt nu trouwens ook wel maar wil zekerheid voor alles natuurlijk )
Alvast bedankt
07 dec, 2008 om 13:49
@Rodney
Gewoon een afbeelding erbij plaatsen (je logo oid.)
08 dec, 2008 om 09:07
Wel een pagina 404
Kijk maar eens op mijn link.
Maakr eens een tyoe fout. plaats bijvoorbeeld eene een tetter teveel of een foute naam erachter.
Gemaakt met info en hulp Karel Geenen.
Bedankt nogmaals voor jouw info Karel.
14 mrt, 2009 om 07:26
Heb een pagina 404.htm gemaakt en opgeladen ook een error404.htaccess (notepad) opgeladen maar helaas GEEN 404 pagina krijg het volgende bericht :
The requested URL /dd.htm was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Hwelaas voor mij geen succes
25 mrt, 2009 om 15:27
Ik heb onlangs zelf ook geworsteld met een errorpag. In het .htaccess bestand horen in het eerste deel spaties te staan: dus ErrorDocument 404 /eigen404.html i.p.v. ErrorDocument404/eigen404.html (let ook op de hoofdletters). Die spaties staan ook in het artikel van Karel hierboven. Maar de hier gebruikte backslash notatie is anders dan we gewend zijn.
Verder heeft het .htaccess geen voorvoegsel: niet error.htaccess maar .htaccess Controleren op de hostingserver!
25 mrt, 2009 om 15:35
Heeft/weet iemand ook een php script zodat vanaf de error pagina automatisch een mailtje wordt gestuurd zodat je weet welke fout de bezoeker heeft gemaakt, of welke pagina niet meer bereikbaar is?
Ik heb er 2 op internet gevonden, maar deze werken niet. Volgens een deskundige zitten er fouten in, maar welke wil hij niet zeggen. En ik ben nog zo groen in php dat ik de fouten er zelf nog niet uit kan halen.
26 mrt, 2009 om 02:16
Antoon
Ik ben er nu uit inderdaad het voorvoegsel error404 verwijderd voor .htaccess, opgeladen en het werkt nu. http://www.garden-resort.com/blabla
Echter nu bij controle op de hostingsserver is het onvindbaar ! Ik werk met Ipswitch WS_FTP pro
Maar het belangrijkste is dat het nu werkt
28 aug, 2009 om 11:02
Wie kan mij helpen. Hoe maak ik in WordPress een 404-pagina aan. Moet ik gewoon een pagina maken zoals alle anderen? Maar hoe koppel ik deze dan? Of is eer een andere manier of plugin.
28 aug, 2009 om 13:01
Inderdaad je maakt een 404 pagina aan net als een “normale” pagina deze pagina zet je in een map “errors” dan opladen naar je server.
De volgende stap is een htaccess file aanmaken die verwijst naar je pagina in de “errors” map .
Deze htaccess file opladen ( zal verdwijnen ) en het moet dan werken.
Let er op dat de htaccess file GEEN extensie heeft zoals htaccess.404.htm hij zal dan niet werken !
voorbeeld : http:www.thailand-homestay.nl/ohlalal
Success
Max
28 aug, 2009 om 19:30
Hier is er een makkelijke plugin
http://wordpress.org/extend/plugins/smart-404/
29 aug, 2009 om 19:37
Ter aanvulling op dit artikel, je kunt je 404 pagina prima inzetten als onderdeel van je verkoop proces.
Denk aan acties en aanbiedingen voor één van de producten en/of diensten van je eigen onderneming?. Plaats deze op je 404 pagina.
Andere voorbeelden zijn:
- Private label diensten en producten
- Verzamel e-mail adressen voor toekomstig gebruik (bijvoorbeeld nieuwsbrief)
- Plaats Affiliate text en banner links
Natuurlijk zal het (als het goed is) geen storm lopen op je 404 pagina. Maar als er mensen komen, dan kun je er wellicht nog wat geld mee verdienen !
30 aug, 2009 om 15:46
Antoon schreef:Echter nu bij controle op de hostingsserver is het onvindbaar ! Ik werk met Ipswitch WS_FTP pro
**********************************
htaccess bestanden worden bij veel FTP programma’s niet standaard weergegeven.
ZXoek even naar de optie “show hidden files” en hij zal zichtbaar ziijn
30 aug, 2009 om 16:07
Wel, om iedereen hier mee te helpen laat ik eerst zien hoe het funktioneert.
Hieronder zie je mijn link van mijn website.
http://www.aircombat.nl/fout
De toevoeging fout laat de fout 404 not found ontstaan. Pagina is er niet.
Stop deze complete link eens in je browser (incl. het woordje FOUT) en zie wat er gebeurt.
Dit heb ik met behulp van de website van Karel Geene kunnen maken en het werkt perfcect.
twee bestanden.
.htaccess is het bestand.
de inhoud hiervan is;
ErrorDocument 404 http://www.aircombat.nl/eigen404.htm
en gemaakt met kladblok.
ErrorDocument 404 ,zorgt ervoor dat als iets niet gevonden wordt de pagina eigen404.htm zal starten.
Je hebt dusw twee bestanden nodig.
.htaccess
errorpagina.htm
Op deze manier lukt het zeker.
als .htaccess niet zichtbaar is op je server dan wordt dat afgeschermt. Maar is niet erg.
Succes zover.
01 sep, 2009 om 23:03
Ik heb dit ook toegepast maar moest wel de hele riedel naar de website in mijn .htaccess bestand zetten b.v.:http://www.mijn_domein.nl/errors/404.html anders werkt het niet
Dan is het mogelijk om de bestanden van een website in de verkenner weer te geven
ga met ftp://mijndomijn.nl naar jou website en dan in ie7 of ie 8 onder de knop pagina naar “FTP site in windows verkenner openen” ff inloggen en je kunt zien welke bestanden er allemaal op jou website staan
Zie jij het bestand .htaccess nog niet staan ga dan in de verkenner naar “Extra”en dan “Map opties” ën dan naar “weergeven”
daar staat dan de regel verborgen bestanden en mappen weergeven deze moet je aan zetten dan nog even op “Toepassen” drukken
Kijk je nu weer in de verkenner dan zie je daar wel het .htaccess bestand
04 nov, 2009 om 14:35
Beste mensen,
Ik heb ook een eigen .htaccess gemaakt. Deze werkt echter niet wanneer ik een niet bestaand .php bestand intyp ( http://www.horecavac.nl/errtfg.php ). Hoe kan ik dit oplossen?
Hartelijke groet, Arthur
05 nov, 2009 om 00:16
Hallo Arthur
Bij mij werken de php error pagina’s wel
kun jij een kopie van de inhoud van jouw .htaccess bestand hieronder plaatsen dan kan ik kijken wat er anders is dan bij mij
20 apr, 2010 om 23:37
Nou, beter laat dan nooit apenoetis….sorry, ik heb je bericht niet gezien en kwam toevallig weer op deze site. In mijn .htaccess staat alleen de zin “ErrorDocument 404 http://www.horecavac.nl/horecavac404/index.php“. Verder niets.
Dank voor je reactie in november 2009! Ach, we nemen er gewoon de tijd voor…Arthur
03 feb, 2010 om 19:12
Als ik het bestand upload naar mijn FTP server dan werkt hij niet goed meer.
03 feb, 2010 om 23:31
ff de3 inhoud van jou .htacces bestand plaatsen dan kan ik kijken
Zonder dat is het moeilijk antwoorden
03 jun, 2010 om 15:31
Het lijkt mij zeer interessant om zo een pagina te hebben, maar ik slaag er niet in een .htaccess extentie te maken…
alsook heb ik op mijn server geen “error” map of dergelijke.
http://www.all-epc.be
Dit is mijn site, mss kan iemand wat uitleg geven hierover ?
Alvast dank.
03 jun, 2010 om 16:37
.htaccess is het bestand wat ik gemaakt heb.
ErrorDocument404 http://mijneigenwebsite.nl/eigen404.htm
eigen404.htm dit is het bestand wat ik gemaakt heb.
Hierin heb ik tekst en een kleine afbeelding passend om te laten zien als er een bestand niet gevonden wordt.
Er zijn echter enkele hoosters die dit niet toestaan.
07 jun, 2010 om 10:26
Hallo all-epc
Ik heb op jouw website gekeken, en letter.html ingetypt. Ik kreeg wel een Not Found pagina (404 error).
Ik vermoed dat je problemen hebt met het pad van de door jouw gemaakte error-pag.
Zo staat bij mijn host (YourHosting) mijn .htacess bestand in de root van de map public_html waarin ik alle mappen heb staan met mijn verschillende websites.
Mijn host (YourHosting) heeft wel een error-map in dezelfde root-dir (public_html) waarin de mappen met mijn eigen pags staan. Maar ik gebruik die map niet.
In alle mappen van mijn afzonderlijke sites (hetbargje.nl en avatar-adida.nl) heb ik een map errors met een error-pag.
Wel staat het .htacess bestand in de root (=public_html). In dat bestand staat een algemeen pad voor de (verschillende) error-pags. ik
ErrorDocument 404 /errors/404.php
ErrorDocument 500 /errors/404.html
Let op:
* de spatie tussen Error-Document en 404, en de / =geen \ (backslash)
* .htacess heeft geen voorvoegsel. Zoals boven al aangegeven is de naam van het bestand alleen maar een extensie.
Succes.
07 jun, 2010 om 17:38
Hallo all-epc
Ik heb in bovenstaand antwoord een fout gemaakt. Ik heb in elk van de twee mappen waarin de bestanden staan van de twee websites (en een errors-map) een .htacess bestand staan zoals hierboven aangegeven.
Nogmaals succes.
02 nov, 2010 om 19:52
ik was zojuist bezig met de errorpagina
(www.l-elektro.be/error404.html)maar hij werkt nog steeds niet,ik heb het artikel nog een gelezen en ik was de kladblok ver geten…
mijn vraag:
moet dat een speciale naam zijn voor die kladblok?
(naam.htmacces)
alvast bedankt,
Nathan Laurijssen
02 nov, 2010 om 20:04
Hi Nathan, kreeg een alert dat je een reactie had.
Je maakt je bestandje en dat sla je gewoon (nou ja, gewoon) opslaan als: .htaccess dus met de punt erbij
Het enige wat er bij mij in staat is:
ErrorDocument 404 http://www.mijndomein.nl/naamvandepagina
Ik heb nog geen reactie gehad op mijn opmerking van 4 november. Misschien dat jouw opmerking de boel hier wat leven in blaast.
Groets, Arthur
03 nov, 2010 om 13:29
dus bij mij moet daar alleen maar (ErrorDocument 404 http://www.l-elektro.be/error404.html) in staan ?
02 nov, 2010 om 23:42
Hallo Nathan en Arthur,
Wij hebben op onze website een artikel over het aanmaken van een 301 redirect met htacces. Wellicht dat je daar wat aan hebt:
http://www.creartions.nl/www-voor-je-website-url-of-niet.php
02 nov, 2010 om 23:47
Sorry verkeerde reactie! Niet goed gelezen!
@Nathan
bestand moet .htaccess heten en uploaden in de root
@Arthur
Kun je de exacte url van je 404 pagina geven? Dan kunnen we in ieder geval checken of ie op de server bestaat
03 nov, 2010 om 13:27
@sebastian:wat is root?
02 nov, 2010 om 23:53
Dank je Sebastian voor de link naar een 301 redirect.
http://horecavac.nl/horecavac404/
Werk dus aardig, behalve als je bijvoorbeeld
http://www.horecavac.nl/vacaturs.php intypt
03 nov, 2010 om 00:51
Dit:
http://www.horecavac.nl/horecavac404/
is volgens mij een map en geen pagina
En dit:
http://www.horecavac.nl/horecavac404/index.php
de bewuste pagina
03 nov, 2010 om 01:00
Juist, de bewuste pagina in die map, Sebastian.
03 nov, 2010 om 03:12
Ja dus wat heb je nu in je htaccess gezet? De map of de url?
03 nov, 2010 om 13:35
sorry als ik soms wat moeilijk doe maar ik moet namelijk de website van mijn papa maken (ik kan wel websites maken maar heb soms toch nog wel problemen(dat heb je al wel gemerkt waarschijnlijk!)
05 nov, 2010 om 11:09
kan er iemand da kladblok-ding maken voor mij?
05 nov, 2010 om 12:23
Nathan
Ik stuur je de gegevens en notepad toe
Max Chiangmai
06 nov, 2010 om 15:25
kunt ge dat naar nathan@dkln.be sturen want ik kan da blijkbaarn niet lezen
05 nov, 2010 om 21:48
Hoi Sebastian, de url
ErrorDocument 404 http://www.horecavac.nl/horecavac404/index.php
Gr Arthur
18 jan, 2011 om 16:38
Leuk om dit ‘oud’ artikel nog eens te lezen.
Een originele 404 idee voor een 404 pagina voor een webshop:
Bied een kortingscode aan op de 404 pagina, zodat de bezoeker gemotiveerd is om toch verder te zoeken naar de juiste pagina/product binnen de website.
Wellicht dat je dan ondanks dat er een eigenlijk sprake is van een foutmelding, de bezoeker overhaalt om bij jou te kopen…
02 feb, 2011 om 09:10
Bedankt voor de input. Ik ben het wel met Luc eens dat een 404 een goede potentie heeft. Ook voor het inschrijven voor de nieuwsbrief kan een 404 pagina toch nog wat helpen.
24 feb, 2011 om 11:37
Hey, goed artikel!
Met behulp van dit artikel mijn eigen 404-pagina kunnen maken, bedankt daarvoor
12 mei, 2011 om 22:02
Dat is een goede tip. Met een ‘persoonlijke’ (of indien gepast humoristische) 404 pagina, heb je meer kans om jouw bezoekers op je site houden!
13 mei, 2011 om 08:52
Een goede tip is ook om op de 404 pagina te linken naar je belangrijkste pagina’s.
Wat is eigenlijk een goede bouncerate voor een 404?
13 mei, 2011 om 12:34
Hey mensen volgens mij moet je een 404 pagina niet gaan vergelijken met een landingpage die je inzet om extra omzet te genereren.
Ik bedoel bouncerate? Het is veel beter dat er geen 404 pagina’s verschijnen binnen je website. Dat betekent namelijk dat er niet (meer) bestaande pagina’s geindexeerd zijn en dat je je 301 redirects aan moet passen.
Uitgangspunt moet nog altijd zijn dat mensen vanuit de zoekresultaten “gewoon” op je website komen lijkt me.
Daarnaast kun/moet je natuurlijk je 404 omzetten naar een maatwerk pagina. Maar het is beter dat ze niet verschijnen!
24 mrt, 2012 om 21:54
Weinig moeite, maar toch zo gebruiksvriendelijk.
24 aug, 2012 om 22:12
[...] ómdat het kleurnummer 404 was moest ik daar wel meer mee doen. Vandaar dat ik nu een nieuwe 404-pagina heb. Én omdat jullie daar in principe nooit komen: klik hier! /* Hide [...]