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!
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.
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.
Prima artikel!
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.
@Eduard (3)
Thanks!
Zo’n kleine moeite, maar toch zo klantvriendelijk…
Gelijk toegepast. Ook voor de http 500 en de http 403 errors.
Thanx voor de tip!
Ga er vanavond nog mee aan de gang!
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
[...] 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 [...]
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
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
[...] hoe en waarom « non-league [...]
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.
[...] Karel Geenen/een eigen 404 pagina, hoe en waarom en.wikipedia.org/wiki/404_error>en wikipedia/404 [...]
Perfect. Dit zocht ik! Wist niet van die .htaccess af. Nu werkt ie.
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
@Rodney
Gewoon een afbeelding erbij plaatsen (je logo oid.)
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.
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
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!
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.
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
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.
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
Hier is er een makkelijke plugin
http://wordpress.org/extend/plugins/smart-404/
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 !
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
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.
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
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
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
Als ik het bestand upload naar mijn FTP server dan werkt hij niet goed meer.
ff de3 inhoud van jou .htacces bestand plaatsen dan kan ik kijken
Zonder dat is het moeilijk antwoorden