Utforming av intuitive og brukervennlige 404-sider

Alle av oss har interagert med en 404-side på et tidspunkt.

Disse sidene vises når koblingen er brutt, en side er slettet, eller når brukeren har skrevet inn sideadressen feil. Men uansett årsak er det fortsatt en feil som må fikses. I tillegg skader ødelagte koblinger nettstedets rangering, og det er ikke det du trenger. SEO-aspektet på nettstedet ditt er utrolig viktig, så du vil ikke miste trafikken bare fordi du har glemt å holde øye med 404-varslene.

Selv om det er klart at 404 sider må fikses ASAP, kan du aldri virkelig forutsi når brukeren møter en ødelagt lenke. Så for å være klar og gjøre den negative opplevelsen til en positiv, må du tilpasse 404-sidene dine og gjøre dem brukervennlige og intuitive.

Klar til å lære hvordan du kan gjøre det dårlige til det gode? La oss finne ut av det.

Tilpass 404-siden for nettstedet ditt

Tenk deg at du surfer på en utrolig fargerik og tiltalende nettside med mange interaktive elementer og plutselig snubler over en tom side med en ren "404 side ikke funnet"-melding.

Litt av en vekker, ikke sant?

404-siden skal ikke fremstå som en ubehagelig overraskelse, dette er grunnen til at det er så viktig å holde designen den samme som den generelle layouten på nettstedet.

For det, hold utseendet på 404-siden det samme som utseendet til de andre sidene, inkludert bakgrunn, farger, fonter og andre elementer (hvis aktuelt). I tillegg tar mange nettsteder 404-siden som en mulighet til å understreke merkevaren og minne brukerne om den en gang til.

Når du designer en 404-side for nettstedet ditt, vær oppmerksom på meldingen. Et godt utformet budskap er en god mulighet til å inkludere et smart ordspill eller minne brukerne om dine produkter/tjenester på en diskré måte.

Forklar hva som skjedde

Hvis vi ser på standard 404-siden under Apache, vil vi se følgende:

Og det er det. Brukeren har ingen anelse om hva som faktisk skjedde og hva han skal gjøre videre.

Fordi du bryr deg om kundene dine og ønsker å avvise enhver ubehagelig opplevelse, gi en forklaring på feilen. Hovedårsakene til 404 er vanligvis:

• Brukeren skrev feil,
• Linken er brutt,
• Siden eksisterer ikke,
• Forbindelsen med serveren er brutt.

Selvfølgelig trenger du ikke å liste opp alle de ovennevnte problemene. Bare sørg for at forklaringen din er forståelig.

Ved å være ærlig om problemet vil du vinne over brukerne og oppmuntre dem til å bli på siden og fortsette å surfe på den.

Lag et engasjerende budskap

404-siden er en perfekt sjanse for merkevaren til å vise frem sin identitet gjennom et godt utformet budskap.

De beste eksemplene på 404 sider inneholder ofte:

• Ordspill
• Melding relatert til nettstedets produkter eller tjenester
• Personlig appell,
• Referanser til popkultur og gjenkjennelige hendelser.

Fordi 404-side er en feil som standard, må du transformere den til noe helt motsatt aka en positiv og morsom opplevelse.

GitHub gjorde en strålende jobb med tanke på å designe sin 404-side. Den brukte stereotypen om utviklerne og deres kjærlighet til "Star Wars"-sagaen og brukte den til sin egen fordel ved å gjøre både de visuelle elementene og sidemeldingen umiddelbart gjenkjennelige selv av de som ikke så noen Star Wars-film.

Tilby en handling å ta

En oppfordring til handling er veldig viktig og er et absolutt must for et 404-siders design.

En bruker skal aldri sitte igjen med en tom side og null valg. Så selv om noe som 404 skjedde, tilby et alternativ som vil føre til en gjensidig fordel.

Noen av de mest populære CTAene for 404-siden er:

• en søkelinje
• hjemmeside
• toppprodukter/tjenester
• registrere deg for et produkt eller et nyhetsbrev
• et tilbud om en gratis prøveperiode

Vær oppmerksom på CTA-knappenes design. De må være lett å oppdage og bør ikke blande seg med bakgrunnen, ellers vil en bruker ikke legge merke til dem. Tenk også på CTA-knappens melding: i stedet for klisjeer som "Klikk her", gå med noe mer kreativt ("Se hva vi har").

Legg til en søkefelt

En bruker landet på 404-siden fordi han søkte etter noe. Så gi dem muligheten til å prøve igjen ved å legge til en søkefelt på siden.

Du kan støtte det med en melding som: "Det virker som om søket ditt ikke er å finne… Hvorfor ikke prøve igjen?" Velskrevne CTAer har høy engasjementsrate og fungerer godt sammen med bilder.

Legg også til en hinttekst i søkefeltet. En bar med en tekst får bedre engasjement enn en tom.

Legg til utgangspunkter

En søkelinje på 404-siden er ikke nok. Hva om brukerne ikke er sikre på hva de trenger?

Legg til "Hjemmeside" eller andre relevante knapper for å navigere brukeren fra en 404-side til potensiell konvertering. I tillegg kan du legge til en "Kontakt oss"-knapp for å øke påliteligheten.

Noen selskaper bruker 404-siden som en mulighet til å minne om sine produkter og tjenester og plassere de tilsvarende koblingene på siden.

Vis produktene/tjenestene dine

Hvis du for eksempel er en e-handelsbutikk, kan du plassere de bestselgende produktene dine på 404-siden for å gi brukerne en sjanse til å oppdage de beste produktene dine og (forhåpentligvis!) kjøpe dem.

Når det gjelder de andre nettstedene, kan du garantert tilby noe verdifullt til brukerne dine. Det kan være en gratis prøveversjon av et produkt, et tilbud om å melde seg på et kurs, eller en guide til nyttige områder på siden.

Gjør det morsomt

Som vi allerede sa ovenfor, er 404-siden en negativ opplevelse fordi brukeren ikke fikk det tiltenkte resultatet. For å løse problemet, gjør siden interaktiv eller legg til et morsomt element til den.

Selv om du posisjonerer deg selv som et svært profesjonelt merke, vil ikke litt humor skade. I tillegg legger mange selskaper til gamification og videoer på 404-siden deres for å engasjere brukeren og holde ham underholdt.

Sporer 404-feilen

404-feilen er ikke brukerens sak. Men det er din oppgave å spore den og identifisere årsaken til feilen og brukerens reise.

Det er et par ting du må huske på når du velger et verktøy for 404-feilsporing.

Vurder alle 404-feilkilder

En 404-feil er kanskje ikke nødvendigvis på nettstedet ditt – en kunde kan åpne et gammelt nyhetsbrev og følge koblingen, eller det kan vises i søkeresultatene på Google.

Så når du velger et verktøy for feilovervåking, dobbeltsjekk at det søker etter 404-feil overalt, slik at du kan fikse dem alle.

Rapport om 404 feilkostnad

Som nettstedeier har du sannsynligvis en million ting å gjøre, og å fikse 404-feil er kanskje ikke øverst på listen din.

Dette er grunnen til at du trenger et verktøy som lar deg vite hvor mye 404-feilene dine koster. Og vi snakker ikke om penger her – det kan være en prosentandel av tapte konverteringer, økt fluktfrekvens, et antall tapte brukere.

Når du ser hvordan 404-feil påvirker virksomheten din, vil det være lettere å prioritere oppgavene dine og flytte 404-feilene enten opp eller ned på listen.

Konstant overvåking

En 404-feil er ikke noe som skjer med jevne mellomrom. Det kan hende at du har det helt fint, og så plutselig får en bruker en 404.

Det er derfor sporingsverktøyet ditt bør overvåke 404-feilene konstant og umiddelbart varsle deg når du finner en. På denne måten vil du kunne fikse det i tide og eliminere risikoen for at andre brukere snubler over 404-siden.

Typer sporingsverktøy

Det finnes forskjellige typer tilgjengelige sporingsverktøy som vil hjelpe deg å finne 404-feilen og fikse den.

Crawl-verktøy

Crawl-verktøy som Screaming Frog er perfekte for raskt å skanne nettstedet ditt og sjekke det for ødelagte koblinger.

Disse verktøyene analyserer koblingene til nettstedet ditt og gir deg beskjed om hvilke som er ødelagte og hva som er årsaken til feilen. I tillegg er crawl-verktøy vanligvis enkle å administrere og installere.

Den største feilen med slike verktøy er at de kun analyserer lenkene på nettstedet ditt – og husker du hva vi sa om viktigheten av avansert analyse? I tillegg forteller ikke crawl-verktøy deg kostnadene for en 404-feil, men hjelper deg bare med å identifisere den.

Et gjennomgangsverktøy er definitivt nyttig, og du bør distribuere det med jevne mellomrom bare for å sikre at alt er bra med butikken din. Men ikke glem å utføre regelmessige og avanserte analyser for å sikre at det ikke er andre feil som du kanskje har forlatt ubemerket.

Verktøy for tilbakekobling

I motsetning til gjennomsøkingsverktøy, fokuserer tilbakekoblingsverktøyene på eksterne kilder som leder brukerne til de ødelagte koblingene på nettstedet ditt.

Link Explorer av Moz er et av verktøyene som hjelper deg med å finne nettsidene som tar brukerne til nettstedet ditt. En slik analyse er veldig nyttig for SEO-en din, da du kan eliminere 404-koblingene og forbedre rangeringen av nettstedet ditt.

Men igjen, på samme måte som med gjennomsøkingsverktøy, dekker tilbakekoblingssporingsverktøyene bare ett aspekt ved å identifisere de ødelagte koblingene. Hvis du vil finne alle 404-feillenker, inkludert de i de gamle nyhetsbrevene eller på sosiale medier, trenger du en mer omfattende analyse.

Sporing med Google Analytics

En av de vanligste og mest effektive måtene å spore feilen på 404 sider er med Google Analytics.

For det må du kopiere denne koden:

<script> 
   // Create Tracker - Send to GA
   // Replace UA-11111111-11 with your own Tracking ID
 ga('create', 'UA-11111111-11');
   ga('send', {
     hitType: 'event',
     eventCategory: '404 Response',
     eventAction: window.location.href,
     eventLabel: document.referrer
});
</script>

og legg den til på 404-feilsiden/malen. Bare husk å lime inn ID-en til Google-kontoen din i koden.

Etter det vil du kunne se hvilke eksakte nettadresser som forårsaker 404-feilen og hvor folk får dem.

Og til slutt: fiks problemet!

Ulykker vil skje og det er et faktum. Det er bedre å ha en pen 404-side på forhånd enn febrilsk å fikse problemet mens de irriterte brukerne venter.

Imidlertid er 404 en feil og må fikses. Avhengig av feilprioriteten kan du omdirigere koblingen, gjenopprette siden eller korrigere kildelenken. Gjør også følgende:

• Introduser automatiserte og vanlige 404-rapporter for å holde øye med 404-sider og fikse dem i tide,
• Sett opp sanntidsvarsler på 404,
• Utfør en revisjon for å identifisere eventuelle ødelagte koblinger.

Alt i alt bør en brukervennlig 404-side gi verdi for brukeren, være konsistent når det gjelder generell nettstedsdesign og hjelpe deg med å navigere på nettstedet. Ved å følge disse reglene vil du beholde brukerne og samtidig øke konverteringene dine.