Om en besökare får se din standard 404-felsida finns det en fara att de inte kommer att hänga länge för att se vad mer din webbplats erbjuder. En anpassad 404-sida, som är inbjudande och hjälpsam, kommer att uppmuntra dina besökare att se längre ut på din webbplats istället för att driva bort någon annanstans.
Förhandsgranska bilden från Tuts + 404-sidan.
Det enkla svaret är mycket. En 404-sida som bara säger "Sida inte hittad" är inte till hjälp för besökaren alls - lägga till en länk som säger "Återvänd till hemsida" hjälper inte heller.
Bristen på en anständig 404-sida försvagar användarupplevelsen. Användare som försöker hitta en sida på din webbplats, men får felet ur fel eller skickas där med en trasig länk, kommer att vara skyldig att gå tillbaka till hemsidan och försöka igen. Om de fortfarande inte kan hitta vad de letade efter, kan de sluta bli frustrerade och lämna din webbplats. I en ideal värld skulle användarna inte bli konfronterade med fel alls, men 404-sidan ger oss åtminstone möjlighet att be om ursäkt och hjälpa användarna att hitta vad de letade efter. En nöjd användare är mer sannolikt att återvända i framtiden.
Ännu värre än en dålig 404 sida är den fullständiga bristen på en. Användaren har sedan ingen aning om vad som händer alls, och det kommer inte ens att vara en länk tillbaka till hemsidan. Bristen på en 404-sida kommer att göra din webbplats ser oprofessionell och kommer bara att uppmuntra besökare att lämna.
Detta är ett exempel på en dålig 404-sida. Dess en återlösande funktion är hemsidan länken, och det ser inte heller bra ut heller. Om din 404-sida ser ut så här behöver den förbättras!
En hel del kan göras för att förbättra vår 404-sida ovanifrån.
Nyckelfaktorn för en 404-fel sida är att göra det enkelt och begripligt för användaren. Gör det klart att den sida de letade efter existerar inte (det hjälper till att använda språk som är lätt att förstå och jargongfritt). Försök att förklara varför den inte existerar, har sidan flyttats? Ange vad problemet kan vara, på ett vänligt och inbjudande sätt.
Tyvärr, partner. Sidan du begärde finns inte i vår databas. Du kan ha följt en dålig extern länk eller feltypad en webbadress. - En lista Apart 404 sida
Låt inte 404-upplevelsen verka som en stor, dålig prövning. Gör det till en vänlig, positiv upplevelse!
Det är viktigt att designen på din 404-sida stannar mot resten av din webbplats. Detta inkluderar din logotyp, navigering, färgschema etc. Att ha en 404-sida som är helt orelaterad med resten av din webbplats kan få användaren att känna som om de har blivit inställda - genom att behålla ditt varumärke kommer 404-upplevelsen inte att känns som ett sådant drama. Användaren kommer fortfarande att känna sig inblandad i webbplatsen.
De av er som har spelat med Twitters Bootstrap kommer att känna igen sin välkända branding, även på 404-sidan.
Som vi fortsätter att nämna måste en 404-sida vara extremt användbar för användaren. Det finns många sätt att uppnå detta, men några av de bästa funktionerna en 404 kan ha är:
Anta inte att användarna vet vad ett "404-fel" är. Du måste förklara vad problemet är på ett enkelt, vänligt och förståeligt sätt. På det här sättet kommer en användare inte att känna sig förvirrad av ditt jargong. Det är bättre att säga något som "Oops! Vi kunde inte hitta den sida du letade efter.", Än att bara ange fakta, som "404 Error: Page Not Found".
Som användare, vilken skulle du helst vilja se?
Apartmenthomeliving's 404 Page är ganska rolig och avslappnad. Bäst av allt, (även om det inte är synligt på bilden) är siddesignen förenlig med webbplatsbranschen, och det finns gott om länkar för att uppmuntra besökarna att stanna kvar.
Att ha en minimalistisk, grundläggande 404-felsida kan fortfarande vara effektiv.
Om du har en massiv webbplats, till exempel Google, med många, många möjliga relaterade sidor, så är en 404-sida med saker som webbplatskartor, listor med populära sidor eller en sökformulär inte särskilt praktisk och kommer sannolikt inte att hjälpa användaren mycket ändå.
Googles 404-sida är väldigt minimalistisk men fungerar bra. Det finns fortfarande en länk till hemsidan (Google-logotypen) och det skrivs på ett vänligt och förståeligt sätt. Den trevliga ritningen hjälper också till att skapa en avslappnad och lugn atmosfär.
Även om detta verkar gå emot allt sagt så långt, om det bara är opraktiskt att ha en avancerad 404-sida, så är en enkel, vänlig en lika bra.
En bra 404 sida kan också vara avslappnad och till och med rolig.
Att skapa en 404-sida som är rolig och minnesvärd kan ha en stor inverkan på att hålla dina besökare på platsen. Om du har en särskilt rolig eller underhållande 404-sida som stavar i människors sinnen kan de slutligen säga till sina vänner så att människor medvetet letar efter det! Det var verkligen fallet med Githubs 404-sida:
Github är noga med att behålla de användbara aspekterna av en 404-sida, även om de lyser humöret med humor.
Blizzard Entertainment 404-sida - definitivt underhållande men håller fortfarande länkarna till hjälp underifrån, och (i vissa avseenden) samma webbplatsdesign.
Ta en titt på den här videon, som finns på nosh.com, visar att det finns gott om utrymme för humor (och efterproduktion!)
BuySellAds tar en liknande (men mindre arbetskrävande) humoristisk videoinriktning till deras sida.
Din helt nya, väl utformade och användarvänliga anpassade 404-sida kan se bra ut och fungera perfekt, men det är exakt den typ av sak du inte vill visas i dina sökresultat. Det finns två sätt att se till att din 404-sida inte kommer upp i sökresultaten:
robots.txt
fil.Den andra av dessa två metoder kan också användas för att stoppa sökmotorer från att hitta några sidor du inte vill att dom ska se - till exempel din 404-sida, dina back-end-PHP-filer (t.ex. inloggningsfunktioner) och mer. Lägg bara till deras URL till robots.txt
fil och ladda upp den till din server:
Tillåt: /404.html
Det är mycket bra med en bra ny anpassad 404-sida som är till hjälp för dina tittare, men det är självklart mycket viktigt att se till att det faktiskt används. För att se till att din server omdirigerar användare till din 404-sida (istället för att bara använda standard) måste du konfigurera .htaccess-filen.
Konfigurering av .htaccess-filen för anpassad 404-riktning är extremt lätt. För det första, leta reda på .htaccess-filen på din server (den ska redan vara där, men om du inte kan bara skapa en ny fil med det namnet) öppnar du det. Lägg till följande rad kod:
ErrorDocument 404 /404.php
Se till att sökvägen och filtillägget sammanfaller med din 404-fil. Om din fil skulle namnges 404-error.html och placerades i en "fel" -katalog, skulle du ändra snippet som så:
ErrorDocument 404 /error/404-error.html
Webbläsare kommer nu att riktas till din 404 sida vid ett 404-fel. Det är så enkelt!
Så vi vet nu att i stället för standarden, tråkig och ohjälplig webbläsars standard 404 sida, är det i vår intresse att spendera tid på att skapa egna egna 404 sidor. Om de görs på rätt sätt hjälper de besökarna att hålla på webbplatsen och i slutändan minska avvisningsfrekvenserna.