Skapa din egen 404 response sida
När en fil inte hittas på en server får webbläsaren tillbaka en så kallad http response code 404. Jag ska visa hur du anpassar din egen 404.
Jag ska börja med att säga att alla webbhotell inte stödjer att man får byta sin 404. Jag har bara provat med one.com och dä fungerar det garanterat.
Så vad är en 404?
Alla har vi tveklöst stött på en sådan någon gång när vi surfat på internet. Filen du söker efter kan tyvär inte hittas. Servern skickar då istället ett speciellt dokument istället för den man letade efter. Det dokumentet är oftast fult och tråkigt, och man klickar sig bort från sidan ganska fort.
Men om man ser en lite annorlunda 404 som kanske följer sidans stilmall eller om man gjort en fyndig 404 så är det större chans att fler kollar på sidan.
Ett bra exempel är moderskeppet.se. om du klickar här, så ser du vad jag menar.
Så vad ska finnas med på en 404?
Först ska det helst vara lite text som förklarar att sidan inte kan hittas. Sen ska man helst ha två länkar. en som backar bakåt i webbläsarens historik, och en som tar en till sidans startsida.
Vad ska inte finnas med?
För mycket bilder och annat är ingen bra idé. sidan ska vara snabb att ladda. så begränsa bilder och annat grafiskt material som inte tillför något. Hade moderskeppet kunnat skippat den kraschade rymdraketen? jag säger nej för den tillför en bra bild över vad som hänt och den passar bra till sidans namn och till texten som står där.
Hur skapar man en 404?
Oftast är det så att om du ser en fil som heter .htaccess så har du chansen att skapa en 404 om du inte ser en sådan på servern så kan du prova att skapa en.
I den filen ska du lägga till: ErrorDocument 404 /notfound.html
först står error koden och sedan vad dokumentet heter. spara filen och lägg upp den på webbservern. Sedan skapar du en fil som heter notfound.html och släpper lös din kreativitet och laddar upp den till servern.
Men hur skapar man en länk som går tillbaka ett steg i historiken?
svaret är javascript. tillbaka. Då säger den till webbläsaren att backa ett steg.
Så enkelt är det att skapa en 404. testa på ditt webbhotell och berätta gärna om det funkar.
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Vill tillägga att Här måste man nästan använda intern stilmall då sidan kan vara svår att länka till.
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Super bra artikel Johan! :)
Bra artikel :)
Manufrog har en .htaccess-fil som redan är tillagd - så borde ju funka där också :) Dock har jag inte tid att testa själv just nu.
Johanna - Instagram
#2 och #3: tackar 
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Bra artikel! Men jag får det inte att fungera..
Har du en helt vanlig hemsida eller är det wordpress?
Jag har en helt vanlig hemsida som jag har byggd i DW CS4. Har active24 som webbhotell. Har googlat lite på detta med har inte hittat något :/
Obs. Hemsidan är inte klar ännu!
Då vet jag tyvärr inte :/
använder du php? eller något annan sorts fil?
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Nej, vanliga html filer använder jag!
då har antar jag att webhotellet har stängt av den funktionen
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Det här tycker jag är en bra felsida:
Vänliga hälsningar, Niklas
Är du intresserad av runstenar och runristningar?
om man vill se en ganska rolig 404 så kan man kolla här:'
Ålder föder inte visdom. Eftertanke gör det.
Värd för Trackmania iFokus och medarbetare på Hemsidor iFokus
Oh!-Oh!
53 Custom Designed "404 Error" Pages Of Big Sites
http://www.technomoz.com/design/53-custom-designed-404-error-pages-of-big-sites/
/L
Fungerar utmärkt på Surftown. Tack för artikeln Johan.
![[Beavis]](/images/avatar-dead.svg){kind=avatar}
Jag verkar vara trögast på den här sajten? Men jag behöver enkla beskrivningar för jag hajar inte.
Jag listar vad:
- Ska man skapa en fil som heter 404.html? (verkar som de länkade sidorna heter så?)
- Ska man skapa en fil som heter .htaccess? i såfall: Vad?.htaccess??
- Jag skapade en fil som jag döpte till notfound.html enligt instruktionen, och la in texterna ovan i den, det var troligen fel? förklara hur.
Jag bifogar screenshot på min kod.
Jag gjorde radbrytning i body taggen för att få med hela i bilden.
Du är nog på rätt väg Beavis. Du skall lägga till följande rad i filen .htaccess
ErrorDocument 404 /notfound.html
Om filen .htaccess inte finns så skapa den. Jag fick välja "visa dolda filer" för att se filen. Filen notfound.html skall sedan innehålla den sida du vill skall synas när error 404 uppstår. Lycka till!
#18 Tack för svaret
Så man skall alltså inte skapa en sida som heter error404.html eller 404.html?
jag hittade ingen fil på servern som hette .htaccess Men å andra sidan körde jag nog inte "visa dolda filer"….
Jag har nu skapat ;
- 404.html
- notfound.html
- .htaccess
I 404 la jag in java scriptet i en html fil
I notfound.html gjorde jag i princip samma sak
I .htaccess la jag in "ErrorDocument 404 /notfound.html" Men jag la in det i ett html dokument, det kanske ska vara anna dok typ? och inga html koder?
Är jag ännu mer förvirrad nu?
Du är nog nästan i mål. Raden som läggs in i .htaccess pekar ut sidan notfound.html och denna visas om man försöker navigera till en sida som inte finns. Innehållet på sidan notfound.html kan du själv välja. Jag skippade javascriptet, vill man backa till föregående sida så finns ju den funktionen i browsern (backpilen). Så här ser min 404-sida ut länk.
Jag tror inte du behöver 404.html eller error404.html. Lycka till!
Den sidan/texten har jag i både 404.html och i nofound.html? hmm?
OK, men fungerar det, eller vad händer?
Jag har ingen aning? har inte lagt upp dem ännu. Men hu testar man dem? jag har ingen sökfunktion på min sajt
Du kan prova genom att knappa in adressen till en sida du vet inte finns, tex www.mysite.se/xyz123.html, där mysite.se är din adress. Eftersom sidan xyz123.html inte finns, så visas notfound.html istället som ett felmeddelande. Hoppas det fungerar 
Tack för tipset jag insåg hur dum frågan var när jag postat den… jag skall testa så fort jag kan