Så här fixar du felmeddelandet 404 Not Found på din webbplats

Av de många potentiella fel som du kan se på din webbplats, är felmeddelandet 404 Not Found ett av de tamare. Men det betyder inte att det inte är frustrerande när du eller dina besökare försöker bläddra på din webbplats och fortsätter stöta på 404 Not Found-meddelandet.  😒

Det är det sista du vill att potentiella förstagångskunder ska se från ditt varumärke. Ett 404-fel kan också vara en indikator för dig att något har förändrats eller flyttat och att en 301-omdirigering förmodligen måste läggas till för SEO.

I det här inlägget kommer vi att försöka hjälpa dig att få din webbplats att fungera igen genom att förklara några saker:

Till exempel: om någon försöker komma åt http://yoursite.com/post-name men du inte har något innehåll med slug post-name. Besökaren kommer då att se ett 404-fel eftersom, även om din webbserver fungerar normalt, den resurs som begärdes finns inte.

Detta gäller inte bara för inlägg eller sidor, alla tillgångar som saknas kan generera ett 404-fel på servern. Det kan exempelvis handla om en saknad bildfil, saknad JavaScript, saknad CSS, etc.

Här är en mer fullständig definition av Internet Engineering Task Force (IETF):

Statuskoden 404 (Not Found) anger att ursprungsservern inte hittade en aktuell representation för målresursen eller inte är villig att avslöja att en sådan finns. En statuskod på 404 anger inte om denna brist på representation är tillfällig eller permanent. Statuskoden 410 (Gone) föredras framför 404 om ursprungsservern, förmodligen på vissa konfigurerbara sätt, vet att villkoret sannolikt kommer att vara permanent.

När du eller någon av dina besökare besöker din webbplats, skickar din webbläsare en begäran till webbservern och får tillbaka data inklusive något som kallas en HTTP-rubrik. HTTP-rubriken innehåller HTTP-statuskoder för att förklara ”vad som hände” med förfrågan.

För det mesta fungerar begäran perfekt och du ser aldrig HTTP-statuskoden (om du inte letar). Men om något går fel, visar din webbläsare vanligtvis ett meddelande med HTTP-statuskoden för att indikera det exakta problemet.

Precis som andra felmeddelanden (500-fel, 502-fel, 503-fel, 504-fel, etc.), är felmeddelandet 404 Not Found resultatet av den processen.

Vad orsakar Fel 404 Not Found?

Om du ser det här felet på hela webbplatsens innehåll beror det vanligtvis på ett problem med din webbplats permalänkar. Om du bara ser det på enskilda bitar av innehåll är det troligtvis för att du ändrade en del av innehållets slug utan att konfigurera en omdirigering.

Dessutom är 404-felet inte alltid en dålig sak – det är bara dåligt när det stör användbarheten. Och ibland ligger saker utom din kontroll!

Ibland kan en person till exempel skriva fel URL i adressfältet. I så fall ser de fortfarande ett 404-fel, men det finns inga faktiska problem med hur din webbplats är konfigurerad. Detta är faktiskt det önskade svaret och du kan skapa din egen anpassade 404 sida för att få besökare till rätt plats (vi visar dig hur senare).

Fel 404 Not Found-Variationer

Eftersom olika webbläsare visar felmeddelanden annorlunda kan du se ett annat meddelande för det här felet. Andra vanliga variationer inkluderar:

• “Error 404”
• “404 Not Found”
• ”HTTP-fel 404”
• ”Not Found”
• ”Sidan Hittades Inte”
• ”Den begärda webbadressen hittades inte på den här servern.”
• ”Sidan kan inte hittas”
• ”Vi kan inte hitta den sida du letar efter.”
• ”Den begärda URL / ~ hittades inte på den här servern. Det är allt vi vet.

Fel 404 Not Found-meddelandet är också unikt eftersom många webbplatser faktiskt kommer att skapa en anpassad sida för att ta itu med felet, snarare än att visa ett av meddelandena ovan. Vissa teman inkluderar även anpassade 404-sidor som standard. Av den anledningen kanske du inte ser felmeddelandet alls eftersom många webbplatser kommer att använda roliga eller kreativa 404-sidor istället.

Nedan följer ett exempel på vår egen 404-sida på Kinsta. Vi inkluderar en sökruta och några av våra senaste blogginlägg för att hjälpa besökare att hitta vad de kan ha letat efter. Inkludera alltid sökfunktionalitet på din 404-sida.

Fel 404 Not Found och inverkan på SEO

Fel 404 Not Found har inte någon direkt negativ inverkan på SEO. Men det kan ha en negativ inverkan beroende på orsaken till att felet händer.

Till exempel, om en besökare bara felstavar en URL och ser ett 404-fel – då kommer det inte att få en negativ inverkan på SEO. Men om du har enskilda fel på grund av trasiga webbadresser, kommer det att hämma Googles förmåga att korrekt genomsöka din webbplats , och har på så vis en negativ SEO-effekt.

Om ett permalänk-problem orsakar 404-fel över hela webbplatsen, kan Google dessutom inte genomsöka något av webbplatsens innehåll. Med andra ord, fixa alltid dina 404-fel så snart som möjligt.

Fel 404 Not Found och inverkan på webbplatsens prestanda

Många inser inte det, men webbplatser som genererar många 404-fel kan enkelt börja få prestandaproblem, eftersom dessa svar vanligtvis inte cachas. Vi såg detta ofta på större webbplatser och det kan vara ett stort problem om du oavsiktligt marknadsför eller får en ökning av viral trafik till en 404-sida.

För att minimera effekten av 404-begäranden på webbplatsens prestanda cachelagrar vi automatiskt 404-sidor i 15 minuter.

Om du skapar en ny sida med samma webbadress som den cachelagrade 404-sidan rensar vi automatiskt cachen så att besökarna kan se den nya sidan omedelbart. Detta innebär att din webbplats kommer att skyddas från PHP- och CPU-toppar som orsakas av trafik till dynamiska 404-sidor.

Du genererar förmodligen fler 404-fel än du tror! Vårt MyKinsta analytics-verktyg kan hjälpa dig att bestämma det exakta antalet (se nedan).

Du kan också snabbt se vad de vanligaste 404-felen är. I det här exemplet nedan kan du se att webbplatsen saknar några mobila ikoner, till exempel /apple-touch-icon.png. Dessa finns troligen i ett tema eller pluginkod som blir förfrågad, men de faktiska ikonerna har aldrig lagts till. Därför genererar servern ett 404-fel eftersom den inte kan hitta resurserna.

Du kan också kontrollera 404-fel i Google Search Console eller installera ett tredjepartsplugin som Redirection som loggar 404-fel. Men kom ihåg att plugins som dessa också har en inverkan på prestanda. Det är mycket bättre att lita på ett verktyg på servernivå. Det är därför vi tillhandahåller dessa verktyg för alla Kinsta-klienter.

Anledningen till att dessa fel är dåliga är att många 404-sidor är mycket resurskrävande. För stora webbplatser vill du undvika en tung 404-sida. Skapa en enkel 404-mall som undviker att fråga databasen ytterligare om det är möjligt.

Så här fixar du 404 Not Found?

Nedan kommer vi att täcka olika metoder för hur du åtgärdar felet 404 Not Found-meddelandet, beroende på om det händer över hela sajten eller för specifikt innehåll.

1. Rensa cacheminnet

Börja med att uppdatera sidan och dubbelkolla webbadressen (stavfel är vanligare än du tror).

Om du fortfarande möter ett 404-fel kan du försöka komma åt länken på en annan enhet. Om du kan se sidan kan problemet ligga hos datorns cache.

För att rensa cacheminnet, kolla in våra instruktioner om hur du gör detta i olika webbläsare:

• Hur man tvingar uppdatering av en enda sida för alla webbläsare
• Så här rensar du webbläsarens cache för Google Chrome
• Så här rensar du webbläsarens cache för Mozilla Firefox
• Så här rensar du webbläsarens cache för Safari
• Så här rensar du webbläsarens cache för Internet Explorer
• Så här rensar du webbläsarens cache för Microsoft Edge
• Så här rensar du webbläsarens cache för Opera

2. Uppdatera din webbplats permalänkar

Om du upplever 404-fel över hela webbplatsen när du försöker komma åt innehåll, är den mest sannolika orsaken ett problem med dina permalänkar (eller din .htaccess-fil, om din värd använder Apache). Om du är en Kinsta-klient, använder vi Nginx, så att du kan utesluta .htaccess-filen som en möjlig orsak.

Det enklaste sättet att fixa detta är att uppdatera dina permalänkinställningar via WordPress-instrumentpanelen. Allt du behöver göra är att gå till Inställningar → Permalänkar och klicka på Spara ändringar (du behöver inte göra några ändringar – att klicka på Spara ändringar är tillräckligt).

3. Konfigurera 301-omdirigeringar för flyttat eller omdöpt innehåll

Om du upplever 404-fel på ett visst innehåll är det troligt att du:

• Ändrade URL-sluggen för det innehållet.
• Flyttade det innehållet manuellt, t.ex. genom att radera det befintliga inlägget och klistra in det i ett nytt inlägg.

Användare försöker sedan komma åt innehållet på den gamla platsen och ser en 404-sida istället för den resurs de förväntade sig. Det bästa sättet att åtgärda detta är att automatiskt omdirigera alla som försöker komma åt den gamla platsen till den nya platsen. På så sätt kommer de att komma till rätt plats utan några 404-fel. Det är också bra för SEO. Om du flyttar eller byter namn på ett inlägg utan att lägga till en omdirigering, förlorar du all domänmyndighet som är kopplad till bakåtlänkarna som pekar till det inlägget.

WordPress som standard kommer att försöka omdirigera ändrat/flyttat innehåll. Men det fungerar inte alltid och du bör aldrig lita på WordPress för denna funktionalitet. Men oroa dig inte, det finns flera enkla sätt att ställa in omdirigeringar i WordPress:

Först och främst: du kan använda det kostnadsfria pluginet Redirection för att hantera omdirigeringar från din WordPress-panel. När du har installerat och aktiverat pluginet, gå till Verktyg → Omdirigering och ange 404-adressen i rutan källadress och den nya platsen för innehållet i rutan måladress:

Om du är hostad hos Kinsta kan du också hantera omdirigeringar från MyKinsta-panelen. Att använda Kinstas verktyg är faktiskt ett bättre sätt eftersom reglerna genomförs på servernivå, vilket är ett mycket mer optimalt sätt när det gäller prestanda. Det innebär också ett mindre tredjepartsplugin du måste oroa dig för.

För att lägga till en omdirigering, gå till din webbplats i MyKinsta och välj Omdirigeringar i sidofältets meny. Klicka sedan på knappen Lägg till omdirigeringsregel:

Du kan sedan definiera omdirigeringsregeln:

Slutligen, om din värd använder Apache-servern, kan du använda .htaccess för att ställa in omdirigeringar. Webbplatsen .htaccess Generator kan hjälpa dig att skapa rätt kod för att lägga till i din webbplats .htaccess-fil.

Så här skapar du din egen Fel 404 Not Found-sida?

Medan du kan göra ditt bästa för att förhindra 404-fel genom att följa tipsen ovan, är det omöjligt att helt eliminera 404-fel eftersom vissa saker helt enkelt är utanför din kontroll. Det är inte ovanligt att små webbplatser har tusentals 404-fel varje månad.

Till exempel, om en besökare felstavar webbadressen, eller om en annan webbplats länkar till en sida som inte finns, kommer besökare att få se 404-fel oavsett.

För att ge en mer användarvänlig felsida kan du använda en av de många 404-sidpluginsen. Till exempel låter det kostnadsfria pluginet 404page dig att ställa in en anpassad 404-felsida med:

• En sökruta
• Viktiga länkar
• Kontaktinformation

En annan viktig egenskap hos 404page-pluginet är att det inte skapar omdirigeringar. En 404-sida bör aldrig omdirigeras till en fysisk sida som yoursite.com/404.  404-felet ska alltid genereras dynamiskt på sidan i fråga.

Genom att inkludera dessa element, ger du besökarna de verktyg de behöver för att hitta sin väg till rätt sida. Men kom ihåg, gör en lättviktig 404-sida för bättre prestanda. Inkludera bara vad som är absolut nödvändigt.

Så övervakar du 404-fel i framtiden?

Framöver kan det vara fördelaktigt att uppmärksamma vilka förfrågningar som orsakar 404-fel på din webbplats. Detta kan hjälpa dig att:

• Hitta brutna länkar som skickar människor till en obefintlig resurs (det kan vara interna länkar eller externa länkar från andra webbplatser). Du skulle då behöva göra ditt bästa för att fixa dessa länkar om det alls är möjligt.
• Se vilka sidor Google har problem med att genomsöka. Du behöver sedan ta reda på varför Google försöker genomsöka en obefintlig sida och ställa in en omdirigering om det behövs.
• Felsöka prestandarelaterade problem med 404-fel.

Alternativ 1 – Google Analytics

Om du använder Google Analytics kan du ställa in en anpassad rapport för att spåra 404-fel från externa länkar. Rebelytics har en bra handledning om ämnet.

Alternativ 2 – WordPress Plugin

Om du vill använda ett WordPress plugin, kan ovannämnda pluginet Redirection hjälpa dig att övervaka 404-fel från din WordPress-panel.

Alternativ 3 – Third-Party Audit Tool

Du kan också använda ett tredjepartsrevisionsverktyg som Ahrefs för att övervaka 404-fel på din webbplats. Du kan även ställa in detta att köras efter ett schema.

Alternativ 4 – Google Search Console

Slutligen kan du spåra 404-fel som Googles sökrobotar stöter på i Google Search Console. När du har verifierat din webbplats med Google Search Console går du till Genomsökning → Genomsökningsfel → Not Found för att visa en lista med 404-fel som Google har stött på. Detta är överlägset ett av de enklaste sätten.

Det är också det bästa när det gäller prestanda eftersom det inte kräver några tredjepartsplugin eller ytterligare skanning av din webbplats. Googles robotar genomsöker redan din webbplats regelbundet, så varför inte bara dra nytta av de data de redan tillhandahåller? 😉

Sammanfattning

Tyvärr kommer 404-fel att hända på din webbplats oavsett om du gillar det eller inte. Ju större din webbplats är, desto fler kommer du att börja se. Vi rekommenderar att du skapar ett bra arbetsflöde för hur du övervakar dessa typer av fel och hur du fixar dem. 404-fel är aldrig bra för besökare, ditt varumärke, och Google gillar inte att se dem heller.

Har du några andra tips eller frågor om felet 404 Not found-meddelandet eller hur det påverkar din webbplats? Låt oss veta nedan i kommentarerna.

Brian Jackson

Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.

• LinkedIn
• Twitter