Guide till smarta 404‑sidor som räddar både kunder och trafik

Vad är 404 och varför uppstår det?

Statuskoden 404 betyder att servern inte hittar sidan som efterfrågas. Webbläsaren visar då ett felmeddelande, ofta med texten “404 Not Found” eller “404 page not found”. Det kan bero på till exempel:

När det händer hamnar besökaren på din 404‑sida. Den kan antingen kännas som en vägg eller som en vänlig skylt som visar vägen vidare. Resten av artikeln handlar om hur du gör det senare.

Är 404‑sidor dåliga för SEO?

Brutna länkar och besökare som hamnar fel är nästan alltid dåligt för användarupplevelsen, rankingen och din SEO. Men själva 404‑koden är inte farlig i sig. Det som skadar är när viktiga sidor (som tjänster, bokning eller populära artiklar) ofta ger 404 utan en omdirigering. En genomtänkt 404‑sida kan däremot mildra problemet genom att fånga upp besökaren, förklara vad som hänt och guida vidare till rätt innehåll.

Ur ett SEO‑perspektiv vill du:

301‑omdirigering VS. statuskod 404

Statuskod 301 är en permanent omdirigering. Den talar om för både besökare och sökmotorer att innehållet har flyttat till en ny adress.

Använd 301 när:

Exempel: Du tar bort en gammal sida om “Takläggning i Norrköping” när du bygger om sajten. Då är det smart att peka den gamla adressen mot din nya sida om takläggning, i stället för att låta den bli 404.

Du kan låta sidan vara 404 när:

I de fallen är det viktigare att din 404‑sida är tydlig och hjälpsam än att du försöker tvinga allt till startsidan. Jag brukar dock nästan alltid lägga in en 301-hänvisning för att vara på den säkra sidan.

SEO-specialisten rekommenderar

Byter du domän eller gör om hemsidan utan att ta hand om de gamla adresserna är risken stor att kunderna inte hittar tillbaka. Det är en onödigt dyr miss. Lägg en stund på att styra om viktiga länkar innan du trycker på publicera.

Kajsa Uhlin

SEO specialist på Robin

Se alla artiklar

Läs också: 301‑omdirigeringar: Steg för steg – Undvik tapp i trafik och ranking

Så hittar du brutna länkar som ger 404 – Not Found

För att hitta brutna länkar som leder till 404 kan du både använda SEO‑verktyg och själv klicka dig runt på sidan. Börja med att läsa av felrapporter i Google Search Console, komplettera med ett verktyg som crawlar hela din hemsida och avsluta med en manuell check av dina viktigaste länkar. Då fångar du både de tekniska felen och sådant som drabbar besökaren i vardagen.

Kolla 404‑fel i Google Search Console

Google Search Console visar vilka URL:er Google försöker besöka men inte hittar.

Gör så här:

Titta särskilt efter:

För varje viktig 404‑URL behöver du ta ställning:

Läs också: Så kopplar du Google Search Console till din hemsida

Crawla hela din hemsida

Ett “crawl” betyder att ett verktyg går igenom alla sidor på din sajt och följer länkarna, ungefär som en sökmotor gör.

Verktyg som till exempel Screaming Frog kan:

Arbetsgång:

Det här är ett effektivt sätt att städa bort brutna länkar som du själv råkat skapa i menyer, blogginlägg, knappar och footers.

Gör en snabb manuell kontroll

Verktyg är bra, men en kort manuell genomgång fångar ofta det viktigaste:

Tänk kundresan: Leder våra viktigaste klick till rätt innehåll?

Vad bör en bra 404‑sida innehålla?

En bra 404‑sida ska tydligt tala om att sidan inte hittas och samtidigt hjälpa besökaren vidare till rätt innehåll. För att lyckas behöver du en mänsklig rubrik, en kort förklaring och tydliga länkar eller knappar till dina viktigaste sidor – paketerat i din vanliga grafiska profil.

1. En tydlig, mänsklig rubrik

Undvik tekniska fraser som “HTTP 404 error”. Skriv i stället något i stil med:

Rubriken ska direkt tala om vad som hänt, utan att skrämma upp besökaren.

2. Kort text som förklarar felet

En eller två meningar räcker: “Länken kan vara fel, eller så har vi flyttat eller tagit bort sidan.”

Poängen är att bekräfta att felet ligger i sidan/länken, inte hos personen som klickat.

3. Tydliga vägar vidare

Här vinner du tillbaka besökaren. Ha alltid med:

Har du mycket innehåll är ett sökfält eller länkar till dina huvudkategorier också bra.

4. Samma känsla som resten av varumärket

404‑sidan ska kännas som din sajt, inte som ett anonymt felmeddelande:

Vill du vara lekfull (som LEGO, Disney eller Coolstuff) kan du lägga till illustrationer eller humor. Vill du vara mer nedtonad räcker det med en ren, trygg layout. Det viktiga är att det känns konsekvent.

Exempel på bra och kreativa 404‑sidor

Bra 404‑sidor kan se väldigt olika ut, men de har tre saker gemensamt: de är on‑brand, lätta att förstå och hjälper besökaren vidare. Här är vad vi kan lära oss av några kända exempel.

LEGO: Tydlig humor och starkt varumärke

LEGO använder en stor bild på en orolig legofigur och rubriken i stil med “OH BRICKS! We can’t find this page.”

Disney: Familjevänlig och rak

Disney visar en känd figur (t.ex. från Monsters Inc.) med rubriken “OJ! SIDAN FINNS INTE.” och en stor knapp “GÅ TILLBAKA”.

Blizzard: Stämning och enkel väg hem

Blizzard använder en helskärmsvideo från spelet med texten “404 – PAGE NOT FOUND” och en knapp som leder dig vidare. Det känns mer som en scen ur spelet än ett tråkigt felmeddelande:

IMDb: kort text med personlighet

IMDb använder en enkel gul pratbubbla med text i stil med “Houston, we have a missing page.” och länkar vidare till startsidan. Citatet byts ut då och då mot andra klassiska filmrepliker, så varje 404‑besök kan kännas lite olika – men upplägget är alltid detsamma.

Discord: Liten story och nyttiga länkar

Discord skriver “WRONG TURN?” och spinner vidare med en kort, lekfull text om att du gått vilse. Samtidigt länkar de vidare till status, support med mera.

Coolstuff: Extra twist med spel

Coolstuff använder rubriken “Ojsan! Vi tappade bort vad du letade efter.”, en lekfull illustration och låter dig till och med spela ett litet spel – samtidigt som det finns en tydlig knapp till topplistan.

Checklista - Så förbättrar du din 404‑sida

En bra 404‑sida behöver inte vara ett stort projekt. Använd gärna den här checklistan som snabb genomgång.

1. Testa att 404‑sidan verkligen dyker upp

2. Kolla rubriken

3. Läs brödtexten

4. Lägg in tydliga knappar/länkar

5. Fundera på sök / kategorier

6. Stäm av designen

7. Koppla till dina 301‑omdirigeringar