Share
Als een bezoeker uw standaard 404-foutpagina te zien krijgt, bestaat het gevaar dat ze niet lang blijven hangen om te zien wat uw site nog meer biedt. Een aangepaste 404-pagina, die uitnodigend en nuttig is, zal uw bezoekers aanmoedigen om verder in uw site te kijken in plaats van ergens anders heen te gaan.
Bekijk een voorbeeld van de afbeelding op de pagina Tuts + 404.
Het eenvoudige antwoord is, veel. Een 404-pagina die alleen zegt 'Pagina niet gevonden' is helemaal niet nuttig voor de bezoeker - het toevoegen van de link 'Terug naar startpagina' helpt ook niet echt.
Het ontbreken van een fatsoenlijke 404-pagina verzwakt de gebruikerservaring. Gebruikers die een pagina op uw site proberen te vinden, maar de URL verkeerd ophalen of daar via een verbroken link naartoe worden gestuurd, zijn verplicht om terug te gaan naar de startpagina en het opnieuw te proberen. Als ze nog steeds niet kunnen vinden waarnaar ze op zoek waren, raken ze mogelijk gefrustreerd en verlaten ze uw site. In een ideale wereld zouden gebruikers helemaal niet geconfronteerd worden met fouten, maar de 404-pagina geeft ons tenminste de mogelijkheid om zich te verontschuldigen en gebruikers te helpen vinden waar ze naar op zoek waren. Een tevreden gebruiker heeft meer kans om in de toekomst terug te keren.
Erger nog dan een slechte 404-pagina is het complete ontbreken van een. De gebruiker heeft dan geen idee wat er aan de hand is en er zal zelfs geen link terug zijn naar de startpagina. Het ontbreken van een 404-pagina zorgt ervoor dat uw site er onprofessioneel uitziet en bezoekers alleen maar aanmoedigt om te vertrekken.
Dit is een voorbeeld van een slechte 404-pagina. De enige goedkopere functie is de koppeling naar de startpagina, en dat ziet er ook niet zo goed uit. Als uw 404-pagina er zo uitziet, moet deze worden verbeterd!
Er kan veel worden gedaan om onze 404-pagina van boven te verbeteren.
De belangrijkste factor voor een 404-foutpagina is het gemakkelijk en begrijpelijk maken voor de gebruiker. Maak duidelijk dat de pagina waarnaar ze op zoek zijn niet bestaat (het helpt om taal te gebruiken die gemakkelijk te begrijpen is en vrij van jargon is). Probeer uit te leggen waarom het niet bestaat, is de pagina verplaatst? Geef aan wat het probleem zou kunnen zijn, op een vriendelijke en uitnodigende manier.
Sorry, partner. De door u opgevraagde pagina staat niet in onze database. Mogelijk hebt u een slechte externe link gevolgd of heeft u een URL verkeerd getypt. - Een 404-pagina van de List Apart
Laat de 404-ervaring niet als een grote, slechte beproeving lijken. Maak er een vriendelijke, positieve ervaring van!
Het is belangrijk dat het ontwerp op uw 404-pagina trouw blijft aan de rest van uw site. Dit omvat uw logo, navigatie, kleurenschema enz. Als u een 404-pagina gebruikt die helemaal niets met de rest van uw site te maken heeft, voelt de gebruiker zich misschien op drift - door uw merk te behouden, zal de 404-ervaring niet voel me als een drama. De gebruiker zal zich nog steeds betrokken voelen bij de site.
Degenen onder jullie die met de Bootstrap van Twitter hebben gespeeld, herkennen hun bekende branding, zelfs op de 404-pagina.
Zoals we blijven vermelden, moet een 404-pagina uiterst nuttig zijn voor de gebruiker. Er zijn veel manieren om dit te bereiken, maar enkele van de beste functies die een 404 kan hebben zijn:
Ga er niet van uit dat uw gebruikers weten wat een '404-fout' is. U moet op een eenvoudige, vriendelijke en begrijpelijke manier uitleggen wat het probleem is. Op deze manier zal een gebruiker niet in verwarring raken door uw jargon. Het is beter om iets te zeggen als "Oeps, we konden de pagina die je zocht niet vinden.", Dan simpelweg de feiten vermelden, zoals "404 Fout: pagina niet gevonden".
Als een gebruiker, welke zou u het liefst zien?
404 pagina van Apartmenthomeliving is heel grappig en casual. Het beste van alles is dat (hoewel het niet zichtbaar is op de foto) het ontwerp van de pagina consistent blijft met de site branding, en er zijn genoeg links om de bezoekers aan te moedigen om te blijven zitten.
Een minimalistisch, basis 404 foutpaginaontwerp kan nog steeds effectief zijn.
Als je een enorme site hebt, zoals Google, met veel, veel mogelijke gerelateerde pagina's, dan is een 404-pagina met dingen zoals sitemapkoppelingen, populaire pagina's lijsten of een zoekformulier niet bijzonder praktisch en zal het waarschijnlijk niet helpen de gebruiker toch.
De 404-pagina van Google is zeer minimalistisch maar werkt goed. Er is nog steeds een link naar de startpagina (het Google-logo) en deze is op een vriendelijke, begrijpelijke manier geschreven. De mooie tekening helpt ook, het creëren van een ontspannen, rustige sfeer.
Hoewel dit in tegenspraak lijkt te zijn met alles wat tot nu toe is gezegd, als het gewoon te onpraktisch is om een geavanceerde 404-pagina te hebben, is een eenvoudige, vriendelijke pagina net zo goed.
Een goede 404-pagina kan ook informeel en zelfs grappig zijn.
Het maken van een 404-pagina die grappig en gedenkwaardig is, kan een enorme impact hebben op het houden van uw bezoekers op de site. En als je een bijzonder grappige of grappige 404-pagina hebt die door mensen in gedachten wordt gehouden, kunnen ze hun vrienden uiteindelijk vertellen dat mensen er bewust naar zoeken! Dat was zeker het geval met de 404-pagina van Github:
Github bewaakt de nuttige aspecten van een 404-pagina, ook al verlichten ze de sfeer met humor.
De 404-pagina van Blizzard Entertainment - absoluut grappig maar toch houdt de links voor hulp aan de onderkant, en (in sommige opzichten) dezelfde site-ontwerp.
Bekijk deze video op nosh.com en laat zien dat er voldoende ruimte is voor humor (en postproductie!)
BuySellAds nemen een vergelijkbare (maar minder arbeidsintensieve) humoristische videobenadering op hun pagina.
Uw gloednieuwe, goed ontworpen en nuttige 404-pagina op maat ziet er misschien fantastisch uit en presteert perfect, maar het is precies het soort dingen dat u niet in uw zoekresultaten wilt laten zien. Er zijn twee manieren om ervoor te zorgen dat uw 404-pagina niet wordt weergegeven in de zoekresultaten:
Accentsconagua
robots.txt het dossier.De tweede van deze twee methoden kan ook worden gebruikt om te voorkomen dat zoekmachines pagina's vinden die u niet wilt dat ze zien - zoals uw 404-pagina, uw back-end PHP-bestanden (zoals inlogfuncties) en meer. Voeg gewoon hun URL toe aan de robots.txt bestand en upload het naar uw server:
Disallow: /404.html
Het is allemaal heel goed met een leuke nieuwe aangepaste 404-pagina die nuttig is voor uw kijkers, maar het is natuurlijk erg belangrijk om ervoor te zorgen dat deze daadwerkelijk wordt gebruikt. Om ervoor te zorgen dat uw server gebruikers doorstuurt naar uw 404-pagina (in plaats van alleen de standaard te gebruiken), moet u uw .htaccess-bestand instellen.
Het configureren van uw .htaccess-bestand voor aangepaste 404-richting is uiterst eenvoudig. Zoek eerst het .htaccess-bestand op uw server op (het zou er al moeten zijn, maar zo niet, dan kunt u gewoon een nieuw bestand met die naam maken) en open het dan. Voeg de volgende regel code toe:
ErrorDocument 404 / 404.php
Zorg ervoor dat het pad en de bestandsextensie samenvallen met uw 404-bestand. Als uw bestand de naam 404-error.html zou krijgen en zich in een "error" -directory bevindt, zou u het fragment als volgt aanpassen:
ErrorDocument 404 /error/404-error.html
Browsers worden nu naar uw 404-pagina geleid in het geval van een 404-fout. Het is zo simpel!
Dus nu weten we dat het in ons belang om tijd te besteden aan het maken van onze eigen 404-pagina's in plaats van de standaard saaie en niet-behulpzame standaard 404-pagina van de browser. Als ze goed worden uitgevoerd, helpen ze bezoekers op de site te houden en uiteindelijk het bouncepercentage te verminderen.
