👉 11 beste 404 pagina's om verloren bezoekers in loyale klanten om te zetten

Wat is er nieuw in WordPress 3.6

Wat als we u zouden vertellen dat uw 404-foutpagina uw conversies daadwerkelijk zou kunnen verhogen en de inkomsten zou opdrijven?

Gedachte, toch? We weten dat het te mooi klinkt om waar te zijn, maar met een beetje moeite met het maken van het juiste 404-pagina-ontwerp en de juiste optimalisatie kun je verloren bezoekers omzetten in loyale klanten.

In dit bericht gaan we over 11 van de beste 404 pagina's die we hebben gezien en waarom ze werken.

Laten we echter eerst kort iets zeggen over 404 pagina's en waarom ze ertoe doen.

Wat is een 404-foutpagina en waarom moet u dit doen

Links gaan na verloop van tijd slecht. Het gebeurt op elke site. Producten worden verwijderd, inhoud wordt verwijderd of er zijn wijzigingen in de Permalink-structuur.

Wanneer een bezoeker op een link naar een verwijderde of verplaatste pagina klikt, wordt uw 404-foutpagina weergegeven. Ze zien het ook als ze een URL verkeerd typen of op een verbroken of afgekapte koppeling klikken.

Weerspiegelt uw 404-pagina uw merk?

Zo niet, dan wel Absoluut bezoekers verliezen die je misschien afschrijven en nooit meer terugkomen.

Deze…

Is niet goed voor iemand.

De tijd nemen om uw 404-paginatekst te optimaliseren en een ontwerp op merk te creëren, kan uw bouncepercentage aanzienlijk verminderen en uw conversies verhogen.

Zoals beloofd, hier zijn 11 404 foutpagina-voorbeelden om u te inspireren en u te helpen bij het maken van uw eigen aangepaste 404-pagina.

1. Lego – Vriendelijke fout "Pagina niet gevonden"

Waarom het werkt:

Niet alleen is Lego's 404-pagina 100% on-brand, het is ook leuk en gemakkelijk te begrijpen. Er is geen technische formulering en geen verwijzing naar een "404-fout" die sommige mensen misschien niet begrijpen.

Het enige dat uw bezoeker moet weten, is dat ze de pagina niet hebben gekregen die ze wilden. Ze geven niet echt om het waarom; ze willen gewoon een oplossing.

Hoe je dat doet:

Om te beginnen, vervang de technische dingen met normale menselijke taal. Gebruik in plaats van het standaard 404-bericht zinnen die mensen zullen begrijpen:

  • "Pagina niet gevonden."
  • "Sorry, we kunnen de pagina die je zocht niet vinden."
  • “Oops! Iets is kapot."
  • "Oh jee, deze link werkt niet."

2. E-mailcentrum VK – Interactief 404-paginavoorbeeld

Waarom het werkt:

Email Center UK gebruikt een tweedelige 404-pagina die alle schuld van de bezoeker wegneemt, waardoor de bezoeker op een leuke manier zijn 404 frustraties kan uitwerken.

Hoe je dat doet:

Geef de bezoeker de schuld niet voor de fout. In plaats daarvan, verontschuldig je.

Als je uitlegt wat er mis ging, gebruik dan geen absolutes. Gebruik in plaats daarvan woorden en zinsdelen als 'zou kunnen hebben' of 'mogelijk'. Deze bewoording zal de bezoeker minder snel het gevoel geven dat de fout haar fout is.

Je zou ook kunnen doen wat Email Center UK heeft gedaan en de gebruiker een van de ontwikkelaars "laten afvuren".

Arme Luke, inderdaad.

3. Lijst25 – Beste 404 pagina

Waarom het werkt:

Deze 404-foutpagina van List25 is briljant en dus on-brand doet het pijn.

De beste werkwijze voor gebruikerservaringen is om uit te leggen wat er mis ging bij het afleveren van een foutmelding. Lijst25 biedt 25 verklaringen. Van nature.

Ze hebben bovenaan een zoekbalk zodat bezoekers niet helemaal door de lijst hoeven te scrollen, maar we zijn er vrij zeker van dat de meeste List25-bezoekers toch gaan.

Hoe je dat doet:

De meeste sites hebben geen lijst met uitleg zoals List25, maar het duurt zeker even uitleggen wat er mis ging.

Hier is een lijst met mogelijke redenen voor de 404-fout:

  • Mistyped URL
  • Kopieer en plak de fout
  • Kapotte link
  • Verkorte link
  • Inhoud verplaatst
  • Verwijderde inhoud

Als je een paar leuke games wilt gebruiken die werken met je branding, doe het dan!

4. Brett Terpstra – Simple 404 Page Design

Waarom het werkt:

Een van de meest vervelende dingen over 404 foutpagina's is dat het een impasse kan signaleren. Als de pagina niet goed is ontworpen, kunt u uiteindelijk nergens terecht.

De 404-pagina van Brett Terpstra biedt een lijst met berichten met zoekwoorden die betrekking hebben op de link waartoe u toegang probeerde te krijgen. De berichten zijn gekoppeld waardoor het gemakkelijk en snel is om naar ze te navigeren.

De pagina is niet opzichtig, maar het is buitengewoon handig.

Hoe je dat doet:

U kunt de Custom Search API van Google gebruiken om de beste matches van uw website te krijgen om op uw 404-pagina te worden weergegeven. Deze geeft bezoekers een onmiddellijke oplossing naar hun probleem met verloren pagina's.

Dit vereist toegang tot de ontwikkelaarsconsole van Google en is niet voor bangeriken. Er is een geweldige tutorial op de Smashing Magazine-site die je op weg kan helpen.

5. Steve Madden – 404 pagina met producten

Waarom het werkt:

De 404-pagina van Steve Madden biedt opties voor verloren bezoekers. Het zoekvak is een geweldige aanvulling op elke 404-fout en het aanbieden van een paar verschillende manieren om hulp te krijgen laat bezoekers weten dat ze luisteren.

Ze bevatten ook links naar andere populaire producten om bezoekers af te leiden van een zeer frustrerende ervaring. Stiekem en effectief.

Hoe je dat doet:

Help uw verloren bezoekers met uw 404-tekst en ontwerp van foutmeldingen. Inclusief enkele van de onderstaande ideeën kan moedig bezoekers aan om door te gaan met browsen en zoeken, verlenging van hun tijd op uw site.

Sommige dingen die u in uw 404-paginaontwerp moet opnemen:

  • Menunavigatie
  • Een link terug naar de startpagina
  • Een link naar uw sitemap
  • Een zoekbalk
  • Links naar populaire berichten
  • Links naar populaire producten

6. 9gag – 404 Paginatekst met call-to-action

Waarom het werkt:

De 404-pagina van 9gag heeft slechts één doel: u ertoe brengen om hun app te downloaden. Ze doen zelfs niet alsof ze iets anders willen.

Het toevoegen van een volledige pagina van de populaire Pulp Fiction Travolta gif is een leuke touch!

Hoe je dat doet:

Eenvoud is de sleutel. Ja, we hebben het net gehad over het aanbieden van manieren om uw bezoekers te laten browsen, maar overweldig ze niet met te veel opties.

Idealiter zou je je moeten houden aan een enkele oproep tot actie, misschien twee.U wilt niet dat bezoekers een golf van besluiteloosheid verlammen en uw site in paniek ontvluchten.

Het gras is altijd groener, toch? Als u uw bezoekers te veel opties geeft, kan het zijn dat ze spijt hebben van hun keuze en u er kwalijk voor staan.

7. Pad – Supereenvoudig 404-paginaontwerp

Waarom het werkt:

De 404-pagina van Path is eenvoudig en duidelijk. Ze willen geen verbroken koppelingen en ontbrekende pagina's hebben, zodat ze bezoekers de mogelijkheid bieden om contact op te nemen met Path-ondersteuning om dit te melden.

Merk op dat Path ook een navigatiefooter bevat voor het geval de bezoeker het probleem niet wil melden en liever rond wil bladeren. Dit geeft de kracht terug aan de bezoeker en helpt om hun frustratie te verminderen.

Hoe je dat doet:

Het doel is hier om geef bezoekers een kans om het probleem te melden.

U kunt dit op een aantal manieren doen. U kunt het eenvoudig houden zoals Pad en de optie opnemen om contact op te nemen met ondersteuning. Een andere optie is om een ​​feedbackformulier te gebruiken.

8. IMDB – grappige en on-brand 404 pagina

Waarom het werkt:

Weet je nog die vreselijke standaard 404-foutpagina vanaf het begin van dit artikel? Er is geen vertrouwdheid voor uw bezoeker om te troosten. IMDB elimineert dat door bezoekers een filmcitaat te laten zien op hun 404-pagina.

De branding is hier subtiel. Er zijn geen filmposters, geen trailers concurreren om de aandacht van de bezoeker. IMDB biedt eenvoudig een filmofferte aan, een link naar de startpagina van de site en een link naar de geciteerde film.

Hoe je dat doet:

Let er bij het ontwerpen van uw 404-foutpagina op behoud van merkbekendheid.

In plaats van uw gebruikers te desoriënteren, zal het voor hen geruststellend zijn om hetzelfde merk te ervaren dat zij hebben leren kennen.

9. Everipedia – 404 Foutmelding Tekstvoorbeeld

Waarom het werkt:

De 404-pagina van Everipedia is alles wat de bezoekers van een online encyclopedie verwachten. Dit herinnert bezoekers eraan waarom ze van de site houden en blijven terugkomen.

Hoe je dat doet:

TED-spreker en -verkoper Renny Gleeson zei over de 404-foutpagina,

Een eenvoudige fout kan me vertellen wat je niet bent. Of herinner me eraan waarom ik van je hou.

Gebruik uw 404-pagina om herinner bezoekers eraan waarom ze van je houden. Wat is je unieke waardepropositie? Wat onderscheidt u van uw concurrenten?

10. Heyzap – Beste interactieve 404-pagina

Waarom het werkt:

Wie houdt er niet van om spelletjes te spelen?

De 404-pagina van Heyzap voegt een interactief element toe dat bezoekers een tijdje op de site laat vermaakt en betrokken houdt. Misschien zelfs lang genoeg om de frustratie te overwinnen dat ze op de eerste plaats op een foutpagina terecht zijn gekomen!

Hoe je dat doet:

Nee, je hoeft geen spel te ontwikkelen, maar overweeg het wel een interactief element toevoegen aan uw pagina.

Het toevoegen van een interactief element geeft de bezoekers van uw site iets te doen op uw 404-foutpagina. Hierdoor neemt de tijd op de pagina toe en worden de bouncepercentages verlaagd, beide belangrijk voor het houden van uw website in de zoekresultaten van Google.

11. OptinMonster – 404 Paginavoorbeeld met loodmagneet

Waarom het werkt:

De 404-pagina van OptinMonster bevat een superkoude leadmagneet. Ook het aanbieden van een download over het converteren van bezoekers van een foutpagina is behoorlijk geniaal.

We willen niet dat mensen tijdverspilling op onze sites overwegen. Het verstrekken van een marketing les van de 404 pagina krijgt nog steeds geweldige informatie in handen van onze bezoekers.

Ja, we zijn een beetje bevooroordeeld, maar we zijn ook goed in dit spul. Dit wordt omgezet als gangbusters.

Hoe je dat doet:

Bied je eigen loodmagneet aan met toevoegen van een MonsterLink naar uw 404-foutpagina.

MonsterLinks is een van de coole functies van OptinMonster waarmee u elke link, knop of afbeelding in een optin-proces in twee stappen kunt veranderen.

De opt-in in twee stappen vereist dat de gebruiker het proces start door op de link te klikken eerste voordat het optin-formulier verschijnt.

Dit is hoe dat tweestaps proces eruit ziet:

Het is bewezen dat dit soort optins de conversie met maar liefst 785% verhoogt! Klik hier om aan de slag te gaan met OptinMonster en volg deze zelfstudie om een ​​MonsterLink toe te voegen aan uw 404-foutpagina.

Bonussectie: Exit-Intent

Een van de dingen die we niet vaak hebben gezien, is het gebruik van exit-intent-technologie op 404 pagina's. Exit-intentie helpt het bouncepercentage te verminderen, is eenvoudig in te stellen en werkt elke keer om conversies te verhogen.

Exit-intent werkt door te detecteren wanneer een gebruiker op het punt staat uw 404-foutpagina te verlaten en op dat moment een pop-upvenster te presenteren. Hiermee voorkomt u dat u meer dan 70% van de bezoekers kwijtraakt die uw site verlaten en nooit meer teruggaan.

Hier is een voorbeeld van een pop-up die verschijnt wanneer de gebruiker op het punt staat te stuiteren op een 404-foutpagina.

(Dit is gemaakt met het Canvas-thema van OptinMonster.)

Deze pop-up is een welkomstpagina voor de gebruiker, omdat deze hen helpt bij het vinden van wat ze nodig hebben. En het werkt wonderen voor u als de eigenaar van de website omdat het hen een laatste kans geeft om uw site te blijven bekijken.

U kunt ook exit-intent gebruiken om een ​​kortingscode of kortingscode aan bezoekers te verstrekken terwijl ze uw 404-pagina verlaten.

Daar heb je het! 11 van de beste 404 pagina's die we hebben gevonden en heel veel tips die u kunt gebruiken om uw conversies te verhogen en uw inkomsten te vergroten.

Op zoek naar meer tips om de inkomsten te vergroten? Bekijk de Ultimate eCommerce optimalisatiehandleiding: 13 stappen om direct inkomsten te genereren!

Volg ons op Facebook en Twitter voor nog meer leuke tips en handleidingen van OptinMonster.

Bekijk de video: Revisies vergelijken en terugzetten in WordPress

Like this post? Please share to your friends:
Geef een reactie

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