Intuitiivisten ja käyttäjäystävällisten 404 sivujen suunnittelu

Me kaikki olemme olleet vuorovaikutuksessa 404-sivun kanssa jossain vaiheessa.

Nämä sivut tulevat näkyviin, kun linkki on rikki, sivu poistetaan tai kun käyttäjä on kirjoittanut sivun osoitteen väärin. Mutta oli syy mikä tahansa, se on edelleen virhe, joka on korjattava. Lisäksi rikkinäiset linkit vahingoittavat sivustosi sijoitusta, etkä sitä tarvitse. Sivustosi SEO-näkökulma on uskomattoman tärkeä, joten et halua menettää liikennettä vain siksi, että unohdit pitää silmällä 404-ilmoituksia.

Vaikka on selvää, että 404-sivut on korjattava mahdollisimman pian, et voi koskaan ennustaa, milloin käyttäjä kohtaa rikkinäisen linkin. Joten ollaksesi valmis ja muuttamaan negatiivisen kokemuksen positiiviseksi, sinun on mukautettava 404-sivujasi ja tehtävä niistä käyttäjäystävällisiä ja intuitiivisia.

Oletko valmis oppimaan muuttamaan huonot hyväksi? Otetaan se selvää.

Mukauta 404-sivu sivustollesi

Kuvittele, että selaat uskomattoman värikästä ja houkuttelevaa verkkosivustoa, jossa on paljon interaktiivisia elementtejä, ja törmäät yhtäkkiä tyhjälle sivulle, jossa on pelkkä "404 sivua ei löydy" -viesti.

Hieman herätys, eikö?

404-sivun ei pitäisi näkyä epämiellyttävänä yllätyksenä, siksi on niin tärkeää pitää sen ulkoasu samana kuin koko sivuston ulkoasu.

Pidä tätä varten 404-sivun ulkoasu samana kuin muiden sivujen ulkoasu, mukaan lukien tausta, värit, fontit ja muut elementit (jos mahdollista). Samoin monet sivustot pitävät 404-sivua mahdollisuutena korostaa brändiä ja muistuttaa käyttäjiä siitä vielä kerran.

Kun suunnittelet 404-sivua sivustollesi, kiinnitä huomiota viestiin. Hyvin muotoiltu viesti on hyvä tilaisuus lisätä näppärä sanapeli tai muistuttaa käyttäjiä tuotteistasi/palveluistasi huomaamattomasti.

Selitä mitä tapahtui

Jos katsomme oletusarvoista 404-sivua Apachen alla, näemme seuraavan:

Ja siinä se. Käyttäjällä ei ole aavistustakaan, mitä todella tapahtui ja mitä tehdä seuraavaksi.

Koska välität asiakkaistasi ja haluat hylätä kaikki epämiellyttävät kokemukset, selitä virhe. 404:n tärkeimmät syyt ovat yleensä:

• Käyttäjä kirjoitti jotain väärin,
• Linkki on rikki,
• Sivua ei ole olemassa,
• Yhteys palvelimeen katkesi.

Tietenkään sinun ei tarvitse luetella kaikkia edellä mainittuja asioita. Varmista vain, että selitys on ymmärrettävä.

Olemalla rehellinen ongelman suhteen, voitat käyttäjät ja rohkaiset heitä pysymään sivustolla ja jatkamaan sen selaamista.

Luo kiinnostava viesti

404-sivu on täydellinen tilaisuus brändille esitellä identiteettiään hyvin muotoillun viestin kautta.

Parhaat 404-sivuiset esimerkit sisältävät usein:

• Puns
• Sivuston tuotteisiin tai palveluihin liittyvä viesti
• Henkilökohtainen vetoomus,
• Viittauksia popkulttuuriin ja tunnistettaviin tapahtumiin.

Koska 404-sivu on oletusarvoisesti virhe, sinun on muutettava se joksikin täysin päinvastaiseksi eli positiiviseksi ja hauskaksi kokemukseksi.

GitHub teki loistavaa työtä 404-sivunsa suunnittelussa. Se käytti stereotypiaa kehittäjistä ja heidän rakkaudestaan ​​"Star Wars" -saagaan ja käytti sitä omaksi hyödykseen tekemällä sekä visuaaliset elementit että sivun viesti välittömästi tunnistettavaksi jopa niille ihmisille, jotka eivät katsoneet yhtään Star Wars -elokuvaa.

Tarjoa toimenpiteitä

Toimintakehotus on todella tärkeä, ja se on ehdottoman välttämätön 404-sivuisessa suunnittelussa.

Käyttäjälle ei saa koskaan jäädä tyhjää sivua ja nolla vaihtoehtoa. Joten vaikka jotain 404:n kaltaista tapahtuisi, tarjoa vaihtoehto, joka johtaisi molemminpuoliseen hyötyyn.

Jotkut 404-sivun suosituimmista toimintakehotuksista ovat:

• hakupalkki
• kotisivulle
• huipputuotteet/palvelut
• tilaa jokin tuote tai uutiskirje
• tarjous ilmaisesta kokeiluversiosta

Kiinnitä huomiota CTA-painikkeiden suunnitteluun. Niiden on oltava helposti havaittavissa, eivätkä ne saa sulautua taustaan, muuten käyttäjä ei huomaa niitä. Ajattele myös toimintakehotuspainikkeen viestiä: kliseiden, kuten "Klikkaa tästä" sijaan, valitse jotain luovampaa ("Katso, mitä saimme").

Lisää hakupalkki

Käyttäjä laskeutui 404-sivulle, koska hän etsi jotain. Joten tarjoa heille mahdollisuus yrittää uudelleen lisäämällä sivulle hakupalkki.

Voit tukea sitä seuraavalla viestillä: "Näyttää siltä, ​​että kyselyäsi ei löydy mistään… Miksi et yrittäisi uudelleen?" Hyvin kirjoitetuilla toimintakehoilla on korkea sitoutumisaste ja ne toimivat hyvin kuvien yhteydessä.

Lisää myös vihjeteksti hakupalkkiin. Tekstillä varustettu baari saa paremman sitoutumisen kuin tyhjä.

Lisää poistumispisteitä

Hakupalkki 404-sivulla ei riitä. Entä jos käyttäjät eivät ole varmoja siitä, mitä he tarvitsevat?

Lisää "Kotisivu" tai mikä tahansa muu asiaankuuluva painike navigoidaksesi käyttäjän 404-sivulta mahdolliseen tulokseen. Voit myös lisätä "Ota yhteyttä" -painikkeen luotettavuuden lisäämiseksi.

Jotkut yritykset käyttävät 404-sivua mahdollisuutena muistuttaa tuotteistaan ​​ja palveluistaan ​​ja sijoittaa sivulle vastaavat linkit.

Esittele tuotteesi/palvelusi

Jos olet esimerkiksi verkkokauppa, voit sijoittaa myydyimmät tuotteesi 404-sivulle antaaksesi käyttäjille mahdollisuuden löytää parhaat tuotteesi ja (toivottavasti!) ostaa niitä.

Mitä tulee muihin sivustoihin, voit varmasti tarjota jotain arvokasta käyttäjillesi. Se voi olla tuotteen ilmainen kokeilu, tarjous kurssille ilmoittautumisesta tai opas sivuston hyödyllisiin osiin.

Tee siitä hauskaa

Kuten edellä jo totesimme, 404-sivu on negatiivinen kokemus, koska käyttäjä ei saanut haluttua tulosta. Ratkaise ongelma tekemällä sivu interaktiiviseksi tai lisäämällä siihen hauska elementti.

Vaikka asetat itsesi erittäin ammattimaiseksi brändiksi, huumoria ei haittaa. Lisäksi monet yritykset lisäävät pelillistämistä ja videoita 404-sivulleen aktivoidakseen käyttäjän ja pitääkseen hänet viihteenä.

404-virheen seuranta

404-virhe ei ole käyttäjän asia. Mutta sinun tehtäväsi on seurata sitä ja tunnistaa virheen syy ja käyttäjän matka.

On muutamia asioita, jotka on pidettävä mielessä valittaessa työkalua 404-virheenseurantaan.

Harkitse kaikkia 404 virhelähteitä

404-virhe ei välttämättä ole sivustollasi – asiakas voi avata vanhan uutiskirjeen ja seurata linkkiä tai se voi näkyä Googlen hakutuloksissa.

Joten kun valitset työkalun virheenvalvontaan, tarkista, että se etsii 404-virheitä kaikkialta, jotta voit korjata ne kaikki.

Raportti 404-virhekustannuksista

Sivuston omistajana sinulla on luultavasti miljoona asiaa, eikä 404-virheiden korjaaminen välttämättä ole listasi kärjessä.

Tästä syystä tarvitset työkalun, joka kertoo, kuinka paljon 404-virheet maksavat. Emmekä tässä puhu rahasta – se voi olla prosenttiosuus menetettyistä tuloksista, lisääntynyt poistumisprosentti, menetettyjen käyttäjien määrä.

Kun näet, kuinka 404-virheet vaikuttavat yritykseesi, on helpompi priorisoida tehtäväsi ja siirtää 404-virheet luettelossa ylös tai alas.

Jatkuva seuranta

404-virhe ei ole jotain, joka tapahtuu säännöllisesti. Saattaa käydä niin, että sinulla menee täysin hyvin, ja sitten yhtäkkiä käyttäjä saa 404:n.

Siksi seurantatyökalusi tulee tarkkailla 404-virheitä jatkuvasti ja ilmoittaa sinulle välittömästi, kun sellainen löytyy. Tällä tavalla pystyt korjaamaan sen ajoissa ja poistamaan riskin, että muut käyttäjät törmäävät 404-sivulle.

Seurantatyökalujen tyypit

Saatavilla on erilaisia ​​​​seurantatyökaluja, jotka auttavat sinua paikantamaan 404-virheen ja korjaamaan sen.

Indeksointityökalut

Indeksointityökalut, kuten Screaming Frog, ovat täydellisiä verkkosivustosi nopeaan skannaukseen ja rikkinäisten linkkien tarkistamiseen.

Nämä työkalut analysoivat verkkosivustosi linkit ja kertovat sinulle, mitkä linkit ovat rikki ja mikä on virheen lähde. Lisäksi indeksointityökaluja on yleensä helppo hallita ja asentaa.

Tällaisten työkalujen suurin puute on, että ne analysoivat vain verkkosivustosi linkkejä – ja muistatko, mitä sanoimme edistyneen analyysin tärkeydestä? Indeksointityökalut eivät myöskään kerro 404-virheen kustannuksia, vaan auttavat vain sen tunnistamisessa.

Indeksointityökalu on ehdottomasti hyödyllinen, ja sinun tulee ottaa se käyttöön säännöllisesti varmistaaksesi, että kaikki on kunnossa myymälässäsi. Älä kuitenkaan unohda suorittaa säännöllistä ja kehittynyttä analyysiä varmistaaksesi, ettei muita virheitä ole jäänyt huomaamatta.

Käänteiset työkalut

Toisin kuin indeksointityökalut, käänteislinkkityökalut keskittyvät ulkoisiin lähteisiin, jotka johtavat käyttäjät sivustosi toimimattomiin linkkeihin.

Mozin Link Explorer on yksi työkaluista, jotka auttavat sinua löytämään sivustot, jotka vievät käyttäjät sivustollesi. Tällainen analyysi on todella hyödyllinen hakukoneoptimoinnissasi, sillä voit poistaa 404-linkit ja parantaa sivustosi sijoitusta.

Mutta jälleen kerran, kuten indeksointityökalut, käänteisen linkin seurantatyökalut kattavat vain yhden osan rikkinäisten linkkien tunnistamisesta. Jos haluat löytää kaikki 404-virhelinkit, myös vanhoissa uutiskirjeissä tai sosiaalisessa mediassa, tarvitset kattavamman analyysin.

Seuranta Google Analyticsin avulla

Yksi yleisimmistä ja tehokkaimmista tavoista seurata 404-sivun virhettä on Google Analytics.

Tätä varten sinun on kopioitava tämä koodi:

<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>

ja lisää se 404-virhesivulle/-malliin. Muista vain liittää Google-tilisi tunnus koodiin.

Sen jälkeen voit nähdä, mitkä tarkat URL-osoitteet aiheuttavat 404-virheen ja mistä ihmiset saavat ne.

Ja lopuksi: korjaa ongelma!

Onnettomuuksia tulee tapahtumaan ja se on fakta. On parempi hankkia hyvännäköinen 404-sivu etukäteen kuin korjata ongelma kiihkeästi ärsyttävien käyttäjien odottaessa.

404 on kuitenkin virhe, ja se on korjattava. Virheen prioriteetin mukaan voit ohjata linkin uudelleen, palauttaa sivun tai korjata lähdelinkin. Toimi myös seuraavasti:

• Ota käyttöön automaattiset ja säännölliset 404-raportit pitääksesi silmällä 404-sivua ja korjataksesi ne ajoissa,
• Aseta reaaliaikaiset ilmoitukset numeroon 404,
• Suorita tarkastus rikkinäisten linkkien tunnistamiseksi.

Kaiken kaikkiaan käyttäjäystävällisen 404-sivun pitäisi tuoda arvoa käyttäjälle, olla johdonmukainen verkkosivuston yleisen ulkoasun suhteen ja auttaa navigoimaan sivustolla. Noudattamalla näitä sääntöjä pidät käyttäjät ja samalla lisäät konversioitasi.