👉 11 Bedste 404 sider til at vende tabte besøgende til loyale kunder

Hvad er nyt i WordPress 3.6

Hvad hvis vi fortalte dig, at din 404 fejlside rent faktisk kunne øge dine konverteringer og øge indtægterne?

Mind blown, right? Vi ved, at det lyder for godt til at være sandt, men med en indsats der skaber det rigtige 404-sidedesign og korrekt optimering, kan du vende tilbage besøgende til loyale kunder.

I dette indlæg skal vi dække 11 af de bedste 404 sider, vi har set og hvorfor de arbejder.

Først, lad os kort sagt tale om 404 sider og hvorfor de betyder noget.

Hvad er en 404 Fejl side og hvorfor du bør pleje

Links går dårligt over tid. Det sker på hvert websted. Produkter fjernes, indhold bliver slettet, eller der er ændringer i permalinkstruktur.

Når en besøgende klikker på et link til en slettet eller flyttet side, vil de se din 404 fejlside. De vil også se det, hvis de fejler en webadresse eller klikker på et brudt eller afkortet link.

Afspejler din 404 side dit mærke?

Hvis ikke, er du absolut mister besøgende, der kan skrive dig og aldrig komme tilbage.

Det her…

Er ikke et godt udseende for nogen.

Hvis du tager tid til at optimere din 404-sidetekst og oprette et on-brand-design, kan du virkelig reducere din afvisningsprocent og øge dine konverteringer.

Som lovet er der 11 404 fejl side eksempler til at inspirere dig og hjælpe dig med at oprette din egen brugerdefinerede 404 side.

1. Lego-Friendly "Side ikke fundet" Fejl

Hvorfor virker det:

Ikke kun er Legos 404 side 100% on-brand, det er også sjovt og let at forstå. Der er ingen teknisk formulering og ingen henvisning til en "404 fejl", som nogle mennesker måske ikke forstår.

Al din besøgende skal vide, at de ikke fik den side, de ønskede. De er ikke rigtig interesserede i hvorfor; de vil bare have en løsning.

Hvordan gør man det:

Til at begynde med skal du erstatte de tekniske ting med normalt menneskeligt sprog. I stedet for standard 404 beskeden skal du bruge sætninger, som folk forstår:

  • "Siden blev ikke fundet."
  • "Beklager, vi kan ikke finde den side, du søgte efter."
  • ”Ups! Noget er ødelagt. "
  • "Åh kære, dette link virker ikke."

2. Email Center UK – Interactive 404 Page Eksempel

Hvorfor virker det:

Email Center UK bruger en todelt 404-side, der tager alt skylden væk fra den besøgende, hvilket giver den besøgende en sjov måde at uddanne deres 404 frustrationer på.

Hvordan gør man det:

Lad være med at bebrejde den besøgende for fejlen. I stedet, være undskyldende.

Hvis du forklarer, hvad der gik galt, skal du ikke bruge absolutes. Brug i stedet ord og sætninger som "måske" eller "muligvis." Denne formulering er mindre tilbøjelig til at få den besøgende til at føle, at fejlen er deres skyld.

Du kan også gøre, hvad Email Center UK gjorde, og lad brugeren "ild" en af ​​udviklerne.

Dårlig Luke, ja.

3. Liste25 – Bedste 404 Side

Hvorfor virker det:

Denne 404 fejl side fra List25 er strålende og så videre mærke det gør ondt.

Brugeroplevelse design bedste praksis er at give forklare hvad der gik galt, når du leverede en fejlmeddelelse. List25 tilbyder 25 forklaringer. Naturligt.

De har en søgelinje øverst, så de besøgende behøver ikke at rulle hele vejen igennem listen, men vi er helt sikre på, at de fleste List25 besøgende kommer i alligevel.

Hvordan gør man det:

De fleste steder vil ikke have en liste over forklaringer som List25, men helt sikkert tage et øjeblik til forklar hvad der gik galt.

Her er en liste over mulige årsager til 404-fejlen:

  • Mistyped URL
  • Kopier og indsæt fejl
  • Broken link
  • Afkortet link
  • Flyttet indhold
  • Slettet indhold

Hvis du vil smide nogle sjove dem, der arbejder med din branding, gør det!

4. Brett Terpstra – Simple 404 Page Design

Hvorfor virker det:

En af de mest irriterende ting omkring 404 fejlsider er, at den kan signalere en blindgyde. Hvis siden ikke er veludformet, kan du ende med ingen steder at gå videre.

Brett Terpstra's 404 side indeholder en liste over indlæg, der indeholder søgeord relateret til det link, du forsøgte at få adgang til. Stillingerne er forbundet, hvilket gør det nemt og hurtigt at navigere til dem.

Siden er ikke prangende, men det er yderst nyttigt.

Hvordan gør man det:

Du kan bruge Googles tilpassede søgning API til at få de bedste kampe fra dit websted for at dukke op på din 404 side. Det her giver besøgende en øjeblikkelig løsning til deres tabte side problem.

Dette kræver adgang til Googles Developer Console og er ikke for svag i hjertet. Der er en god tutorial på Smashing Magazines websted, der kan komme i gang.

5. Steve Madden – 404 side med produkter

Hvorfor virker det:

Steve Maddens 404-side giver mulighed for at tabe besøgende. Søgefeltet er en god tilføjelse til enhver 404 fejl og tilbyder et par forskellige måder at få hjælp på, så de besøgende kan vide, at de lytter.

De indeholder også links til andre populære produkter for at distrahere besøgende fra, hvad der kan være en meget frustrerende oplevelse. Sneaky og effektiv.

Hvordan gør man det:

Hjælp dine tabte besøgende med din 404 fejlmeddelelses tekst og design. Herunder nogle af ideerne nedenfor kan opfordre besøgende til at fortsætte browsing og søgning, der udvider deres tid på dit websted.

Nogle ting at medtage i dit 404-sidedesign:

  • Menu navigation
  • Et link tilbage til hjemmesiden
  • Et link til dit sitemap
  • En søgelinje
  • Links til populære indlæg
  • Links til populære produkter

6. 9gag – 404 side tekst med call-to-action

Hvorfor virker det:

9gags 404-side har ét formål: at få dig til at downloade deres app. De lader ikke engang til at have noget andet.

Tilføjelse af en komplet side af den populære Pulp Fiction Travolta gif er en sjov touch!

Hvordan gør man det:

Enkelhed er nøglen. Ja, vi snakkede bare om at tilbyde måder at holde dine besøgende browsing på, men overvæld ikke dem med for mange muligheder.

Ideelt set bør du holde fast i en enkelt opfordring til handling, måske to.Du vil ikke have, at besøgende lider af en bølge af ubeslutsomhedslammelse og flygter dit websted i frygt.

Græsset er altid grønnere, ikke? Hvis du giver dine besøgende for mange muligheder, kan de ende med at fortryde deres valg og modstå dig for det.

7. Sti – Super-Simple 404 Page Design

Hvorfor virker det:

Stiets 404-side er enkel og ligetil. De ønsker ikke at have brudte links og manglende sider, så de giver besøgende mulighed for at kontakte vejstøtte for at rapportere det.

Bemærk, at stien også indeholder en navigationsfodbold, hvis den besøgende ikke vil rapportere problemet og snarere vil søge rundt. Dette giver strømmen tilbage til den besøgende og hjælper med at lette deres frustration.

Hvordan gør man det:

Målet her er at give besøgende mulighed for at rapportere problemet.

Du kan gøre dette på få måder. Du kan holde det enkelt som Sti og inkludere muligheden for at kontakte support. En anden mulighed er at bruge en feedback formular.

8. IMDB – Funny og On-Brand 404 Page

Hvorfor virker det:

Husk den forfærdelige standard 404 fejlside fra begyndelsen af ​​denne artikel? Der er ingen bekendthed for din besøgende at trøste sig ind. IMDB eliminerer det ved at vise besøgende et film citat på deres 404 side.

Branding er subtil her. Der er ingen film plakater, ingen trailere konkurrerer om gæsternes opmærksomhed. IMDB tilbyder blot et film citat, et link til webstedets hjemmeside og et link til den citerede film.

Hvordan gør man det:

Når du designer din 404 fejlside, skal du sørge for at opretholde mærkebekendtgørelse.

I stedet for at disorientere dine brugere, vil det være beroligende for dem at opleve det samme mærke, som de er kommet til at kende.

9. Everipedia – 404 Error Message Text Eksempel

Hvorfor virker det:

Everipfs 404-side er alt, hvad de besøgende ville forvente fra en online-encyklopædi. Dette minder besøgende om, hvorfor de elsker webstedet og fortsætter med at komme tilbage.

Hvordan gør man det:

TED højttaler og marketingmedarbejder Renny Gleeson sagde om 404 fejlsiden,

En simpel fejl kan fortælle mig, hvad du ikke er. Eller minde mig om, hvorfor jeg elsker dig.

Brug din 404 side til minde besøgende om, hvorfor de elsker dig. Hvad er din unikke værdi proposition? Hvad skiller dig fra dine konkurrenter?

10. Heyzap – Bedste Interaktive 404 Side

Hvorfor virker det:

Hvem elsker ikke at spille spil?

Heyzaps 404-side tilføjer et interaktivt element, der vil holde besøgende underholdt og engageret på webstedet i et stykke tid. Måske endda længe nok til at komme over deres frustration af landing på en fejlside i første omgang!

Hvordan gør man det:

Nej, du behøver ikke at udvikle et spil, men overveje det tilføjer et interaktivt element til din side.

Tilføjelse af et interaktivt element giver dit websteds besøgende noget at gøre på din 404 fejlside. Dette øger tid på side og reducerer afvisningsfrekvenser, begge vigtige for at holde dit website i Googles søgeresultater.

11. OptinMonster – 404 sideeksempel med blymagnet

Hvorfor virker det:

OptinMonster 404-side indeholder en superkold blymagnet. Også, at tilbyde en download på, hvordan man konverterer forlader besøgende fra en fejlside, er et smukt geni.

Vi vil ikke have folk til at overveje nogen af ​​deres tid på vores hjemmesider tid spildt. At give en markedsføringslektion fra 404-siden får stadig stor information i vores besøgende.

Ja, vi er lidt forudindtaget, men vi er også gode til disse ting. Dette omdanner sig som gangbusters.

Hvordan gør man det:

Tilbyde din egen bly magnet ved tilføjer en MonsterLink til din 404 fejlside.

MonsterLinks er en af ​​OptinMonsters cool funktioner, der giver dig mulighed for at vende et link, en knap eller et billede til en 2-trins optin-proces.

2-trins optin kræver, at brugeren initierer processen ved at klikke på linket først før optin formularen vises.

Sådan ser den 2-trins proces ud:

Disse typer optins er bevist at øge konverteringer med så meget som 785%! Klik her for at komme i gang med OptinMonster og følg derefter denne vejledning for at tilføje en MonsterLink til din 404 fejlside.

Bonusafsnit: Exit-Intent

Et af de ting, vi ikke har set meget af, er brugen af ​​exit-intent teknologi på 404 sider. Afslutningsintensiv hjælper med at reducere afvisningsfrekvensen, er nem at konfigurere og arbejder for at øge konverteringer hver gang.

Exit-intent fungerer ved at opdage, hvornår en bruger er ved at opgive din 404-fejlside og derefter præsentere en popup lige i det øjeblik. Dette forhindrer dig i at miste de mere end 70% af de besøgende, der forlader dit websted, aldrig at vende tilbage.

Her er et eksempel på en popup, der vises, når brugeren er ved at hoppe fra en 404 fejlside.

(Dette blev oprettet ved brug af OptinMonster's Canvas tema.)

Denne popup er et velkomment websted for brugeren, fordi det hjælper dem med at finde det, de har brug for. Og det virker vidundere for dig som hjemmesiden ejer, fordi det giver dem en sidste chance for at fortsætte browsing dit websted.

Du kan også bruge exit-intention til at levere en kupon eller rabatkode til besøgende, da de forlader din 404 side.

Der har du det! 11 af de bedste 404 sider, vi har fundet, og masser af tips, du kan bruge til at øge konverteringer og øge indtægterne.

Leder du efter flere tips til at øge indtægterne? Tjek The Ultimate eCommerce Optimization Guide: 13 trin til øjeblikkeligt at øge indtjeningen!

Følg os på Facebook og Twitter for flere gode tips og vejledninger fra OptinMonster.

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: