Designa intuitiva och användarvänliga 404-sidor
Alla av oss har interagerat med en 404-sida någon gång.
Dessa sidor visas när länken är bruten, en sida raderas eller när användaren har skrivit in sidadressen felaktigt. Men oavsett orsaken är det fortfarande ett fel som måste åtgärdas. Dessutom skadar trasiga länkar din webbplatsrankning och det är inte vad du behöver. SEO-aspekten på din sajt är otroligt viktig så du vill inte tappa trafiken bara för att du har glömt att hålla ett öga på 404-aviseringarna.
Även om det är klart att 404 sidor måste fixas ASAP, kan du aldrig riktigt förutse när användaren stöter på en trasig länk. Så för att vara redo och förvandla den negativa upplevelsen till en positiv måste du anpassa dina 404-sidor och göra dem användarvänliga och intuitiva.
Är du redo att lära dig hur man förvandlar det dåliga till gott? Låt oss ta reda på det.
Anpassa 404-sidan för din webbplats
Föreställ dig att du surfar på en otroligt färgstark och tilltalande webbplats med massor av interaktiva element och plötsligt snubblar på en tom sida med ett vanligt meddelande "404 sida hittades inte".
Lite av en wakener, eller hur?
404-sidan bör inte framstå som en obehaglig överraskning, det är därför det är så viktigt att ha samma design som webbplatsens övergripande layout.
För det, håll utseendet på 404-sidan samma som utseendet på de andra sidorna, inklusive bakgrund, färger, typsnitt och andra element (om tillämpligt). Många webbplatser tar också 404-sidan som en möjlighet att betona varumärket och påminna användarna om det en gång till.
När du designar en 404-sida för din webbplats, var uppmärksam på budskapet. Ett välarbetat meddelande är ett bra tillfälle att inkludera en smart ordlek eller påminna användarna om dina produkter/tjänster på ett diskret sätt.
Förklara vad som hände
Om vi tittar på standard 404-sidan under Apache kommer vi att se följande:
Och det är allt. Användaren har ingen aning om vad som faktiskt hände och vad han ska göra härnäst.
Eftersom du bryr dig om dina kunder och vill avfärda alla obehagliga upplevelser, ge en förklaring till felet. De främsta anledningarna till 404 är vanligtvis:
- Användaren skrev fel,
- Länken är trasig,
- Sidan finns inte,
- Anslutningen till servern är bruten.
Naturligtvis behöver du inte lista alla ovan nämnda frågor. Se bara till att din förklaring är förståelig.
Genom att vara ärlig om problemet kommer du att vinna över användarna och uppmuntra dem att stanna kvar på sidan och fortsätta att surfa på den.
Skapa ett engagerande budskap
404-sidan är en perfekt chans för varumärket att visa upp sin identitet genom ett välarbetat budskap.
De bästa exemplen på 404 sidor innehåller ofta:
- Ordlekar
- Meddelande relaterat till webbplatsens produkter eller tjänster
- personlig vädjan,
- Referenser till popkultur och igenkännbara händelser.
Eftersom 404-sida är ett fel som standard, måste du förvandla den till något helt tvärtom aka en positiv och rolig upplevelse.
GitHub gjorde ett lysande jobb när det gäller att designa sin 404-sida. Den använde stereotypen om utvecklarna och deras kärlek till "Star Wars"-sagan och använde den till sin egen fördel genom att göra både de visuella elementen och sidmeddelandet omedelbart igenkännliga även av de människor som inte såg någon Star Wars-film.
Erbjud en åtgärd att vidta
En uppmaning är verkligen viktig och är ett absolut måste för en design på 404 sidor.
En användare ska aldrig lämnas med en tom sida och noll val. Så även om något som 404 hände, erbjuda ett alternativ som skulle leda till en ömsesidig fördel.
Några av de mest populära CTA:erna för 404-sidan är:
- ett sökfält
- hemsida
- toppprodukter/tjänster
- registrera dig för en produkt eller ett nyhetsbrev
- ett erbjudande om en gratis provperiod
Var uppmärksam på CTA-knapparnas design. De måste vara lätta att upptäcka och bör inte blandas med bakgrunden, annars kommer en användare inte att märka dem. Tänk också på meddelandet om CTA-knappen: istället för klichéer som "Klicka här" gå till något mer kreativt ("Se vad vi fick").
Lägg till ett sökfält
En användare landade på 404-sidan för att han sökte efter något. Så ge dem ett alternativ att försöka igen genom att lägga till ett sökfält på sidan.
Du kan stödja det med ett meddelande som: "Det verkar som om din fråga inte finns någonstans… Varför inte försöka igen?" Välskrivna CTA:er har hög engagemang och fungerar bra tillsammans med bilder.
Lägg också till en ledtrådstext i sökfältet. En bar med en text får bättre engagemang än en tom.
Lägg till utgångspunkter
Ett sökfält på 404-sidan räcker inte. Vad händer om användarna inte är säkra på vad de behöver?
Lägg till "Hemsida" eller andra relevanta knappar för att navigera användaren från en 404-sida till potentiell konvertering. Du kan också lägga till en "Kontakta oss"-knapp för att öka tillförlitligheten.
Vissa företag använder sidan 404 som en möjlighet att påminna om sina produkter och tjänster och placera motsvarande länkar på sidan.
Visa dina produkter/tjänster
Om du till exempel är en e-handelsbutik kan du placera dina bästsäljande produkter på 404-sidan för att ge användarna en chans att upptäcka dina bästa produkter och (förhoppningsvis!) köpa dem.
När det gäller de andra webbplatserna kan du garanterat erbjuda något värdefullt för dina användare. Det kan vara en gratis provversion av en produkt, ett erbjudande om att anmäla sig till en kurs eller en guide till användbara delar av sajten.
Gör det roligt
Som vi redan sa ovan är 404-sidan en negativ upplevelse eftersom användaren inte fick det avsedda resultatet. För att lösa problemet, gör sidan interaktiv eller lägg till ett roligt element till den.
Även om du positionerar dig som ett mycket professionellt varumärke kommer lite humor inte att skada. Dessutom lägger många företag till gamification och videor på sin 404-sida för att engagera användaren och underhålla honom.
Spårar 404-felet
404-felet är inte användarens sak. Men det är din uppgift att spåra det och identifiera orsaken till felet och användarens resa.
Det finns några saker att tänka på när du väljer ett verktyg för 404-felspårning.
Tänk på alla 404-felkällor
Ett 404-fel kanske inte nödvändigtvis finns på din webbplats – en kund kan öppna ett gammalt nyhetsbrev och följa länken eller så kan det visas i sökresultaten på Google.
Så när du väljer ett verktyg för felövervakning, dubbelkolla att det söker efter 404-fel överallt så att du kan fixa dem alla.
Rapportera om 404 felkostnad
Som webbplatsägare har du förmodligen en miljon saker att göra och att åtgärda 404-fel kanske inte står högst upp på din lista.
Det är därför du behöver ett verktyg som låter dig veta hur mycket dina 404-fel kostar. Och vi pratar inte om pengar här – det kan vara en procentandel av förlorade konverteringar, ökad avvisningsfrekvens, ett antal förlorade användare.
När du väl ser hur 404-fel påverkar ditt företag blir det lättare att prioritera dina uppgifter och flytta 404-felen antingen uppåt eller nedåt i listan.
Ständig övervakning
Ett 404-fel är inte något som händer regelbundet. Det kan hända att du har det helt okej och så, helt plötsligt, får en användare en 404.
Det är därför ditt spårningsverktyg bör övervaka 404-felen konstant och omedelbart meddela dig när du hittar ett. På så sätt kommer du att kunna fixa det i tid och eliminera risken för att andra användare snubblar över 404-sidan.
Typer av spårningsverktyg
Det finns olika typer av tillgängliga spårningsverktyg som hjälper dig att lokalisera 404-felet och framgångsrikt fixa det.
Krypverktyg
Genomsökningsverktyg som Screaming Frog är perfekta för att snabbt skanna din webbplats och kolla efter trasiga länkar.
Dessa verktyg analyserar länkarna till din webbplats och låter dig veta vilka som är trasiga och vad som är orsaken till felet. Dessutom är crawl-verktyg vanligtvis enkla att hantera och installera.
Det största felet med sådana verktyg är att de bara analyserar länkarna på din webbplats – och kom ihåg vad vi sa om vikten av avancerad analys? Genomsökningsverktyg berättar inte heller om kostnaden för ett 404-fel utan hjälper bara till att identifiera det.
Ett genomsökningsverktyg är definitivt användbart och du bör distribuera det regelbundet bara för att se till att allt är bra med din butik. Glöm dock inte att utföra regelbunden och avancerad analys för att säkerställa att det inte finns några andra fel som du kan ha lämnat obemärkt.
Verktyg för bakåtlänkar
Till skillnad från genomsökningsverktyg fokuserar bakåtlänksverktygen på externa källor som leder användarna till de trasiga länkarna på din webbplats.
Link Explorer från Moz är ett av verktygen som hjälper dig att hitta de webbplatser som tar användarna till din webbplats. Sådan analys är verkligen användbar för din SEO eftersom du kan eliminera 404 länkarna och förbättra rankningen av din webbplats.
Men återigen, samma som med genomsökningsverktyg, täcker spårningsverktygen för bakåtlänkar endast en aspekt av att identifiera de trasiga länkarna. Om du vill hitta alla 404-fellänkar, inklusive de i de gamla nyhetsbreven eller på sociala medier, behöver du en mer omfattande analys.
Spårning med Google Analytics
Ett av de vanligaste och mest effektiva sätten att spåra felet på 404 sidor är med Google Analytics.
För det måste du kopiera den här 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>och lägg till den på 404-felsidan/mallen. Kom bara ihåg att klistra in ID:t för ditt Google-konto i koden.
Efter det kommer du att kunna se vilka exakta webbadresser som orsakar 404-felet och var folk får dem.
Och till sist: fixa problemet!
Olyckor kommer att hända och det är ett faktum. Det är bättre att ha en snygg 404-sida i förväg än att frenetiskt fixa problemet medan de irriterade användarna väntar.
404 är dock ett fel och måste åtgärdas. Beroende på felprioritet kan du omdirigera länken, återställa sidan eller korrigera källlänken. Gör även följande:
- Introducera automatiska och regelbundna 404-rapporter för att hålla ett öga på 404-sidor och åtgärda dem i tid,
- Ställ in realtidsaviseringar på 404,
- Utför en granskning för att identifiera eventuella trasiga länkar.
Sammantaget bör en användarvänlig 404-sida tillföra värde för användaren, vara konsekvent vad gäller övergripande webbdesign och hjälpa till att navigera på webbplatsen. Genom att följa dessa regler kommer du att behålla användarna och samtidigt öka dina konverteringar.