👉 11 Bästa 404 sidor för att förlora besökare till lojala kunder

Vad är nytt i WordPress 3.6

Vad händer om vi berättade att din 404-felsida faktiskt kan öka dina konverteringar och öka intäkterna?

Mind blown, eller hur? Vi vet att det låter för bra för att vara sant, men med en ansträngning som skapar rätt 404 siddesign och korrekt optimering kan du förlora besökare till lojala kunder.

I det här inlägget kommer vi att täcka 11 av de 404 bästa sidorna vi har sett och varför de jobbar.

Först, men låt oss kortfattat prata om 404 sidor och varför de betyder något.

Vad är en 404 fel sida och varför du bör bry sig

Länkar går dåligt över tiden. Det händer på varje sajt. Produkterna tas bort, innehållet tas bort, eller det finns ändringar i permalinkstrukturen.

När en besökare klickar på en länk till en borttagen eller flyttad sida ser de din 404-fel sida. De kommer också att se om de misstänker en webbadress eller klickar på en trasig eller avkortad länk.

Reflekterar din 404 sida ditt varumärke?

Om inte, är du absolut förlorar besökare som kan skriva dig och aldrig komma tillbaka.

Detta…

Är inte en bra titt för någon.

Om du tar tid för att optimera din text på 404 sidor och skapa en varumärkesdesign kan du verkligen minska din avvisningsfrekvens och öka dina konverteringar.

Som lovat är det 11 404 felsida exempel som inspirerar dig och hjälper dig att skapa din egen anpassade 404-sida.

1. Lego-Friendly "Sidan hittades inte" Fel

Varför det fungerar:

Inte bara är Legos 404-sida 100% på varumärket, det är också roligt och lätt att förstå. Det finns ingen teknisk formulering och ingen hänvisning till ett "404-fel" som vissa människor kanske inte förstår.

Alla dina besökare behöver veta är att de inte fick den sida de önskade. De bryr sig inte riktigt om varför; de vill bara ha en lösning.

Hur man gör det:

Till att börja med, byt ut de tekniska sakerna med normalt mänskligt språk. I stället för standard 404-meddelandet använder du fraser som folk förstår:

  • "Sidan hittas inte."
  • "Tyvärr kan vi inte hitta den sida du letade efter."
  • "Hoppsan! Något är trasigt. "
  • "Åh kära, den här länken fungerar inte."

2. Email Center UK – Interactive 404 Page Exempel

Varför det fungerar:

Email Center UK använder en tvådelad 404-sida som tar all skylden bort från besökaren, vilket ger besökaren ett roligt sätt att utarbeta sina 404 frustrationer.

Hur man gör det:

Klandra inte besökaren för felet. Istället, vara ursäktande.

Om du förklarar vad som gick fel, använd inte absolutes. Använd istället ord och fraser som "kanske" eller "möjligen". Denna formulering är mindre sannolikt att få besökaren att känna att felet är deras fel.

Du kan också göra vad Email Center UK gjorde och låta användaren "avfyra" en av utvecklarna.

Dålig Luke, ja.

3. Lista 25 – Bästa 404-sidan

Varför det fungerar:

Denna 404 fel sida från List25 är lysande och så vidare varumärke det gör ont.

Användarupplevelse design bästa praxis är att förklara vad som gick fel när du levererade ett felmeddelande. List25 erbjuder 25 förklaringar. Naturligtvis.

De har en sökfält överst, så besökarna behöver inte bläddra hela vägen genom listan, men vi är ganska säkra på att de flesta List25 besökare ändå går.

Hur man gör det:

De flesta webbplatser kommer inte att få en förteckning över förklaringar som List25, men definitivt ta en minut till förklara vad som gick fel.

Här är en lista över möjliga orsaker till 404-felet:

  • Mistyped URL
  • Kopiera och klistra in fel
  • Bruten länk
  • Avkortad länk
  • Flyttat innehåll
  • Raderat innehåll

Om du vill kasta in några roliga som arbetar med din branding, gör det!

4. Brett Terpstra – Enkel 404 Page Design

Varför det fungerar:

En av de mest irriterande sakerna på 404 felsidor är att den kan signalera en dödsänd. Om sidan inte är väl utformad kan du sluta med ingenstans att gå nästa.

Brett Terpstras 404-sida ger en lista över inlägg som innehåller sökord som är relaterade till länken du försökte komma åt. Inläggen är länkade vilket gör det enkelt och snabbt att navigera till dem.

Sidan är inte prydlig, men det är mycket användbart.

Hur man gör det:

Du kan använda Googles anpassade sök API för att få bästa matchningar från din webbplats för att visas på din 404-sida. Detta ger besökare en omedelbar lösning till deras förlorade sidoproblem.

Detta kräver åtkomst till Googles utvecklarkonsol och är inte för svag i hjärtat. Det finns en bra handledning på Smashing Magazines hemsida som kan komma igång.

5. Steve Madden – 404 sida med produkter

Varför det fungerar:

Steve Maddens 404-sida erbjuder möjligheter till förlorade besökare. Sökrutan är ett bra komplement till något 404-fel och erbjuder några olika sätt att få hjälp så att besökare vet att de lyssnar.

De innehåller också länkar till andra populära produkter för att distrahera besökare från vad som kan vara en mycket frustrerande upplevelse. Läckra och effektiva.

Hur man gör det:

Hjälp dina borttappade besökare med ditt 404 felmeddelande text och design. Inklusive några av nedanstående idéer kan uppmuntra besökare att fortsätta att surfa och söka, förlänger sin tid på din webbplats.

Några saker att inkludera i din 404 siddesign:

  • Menynavigering
  • En länk tillbaka till hemsidan
  • En länk till din webbplatskarta
  • En sökfält
  • Länkar till populära inlägg
  • Länkar till populära produkter

6. 9gag – 404 sidtext med call-to-action

Varför det fungerar:

9gags 404-sida har ett syfte: att få dig att ladda ner sin app. De låtsas inte ens vilja ha något annat.

Att lägga till en fullständig sida av den populära Pulp Fiction Travolta gif är en rolig touch!

Hur man gör det:

Enkelhet är nyckeln. Ja, vi pratade bara om att erbjuda upp sätt att hålla dina besökare surfar, men överväldiga inte dem med för många alternativ.

Helst bör du hålla fast vid ett samtal till handling, kanske två.Du vill inte att besökare ska drabbas av en våg av obeslutsam förlamning och fly din webbplats i skräck.

Gräset är alltid grönare, eller hur? Om du ger dina besökare för många alternativ kan de sluta beklaga sitt val och motverka dig för det.

7. Path – Super Simple 404 Page Design

Varför det fungerar:

Banens 404-sida är enkel och okomplicerad. De vill inte ha trasiga länkar och saknade sidor, så att de ger besökare möjlighet att kontakta banstöd för att rapportera det.

Observera att sökvägen även innehåller en navigeringsfodral om besökaren inte vill rapportera problemet och snarare skulle bläddra. Detta ger strömmen tillbaka till besökaren och hjälper till att lätta sin frustration.

Hur man gör det:

Målet är att ge besökare en chans att rapportera problemet.

Du kan göra detta på några sätt. Du kan hålla det enkelt som Sti och inkludera möjligheten att kontakta support. Ett annat alternativ är att använda en feedbackformulär.

8. IMDB – Funny och On-Brand 404 Page

Varför det fungerar:

Kom ihåg den hemska standard 404-felsidan från början av den här artikeln? Det finns ingen kännedom för din besökare att trösta sig in. IMDB eliminerar det genom att visa besökare en film citat på deras 404 sida.

Branding är subtil här. Det finns inga filmaffischer, inga släpvagnar tävlar för besökarens uppmärksamhet. IMDB erbjuder helt enkelt ett filmcitat, en länk till webbplatsens hemsida och en länk till den citerade filmen.

Hur man gör det:

När du utformar din 404-felsida, se till att behålla varumärkets förtrogenhet.

Snarare än att disorientera dina användare, kommer det att vara lugnande för dem att uppleva samma varumärke som de har blivit kända för.

9. Everipedia – 404 Felmeddelande Text Exempel

Varför det fungerar:

Everipedias 404-sida är allt som besökarna kan förvänta sig av en online-encyklopedi. Detta påminner besökare varför de älskar webbplatsen och fortsätter att komma tillbaka.

Hur man gör det:

TED-talare och marknadsförare Renny Gleeson sa om 404-felsidan,

Ett enkelt misstag kan berätta för mig vad du inte är. Eller påminna mig varför jag älskar dig.

Använd din 404-sida till påminna besökare varför de älskar dig. Vad är ditt unika värdeförslag? Vad skiljer dig från dina konkurrenter?

10. Heyzap – Bästa Interaktiv 404 Sida

Varför det fungerar:

Vem älskar inte att spela spel?

Heyzaps 404-sida lägger till ett interaktivt element som kommer att hålla besökare underhållna och engagerade på webbplatsen ett tag. Kanske även tillräckligt länge för att komma över deras frustration att landa på en fel sida i första hand!

Hur man gör det:

Nej, du behöver inte utveckla ett spel, men överväga det lägger till ett interaktivt element på din sida.

Lägga till ett interaktivt element ger besökarna på webbplatsen något att göra på din 404-felsida. Detta ökar tiden på sidan och minskar avvisningsfrekvenserna, både viktiga för att hålla din webbplats i Googles sökresultat.

11. OptinMonster – 404 Page Exempel med blymagnet

Varför det fungerar:

OptinMonsters 404-sida innehåller en superkyld ledmagnet. Också, att erbjuda en nedladdning om hur man konverterar överge besökare från en fel sida är ganska geni.

Vi vill inte att folk ska överväga någon av deras tid på våra webbplatser tid bortkastad. Att ge en marknadsföringsläsning från 404-sidan får fortfarande bra information i våra besökares händer.

Ja, vi är lite förspända, men vi är också bra på det här. Detta omvandlas som gangbusters.

Hur man gör det:

Erbjud upp din egen ledmagnet av lägger till en MonsterLink till din 404 fel sida.

MonsterLinks är en av OptinMonsters coola funktioner som gör att du kan vrida en länk, knapp eller bild i en 2-stegs optinprocess.

2-stegs optin kräver att användaren initierar processen genom att klicka på länken först innan optin-formuläret visas.

Så här ser den 2-stegs processen ut:

Dessa typer av optins har visat sig öka konverteringar med så mycket som 785%! Klicka här för att komma igång med OptinMonster och följ sedan denna handledning för att lägga till en MonsterLink på din 404-feltsida.

Bonus avsnitt: Exit-Intent

En av de saker vi inte har sett mycket av är användningen av exit-intent-teknik på 404 sidor. Avslutningsintensiv hjälper till att minska studsfrekvensen, är lätt att ställa in och arbetar för att öka konverteringar varje gång.

Avslutsamhet fungerar genom att upptäcka när en användare håller på att överge 404-felsidan och sedan presentera en popup just nu. Detta förhindrar att du förlorar mer än 70% av besökare som lämnar din webbplats, aldrig att återvända.

Här är ett exempel på en popup som visas när användaren håller på att studsa från en 404-fel sida.

(Detta skapades med hjälp av OptinMonster's Canvas-tema.)

Denna popup är en välkommen sida för användaren eftersom det hjälper dem att hitta vad de behöver. Och det fungerar underverk för dig som webbplatsägare eftersom det ger dem en sista chans att fortsätta att surfa på din webbplats.

Du kan också använda avsikten att ge en kupong eller rabattkod till besökare när de lämnar din 404-sida.

Där har du det! 11 av de bästa 404 sidorna vi hittat och massor av tips du kan använda för att öka omvandlingar och öka intäkterna.

Letar du efter fler tips för att öka intäkterna? Kolla in The Ultimate eCommerce Optimization Guide: 13 steg för att omedelbart öka intäkterna!

Följ oss på Facebook och Twitter för mer bra tips och guider från OptinMonster.

Titta på videon: Genomgång av redigeringsvinduet i WordPress

Like this post? Please share to your friends:
Kommentera

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