Skapa en anpassad 404 sida

Har du någon gång surfat runt och klickat på en adress som inte kunde hittas? Då gör du säkert som de flesta och trycker på ”Bakåt” knappen i webbläsaren och lämnar webbsidan. Det här med att länkar blir brutna kan vara svårt att åtgärda, men det går att förbättra situationen avsevärt. Jag tänkte ge tips och råd på vad du bör tänka på när du skapar en anpassad 404 sida.

Vad är ett 404 fel?

Ett 404 fel inträffar när användaren surfar in på en adress som inte finns eller har tagits bort. Det webbläsaren gör som standard är att visa en informationsruta om det inträffade felet. Den här sidan ser både fruktansvärt tråkig ut samtidigt som den inte ger någon som helst respons till användaren vilket inte är önskvärt. Titta på bildexemplet nedan så förstår ni vad jag menar.

Lösningen är att skapa en anpassad 404 sida för just din webbsajt.

Behåll din design

Det absolut viktigaste är att din 404 sida bibehåller designen som dina övriga sidor på webbsajten använder så att användaren känner att han kommit in på din sida. Igenkänningsfaktorn är otroligt viktig, ha det i åtanke när du utformar sidan.

Ge användaren alternativ

Om din webbsajt till exempel är en blogg och din användare har skrivit in fel adress till ditt senaste blogginlägg och inte hittar det är det viktigt att du ger honom/henne alternativ. Ge förslag på inlägg och artiklar som kan vara relevanta och intressanta så att användaren klickar sig vidare istället för att lämna din sajt med detsamma.

Så här ser min 404 sida ut

Skapa en 404 sida

Så till det praktiska: hur skapar man en 404 sida? Tänkte gå igenom hur man går tillväga på en vanlig sajt men även i publiceringsverktyget WordPress.

Skapa sidan i WordPress

1. Skapa filen 404.php och lägg den i ditt temas mapp
2. Fyll filen med information som du vill ha på din 404 sida (tänk på tipsen ovan)

Skapa sidan på en ”vanlig” sajt

1. Öppna en textredigerare och skriv in ErrorDocument 404 /error-page.html på första raden
2. Spara filen som .htaccess.txt
3. Ladda upp filen till rotmappen på din server
4. Döp om filen från .htaccess.txt till .htaccess
5. Skapa sedan filen error-page.html och fyll den med information (tänk på tipsen ovan)
6. Ladda sedan upp error-page.html till rotmappen på din server

Det var väl inte så knepigt va?

Har du tips på hur man anpassar en 404 sida på bästa sätt, ge gärna din syn på saken.

Skrivet 21 oktober - 2009 Postat i: Tutorials