11 pagini interactive de 404 pentru a menține publicul implicat

Publicat: 2023-05-03

Ești îngrijorat că pierzi clienți din motive banale? Să presupunem că un vizitator face o greșeală de ortografie atunci când scrie în pagina dvs. web. Și, din frustrare, potențialul tău client renunță sau decide să încerce din nou mai târziu, doar pentru a uita totul despre marca ta. Răspunsul? Interactiv 404 pagini.

Acest lucru s-ar putea întâmpla pe site-ul dvs. chiar acum. În loc să-l lăsați să continue, aflați tot ce trebuie să știți despre crearea și utilizarea a 404 de pagini.

Ce este o pagină 404?

O pagină 404 este un cod pe care site-urile web îl folosesc pentru a le arăta oamenilor că pagina pe care încearcă să o viziteze nu există.

Iată un exemplu:

O pagină de bază 404 alb-negru

Deci, ce scenarii ar avea ca rezultat ca cineva să aterizeze pe o pagină 404? Iată câteva motive:

  • Vizitatorul site-ului a introdus greșit pagina web (URL).
  • Vizitatorul a făcut clic pe un link rupt.
  • Utilizatorul a introdus adresa URL din memorie sau marcaj, dar pagina a fost ștearsă.
  • Structura URL s-a schimbat.
  • Un vizitator ajunge pe o adresă URL pentru conținut cu acces și trebuie să se conecteze pentru a accesa.

De obicei, 404 pagini sunt ecrane goale generice cu câteva cuvinte. Dar oferă, de asemenea, o oportunitate puternică de a vă implica publicul și de a vă îmbunătăți imaginea mărcii, chiar și atunci când apare o eroare minoră 404.

Îmbunătățiți-vă cele 404 pagini sau veți pierde definitiv membri ai publicului în loc să-i mențineți în mișcare pe site-ul dvs.

În secțiunile următoare, veți învăța cum să creați 404 pagini și veți explora multe exemple utile.

Cum să creezi cu ușurință 404 pagini

Crearea unei pagini 404 captivante poate fi o sarcină consumatoare de timp. Dar le poți crea singur dacă îți construiești conținutul pe WordPress.

WordPress este un sistem de management al conținutului (CMS) care vă permite să adăugați conținut pe site-ul dvs. cu ușurință. Este cel mai popular CMS și milioane de companii îl folosesc pentru a-și crea site-urile.

Cu toate acestea, chiar și începătorii fără abilități de codare pot construi site-uri web pe WordPress de la zero. În plus, dacă utilizați EasyWP extraordinar de rapid pentru găzduirea WordPress gestionată, vă puteți configura site-ul în câteva minute.

Odată ce site-ul dvs. WordPress este gata, tot ce aveți nevoie este pluginul SeedProd pentru a vă ajuta să vă configurați pagina 404 într-o clipă. Doar alegeți configurarea paginii 404 și urmați metoda pas cu pas pentru a adăuga elemente grafice, text și link-uri.

Infografic pentru crearea unei pagini personalizate 404

Vă puteți personaliza complet pagina 404 pentru a vă îndeplini standardele de branding și vă puteți redirecționa publicul către pagina potrivită.

Un exemplu de pagină 404 concepută folosind SeedProd

În acest fel, vă puteți configura cu ușurință pagina 404 și puteți adăuga mai multe funcționalități pentru a îmbunătăți experiența utilizatorului pe site-ul dvs.

11 idei pentru 404 pagini interactive (cu exemple)

Acum că înțelegi 404 pagini și cum să le faci, iată câteva exemple de pagini fantastice 404 de pe web. Folosiți aceste exemple pentru a vă inspira propriile 404 pagini!

  1. Umor

Când un utilizator ajunge pe o pagină de eroare 404, există de obicei un sentiment de iritare. O imagine amuzantă sau o glumă îl poate angaja pe utilizator și îl poate surprinde prezentând ceva plin de umor.

Consultați această pagină 404 de la Blizzard. Subtitlul și butonul sunt amuzante și îl fac pe utilizator curios să vadă unde va duce butonul.

Un exemplu de pagină 404 conceput cu o creatură distractivă și apă în fundal
  1. Legături de navigare

Trimiteți utilizatorul la pagina potrivită adăugând link-uri sau butoane de navigare. Le puteți cere să acceseze pagina de pornire, pagina de contact sau alt site relevant, unde vor găsi ceea ce au nevoie.

Aici, Dropbox oferă link-uri către cele mai populare pagini sau categorii ale sale.

Exemplu de pagină de eroare 404 pentru Dropbox
  1. Bara de căutare

Adăugarea unei bare de căutare este o modalitate inteligentă de a oferi vizitatorilor informațiile de care au nevoie. Ei vor introduce cuvinte cheie relevante și vor găsi pagina potrivită cu informațiile dorite. Imaginea de mai jos arată o animație drăguță cu o bară de căutare pe pagina Disney 404.

  1. Empatizați

Arată empatie și înțelegere față de frustrarea vizitatorului. Doar să spui „îmi pare rău” sau un „Hopa” lejer îi va face pe oameni să se simtă auziți și vor citi restul conținutului tău pentru a-și da seama ce să facă.

O pagină de 404 cu empatie
  1. Adăugați un joc sau un element interactiv

Vă puteți face cele 404 pagini distractive și interesante în timp ce vă prezentați abilitățile. Această pagină 404 a designerului Hakim El Hattab răspunde la mișcările mouse-ului. Globii oculari din acest grafic se deplasează împreună cu cursorul.

Dacă conduceți o companie de design grafic sau de jocuri, acest tip de interactivitate vă va prezenta abilitățile și va convinge oamenii să vă folosească serviciile.

O pagină uimitoare de eroare 404 cu ochi și un fundal negru
  1. Video sau animație

Utilizați un videoclip sau o animație pentru a atrage atenția vizitatorilor. Consultați această pagină 404 de Search Engine Journal.

Este amuzant și te face să vrei să te uiți la ecran pentru o vreme. Așadar, nu vă fie teamă să încercați să utilizați GIF-uri și videoclipuri în paginile dvs. de eroare dacă se potrivește cu identitatea mărcii dvs.

Pagina de eroare 404 a Jurnalului Motorului de căutare cu verde strălucitor
  1. Ilustrație personalizată

Folosiți ilustrații personalizate pentru a prezenta personalitatea mărcii dvs. Asigurați-vă că utilizați culorile mărcii dvs. și creați o ilustrație distractivă care să reprezinte tonul afacerii dvs.

Pagina de eroare 404 a BuzzFeed cu culorile mărcii alb și roșu
O pagină 404 de la BuzzFeed .

  1. Subscriptie la stiri

Ar trebui să încurajați utilizatorii să se înscrie pentru lista dvs. de e-mail cât mai des posibil. Acest lucru este adevărat atunci când oamenii ajung și pe o pagină 404.

După cum arată imaginea de mai jos, Vimeo are o opțiune de abonare la newsletter, parte a subsolului său comun. Aceasta este o modalitate de a adăuga o invitație de înscriere la buletin informativ pe paginile dvs. De asemenea, puteți adăuga un formular pop-up de înscriere sau un formular de înscriere în mijlocul paginii.

Pagina de eroare 404 a Vimeo
  1. Link-uri de social media

Adăugarea de linkuri către rețelele sociale pe pagina ta 404 este o modalitate excelentă de a-i determina pe oameni să verifice rețelele de socializare. Duolingo invită utilizatorii să-i urmărească pe Twitter și Facebook atunci când oamenii ajung pe o pagină de eroare.

Pagina de eroare 404 a lui Duolingo cu o bufniță verde
  1. Apel la acțiune

Îndemnurile (CTA) sunt importante pentru că „comandă” sau direcționează oamenii să ia măsuri. Și puteți folosi adesea această tehnică mică, dar de impact, pentru a beneficia marca dvs.

Un simplu buton sau link cu un îndemn, cum ar fi „Consultați cele mai recente oferte” sau „Descoperiți mai multe rețete”, va duce la mai multă implicare și la rate de conversie crescute.

Pagina de eroare 404 a bufferului cu un periscop albastru
Buffer are un simplu îndemn la acțiune pe pagina sa 404.

  1. Prezentați conținutul blogului dvs

Dacă conduceți un blog în care conținutul este cel mai important activ al dvs., atunci ar trebui să încurajați în mod constant utilizatorii să vă citească postările de pe blog.

Consultați pagina 404 a Content Marketing Institute din imaginea de mai jos. Aceștia conduc utilizatorii către postările lor pilon care oferă informații despre tema lor de expertiză: marketingul de conținut.

Un OOP! pagină găsită pe Content Marketing Institute

Caracteristicile unei pagini de succes 404

Acum că ne-am uitat la câteva exemple minunate, haideți să descompunem elementele și caracteristicile unei pagini 404 de succes.

Folosiți imagini vizuale

Cele mai multe dintre cele 404 de pagini exemple din această postare prezintă conținut vizual, inclusiv grafică personalizată, animații, GIF-uri sau videoclipuri. Și chiar și companiile care au folosit doar text în cele 404 pagini s-au asigurat că sunt atractive și dramatice. Așadar, nu uitați să vă faceți propria pagină de eroare 404 atrăgătoare și de impact.

Fi unic

Pagina 404 este locul perfect pentru a vă prezenta personalitatea mărcii. Dacă rulați un site web comic, atunci includeți imagini sau text amuzant. Dacă aveți un site web financiar, veți dori să prezentați conținut serios și profesionist care vă evidențiază încrederea și integritatea. Rămâneți fideli vocii mărcii dvs. atunci când creați o pagină 404.

Personalizați experiența

Evitați să utilizați un șablon generic cu ecran gol pentru cele 404 pagini. În schimb, prezentați o experiență interactivă sau un conținut unic pentru produsele și serviciile dvs.

Câteva exemple prezentate aici nu fac decât să contribuie la tonul și stilul mărcii, așa că faceți același lucru pentru site-ul dvs.

Dacă este prea complicat de realizat, puteți angaja un dezvoltator vue.js pentru a dezvolta o apariție captivantă și unică, care poate fi, de asemenea, accesabilă și distractivă.

Oferă oamenilor locuri noi în care să meargă

În cele din urmă, adăugați linkuri de navigare, o bară de căutare și butoane pentru rețelele sociale la paginile dvs. 404. Acest lucru îi va ajuta pe vizitatori să găsească conținutul pe care îl căutau dacă nu au ajuns pe pagina potrivită. În plus, puteți folosi acest lucru ca o oportunitate de a atrage mai mulți utilizatori, adăugând formulare de abonare la buletine informative, îndemnuri sau postări pe blog pentru a-i face pe oameni să citească.

Ideea este că utilizatorul dvs. își va continua călătoria pe site-ul dvs. în loc să îl părăsească.

Creșteți viteza site-ului dvs

Viteza site-ului este un factor cheie în experiența utilizatorului și este important să țineți cont de acest lucru chiar și pentru cele 404 pagini. Când un utilizator ajunge pe o pagină inexistentă, se așteaptă să fie redirecționat rapid către pagina corectă sau cel puțin să primească informații sau opțiuni utile.

Cu toate acestea, dacă pagina dvs. 404 durează o veșnicie să se încarce, este probabil ca vizitatorul site-ului dvs. să fie frustrat și să renunțe cu totul.

Din nou, aici este locul în care Găzduirea WordPress gestionată de la EasyWP face toată diferența.

EasyWP este o soluție de găzduire puternică și fiabilă, concepută pentru a oferi timpi rapidi de încărcare a paginii. Îmbunătățiți-vă experiența utilizatorului, asigurându-vă că paginile dvs. 404 se încarcă rapid și fiabil.

Asigurați-vă că vizitatorii dvs. rămân mai mult timp

Când vine vorba de proiectarea conținutului web, experiența utilizatorului ar trebui să fie întotdeauna o prioritate. Dacă vizitatorii sunt întâmpinați cu o experiență confuză și frustrantă, nu vor rămâne mult timp.

Legăturile rupte și fundurile sunt modalități sigure de a le alunga. De aceea, este esențial să vă asigurați că cele 404 pagini (denumite și pagini de eroare) sunt atractive și informative.

Nu lăsați vizitatorii site-ului dvs. blocați - oferiți-le elemente interactive și sfaturi utile despre cum să procedați. Creează niște pagini ucigașe 404, vizitatorii tăi îți vor mulțumi pentru asta!

Vorbind de paginile de eroare, v-ați îngrijorat vreodată că site-ul dvs. este semnalat ca fiind periculos de către Google? Dacă da, descoperă cum să rezolvi un avertisment „un site înșelător înainte” de pe site-ul tău.


Lovitură în cap a lui Syed Balkhi

Syed Balkhi este fondatorul WPBeginner, cel mai mare site de resurse WordPress gratuit. Cu peste 10 ani de experiență, el este cel mai important expert WordPress din industrie. Puteți afla mai multe despre Syed și portofoliul său de companii urmărindu-l pe rețelele sale de socializare.