Lav din egen 404-fejlside

February 17th, 2009 | Tags: , | 15

404Det sker ofte at en besøgende lander på en side der ikke findes, er flyttet et andet sted hen, eller hvor der blot er tale om en stavefejl. I stedet for at blive mødt af en standard 404-side, kan man nemt selv lave en 404-side.

Trin 1: Lav en .htaccess fil

Hvis du ikke allerede har en .htaccess fil, kan du nemt lave en. åbn en texteditor (fx Notepad) og indsæt denne linie:

ErrorDocument 404 /404.html

Gem derefter filen under navnet “.htaccess” (bemærk det første punktum). “404.html” vil være den fil der vises i tilfælde af en 404 fejl — det kan dog også være en PHP fil, og du kan kalde den hvad du vil (fx “error.html” i stedet for “404.html”). Hvis dit operativsystem ikke er glad for at lade en fil hedde “.htaccess”, kan du kalde den noget andet og omdøbe den efter den er overført til serveren over FTP.

Du kan også lave dine egne sider til andre fejl sider, som fx 403 (Forbidden), 500 (Internal Server Error) osv. Dette vil se sådan ud:

ErrorDocument 403 /403.html
ErrorDocument 500 /500.html

Trin 2: Lav en 404-fil

Lav derefter en side til fejlbeskeden, og læg den eksempelvis i roden af mappen for dit domæne. Benytter du ovenstående eksempler, skal filnavnene være 404.html, 403.html osv. For at gøre 404-siden så effektiv som mulig, så prøv at inkludere nyttefuld information, specielt hvis det drejer sig om større sider og portaler. Fx kan der på en 404-side være:

  • En søgefunktion
  • Link til sitemap eller en hjælpeside
  • Mulighed for at rapportere en mulig fejl

Fejlsider bør som udgangspunkt ikke viderestille til forsiden, specielt uden at brugeren informeres om at der er tale om en side der ikke findes, eller en fejl.

For at din 404-fil skal kunne vises i Internet Explorer, skal den være over 512 bytes i størrelse, ellers viser IE sin egen fejlside.

404 inspiration

Der findes en masse kreative 404 sider, og nogen gør endda en stor del ud af det. Du kan finde masser af inspiration her, her og her.

15 kommentarer

  1. Peter Schrøder writes:
    February 21st, 2009 at 14:00

    En rigtig god guide, som nemt hjælper med opsætningen af ens egne sider med fejlmeddelelser. Kan anbefale, at man f.eks. på sin 404 side får en søgemulighed frem, så brugeren kan søge efter det rigtige på ens hjemmeside.

    Jeg vil derudover anbefale, at man bruger næsten sammen måde, til ens forbindelser til databasen. Det sker at kontakten til databasen ikke kan åbnes eller databaserveren er nede. Så vil brugeren blot få en XX fejl. Indbyg i scriptet til databasen, at hvis der ikke kan åbnes kontakt så henvis til f.eks. databasefejl.html. Siden fortæller at man skal prøve igen senere, eller vente lidt (siden kan automatisk prøve at lave refresh hvert 10 sek hvis det blot er en kontakt fejl). Er databasen nede, får brugeren besked om at komme igen senere.

  2. Per writes:
    February 28th, 2009 at 03:14

    Er der en som kan beskrive hvordan filen .htaccess og mappen med fejldokumenterne skal ligge i web-roden.

  3. Ulrich writes:
    March 12th, 2009 at 23:04

    Dine filer skal ligge i samme mappe som htaccess-filen ligger i – dvs. hvis du ligger .htaccess i roden af dit website, skal dine fejldokumenter ligge samme sted – uden undermappe.

    Du har altså en sti som siger følgende /.htaccess hvor der i htaccess angives /403.html (osv)

    Hvis du vil ha’ din htaccess til at hente fra en undermappe inkluderer du den via

    [code]/undermappe/403.html[/code]

  4. Ulrich writes:
    March 12th, 2009 at 23:04

    Undlad [code] - troede blot at systemet tolkede bb-tags :)

  5. Thomas Jensen writes:
    March 28th, 2009 at 13:07

    .htaccess filen åbner for rigtig mange spændende muligheder, hvis man eksempelvis arbejder med SEO.
    En rigtig vigtig ting hvis man gerne vil komme højt i google resultaterne, er at have styr på sine subdomæner, således at man undgør duplicate content (at indholdet ligger flere steder på nettet).
    Eksempelvis er der mange sider som både kan ses på domæne.dk og http://www.domæne.dk, men for google er det to forskellige sider, selvom indholdet er det samme. Så beslut dig for om du vil bruge www eller ej, og tilføj så følgende kode til din .htaccess fil:
    RewriteEngine on
    RewriteCond %{HTTP_HOST} !^www.domæne.dk$
    RewriteRule ^(.*)$ http://www.domæne.dk/$1 [R=301]

    Eksemplet er lavet MED www, hvis du ikke vil bruge www, skal du bare fjerne “www.” BEGGE steder.

  6. Ejvind writes:
    May 11th, 2009 at 13:03

    Tak for en god vejledning. Den vil jeg bruge. Jeg regner med at skulle fytte nogle forskellige sites til jer snart.

  7. Paw Hellegaard writes:
    June 6th, 2009 at 20:58

    Lækker gennemgang af hvordan man laver sin egen 404 sider.

  8. Mike writes:
    July 23rd, 2009 at 12:15

    En 404 fejl kan se således ud:

    http://www.raunsbaek.dk/fejl404erikkeher

    :)

  9. Tom Jensen writes:
    July 30th, 2009 at 10:06

    Hejsa,

    Til jer der har brug for .htaccess på et højere niveau.
    Jeg har fundet rigtig god vejledning i et “almindeligt” menneske sprog på disse sider:

    http://corz.org/serv/tricks/htaccess.php
    http://corz.org/serv/tricks/htaccess2.php

    Tom

  10. Mathias Slyngborg writes:
    September 22nd, 2009 at 23:49

    Jeg har problemer med at få vist min .htaccess fil på FTP serveren.
    Jeg kan tilsyneladende uploade en .htaccess fil og overskrive den der ligger det, men jeg kan ikke få den vist i hverken FileZilla eller WinSCP.
    Nogen der har et råd?

  11. Otto Juul writes:
    November 27th, 2009 at 17:09

    Nogle gange er det fordi filen er skjult, hvis du bruger filezilla skal du bare gå op i Server > Se Skjulte Filer og så skulle du meget gerne kunne se den – virker det ikke så prøv evt. at reconnecte til serveren så burde det virker!.

  12. Jesper writes:
    March 12th, 2010 at 01:53

    En lidt sjov kode.

    Den fungere kun hvis jeg anbringer mit subdomæne forrest: dq.globalphotos.dk men ikke hvis det er globalphotos.dk/dq.

    Det virker ej heller hvis jeg skriver dette: dq.globalphotos.dk/dsfds/fejl

    Så tror den åbenbart at den skal ind i en mappe der hedder fejl, men der findes jo ikke en mappe der hedder dsfds. Så derfor er stylet fuldstændigt fucket up.

    Er der ikke en bedre måde at lave sådanne fejlsider på?

  13. Jesper K. writes:
    March 13th, 2010 at 03:26

    Denne kode virker ikke, hvis man også har koden, til at skjule sin url endelse.

  14. Jonathan writes:
    July 7th, 2011 at 18:35

    Har siddet og rodet med dette flere timer – men efter at have læst denne, har jeg fået det til at virke på 2 sek.

    Rigtig god guide, det er jo ikke så svært! :-)

  15. Diana Rasmussen writes:
    March 15th, 2012 at 08:19

    Jeg går på 2.semester som multimediedesigner, og er helt grøn i programmering, så det er første gang, jeg skal tilføje en 404 side. Og nu er jeg lidt i tvivl om, hvor i HTML dokumentet jeg skal indsætte den første linie…?
    Skal måske have det skåret lidt ud i pap??? :-)

    På forhånd tak. :-)

Tilføj kommentar