Zašto je potreban važeći kod i kako eliminisati greške u validaciji. Greške u validaciji: šta je to, kako provjeriti da li je potrebno izbrisati, kako to utječe na grešku provjere SEO Warface tokena prilikom dopunjavanja računa

Nema ništa dosadnije od popunjavanja loše napisanog obrasca za potencijalne klijente na odredišnoj stranici. Sjetite se koliko ste puta morali popuniti sva polja zbog činjenice da lozinka koju ste smislili nije odgovarala sistemu po određenim kriterijima, o čemu vas niko nije unaprijed obavijestio.

Imajte na umu da je optimizacija obrasca za potencijalne klijente ključna komponenta procesa optimizacije konverzije i da bi fokus ovdje trebao biti na validaciji polja.

Šta je validacija obrasca potencijalnog klijenta?

Validacija lid forme je tehnički proces tokom kojeg sistem provjerava ispravnost podataka koje je unio korisnik. Ako je osoba pogriješila prilikom popunjavanja obrasca (na primjer, unela je podatke u pogrešnom formatu), sistem će mu ukazati na ovu grešku (ili jednostavno njeno prisustvo) i ponuditi da je ispravi. Ako je korisnik ispravno unio sve podatke, neće se pojaviti dodatne poruke (ili će se pojaviti kvačica pored polja) i on će preći na sljedeću fazu registracije.

Na primjer, Twitter vam neće dozvoliti da pređete na sljedeći korak registracije ako unesete adresu e-pošte u pogrešnom formatu:

Kada unesete email adresu u formatu koji je sistemu potreban, pored polja će se pojaviti kvačica koja označava da je format unetih podataka tačan:

Suština provjere valjanosti je osigurati da korisnici unose podatke u formatu koji zahtijeva sistem (na primjer, adresa pošte mora biti u skladu sa standardom [email protected], ali, na primjer, lozinka mora sadržavati najmanje 7 znakova).

Postoje dvije glavne vrste validacije obrasca.

Greške u validaciji su greške u kodu stranica sajta, dok se greške na glavnoj stranici i na internim stranicama sajta mogu razlikovati jedna od druge. Stranica se smatra validnom ako nema grešaka u kodu stranica stranice. Greške se mogu pojaviti tokom razvoja stranice, na primjer, kada su html oznake zatvorene pogrešno ili nisu zatvorene uopće, kada se koriste zastarjele oznake, tip dokumenta nije postavljen (), ugniježđenje elemenata je pogrešno organizirano i drugo. Neke od grešaka mogu biti vidljive, a korisnik će ih moći uočiti prilikom posjete stranicama stranice, neke od grešaka mogu biti skrivene od pogleda.

Najpopularniji i provjereni validator, po našem mišljenju, je validator.w3.org , on skenira stranicu na greške u skladu sa standardima koje je usvojio World Wide Web Consortium. Ovaj validator ima 3 načina za provjeru grešaka: unesite URL određene stranice vaše stranice, prenesite datoteku stranice stranice i unesite dio koda stranice koji treba provjeriti.

Nakon završetka provjere, na stranici će vam se prikazati lista grešaka s opisom greške, brojem reda s greškom i u kojem dijelu reda se nalazi greška.

Postoji funkcija filtriranja grešaka pomoću koje možete redom popraviti određene grupe grešaka, osim toga, za svaku grešku je dat link na w3c standarde, gdje možete pronaći uzrok ove greške.

Postoje i dodaci za pretraživače za pronalaženje grešaka na stranicama stranice.

http://users.skynet.be/mgueury/mozilla/ - dodatak za Mozilu

https://chrome.google.com/webstore/detail/html-tidy-browser-extensi/ - dodatak za Chrome

https://addons.opera.com/en/extensions/details/validator/ - dodatak za Opera

Nakon što je stranica provjerena na greške, postavlja se sasvim razumno pitanje: da li ih je potrebno odmah ukloniti i šta to znači za SEO promociju?

Pretraživači, prilikom rangiranja sajtova u rezultatima pretrage, ipak obraćaju više pažnje na druge aspekte, kao što su interna optimizacija sajta, profil linkova, sadržaj. Ali ni validaciju ne treba potpuno zanemariti.

Prije svega, preporučujem da obratite pažnju na greške vezane za sadržaj, jer. Za pretraživače, ovaj faktor je važan pri rangiranju sajtova. Ako ima puno grešaka na stranicama web-mjesta (više od 25), onda se toplo preporučuje da se eliminišu greške u kodu, jer sajtovima sa velikim brojem grešaka potrebno je duže da se učitavaju, a takođe ih je teže indeksirati, što može dovesti do izostanka dela stranica sajta u indeksu pretraživača.

Hajde da analiziramo koliko je grešaka prisutno u kodu stranice velikih resursa.

Ruske željeznice dd:

Kao što ste već primijetili, čak i stranice tražilice ima grešaka u kodu stranica, što još jednom potvrđuje da je otklanjanje grešaka prilično savjetodavne prirode, pri čemu je vrijedno napomenuti da ovaj faktor ne treba zanemariti i „pokrenuti“ svoju stranicu. Razvijte stranicu sveobuhvatno, sveobuhvatno, tada će rezultat ispuniti vaša očekivanja.

Usput, provjera web mjesta za greške koje stvarno utiču na promociju odvija se u okviru SEO audit. Ako sumnjate da možete adekvatno procijeniti grešku na vašoj web lokaciji, kontaktirajte nas.

Validacija je jedan od najvažnijih aspekata dobrog web dizajna. Pogledajmo šta je to i kako provjeriti valjanost HTML koda. Kao primjer, uzmimo najčešći sistem za upravljanje sadržajem (CMS) - WordPress. Nakon toga ćemo podijeliti listu grešaka na koje smo naišli u praksi i, što je najvažnije, ponudit ćemo vlastite, provjerene metode za njihovo otklanjanje.

Zašto je potrebno provjeriti validnost stranice

Jednostavno rečeno, provjerom web stranice utvrdit će se da li je u skladu sa standardima koje je razvio World Wide Web Consortium (W3C). Ovo se obično radi provjeravanjem valjanosti pojedinačnih stranica pomoću W3C-ove online usluge validacije.

Baš kao i gramatička pravila u različitim jezicima, postoje i pravila u programiranju. Validacija vam omogućava da vidite da li je stranica u skladu s ovim pravilima, a ako postoje greške i upozorenja, bit će date preporuke za njihovo otklanjanje. Više detalja o potrebi za takvom provjerom bit će razmotreno u nastavku.

Šta utiče na validnost sajta

Jeste li se ikada zapitali kako pretraživači "čitaju" web stranicu? Imaju "motore" za analizu koda i pretvaranje u vizualni oblik za ljude. Nažalost, svaki pretraživač ima svoj mehanizam za rukovanje kodom, a to može uzrokovati drugačije prikazivanje vaših stranica.

Nevažeću web stranicu pretraživači mogu pročitati na različite načine. Ovo će dovesti do toga da vaši posjetitelji možda neće čak ni moći ispravno vidjeti sadržaj stranice u svojim pretraživačima. Validacija će kasnije ispraviti gotovo sve velike razlike i učiniti vašu web stranicu čitljivom za gotovo sve web preglednike (najčešće je izuzetak Internet Explorer starije verzije). Odatle je došao termin "raspored unakrsnih pretraživača". raspored koji je podjednako dobar (kompatibilan) za sve popularne pretraživače.

Kako će to uticati na SEO? Važno je shvatiti da botovi pretraživača vole semantičke web stranice. Semantički raspored, prema Wikipediji, je pristup kreiranju HTML web stranica zasnovan na korištenju HTML oznaka u skladu sa njihovom semantikom (svrhom). Osim toga, strukturna semantička web stranica omogućava robotima za pretragu da preciznije odrede značaj kako pojedinačnih elemenata web stranice tako i cijelog teksta u cjelini. Prema Google-u, važeći kod ni na koji način ne utiče na rangiranje stranice. Ali u isto vrijeme, prisutnost grešaka u kodu može negativno utjecati na skeniranje mikropodataka i prilagodljivost mobilnim uređajima.

Alati za provjeru vaše web lokacije

Razumijevajući potrebu za nepostojanjem grešaka pri provjeravanju valjanosti na stranicama web-mjesta, pogledajmo kako pretražiti te greške.

Postoje mnoge besplatne usluge validacije web stranica kao što su W3C Markup Validation Service, Web Page Analyzer, Browsershots i drugi.

Validacija je provjera vrijednosti koje je odredio korisnik i prikaz pronađenih grešaka.

Principi

Zadatak dizajnera je da se pobrine da korisnik ne napravi grešku i nije potrebna validacija, za ovo:

Ograničite izbor očigledno pogrešnih vrednosti na listi: blokirajte ove vrednosti ili ih ne prikazujte na listi.
Ograničite unos neprikladnih znakova. Ako polje zahtijeva unos samo brojeva, a korisniku je to očigledno, zanemarite slova umjesto da prikažete grešku. Koristite zamjenske znakove u poljima u kojima je format poznat vrijednostima.
Napišite upite za popunjavanje obrasca. Na primjer, čuvar mjesta u poljima za unos.

Provjera valjanosti na novootvorenom praznom obrascu je zabranjena. Izuzetak su nacrti, kada je korisnik već popunio ovaj formular, nakon nekog vremena se vratio na njega, a on je bio popunjen sa greškama.

Vrste validacije

Postoje tri vrste provjere valjanosti: trenutna, pri gubitku fokusa i pri podnošenju obrasca.

Što prije interfejs prijavi grešku, to bolje - korisniku je lakše da se vrati i ispravi grešku.

Većina brz način prijavi grešku - trenutna validacija. Ali to je moguće samo u onim slučajevima kada je tokom procesa unosa jasno da je vrijednost netačna. Obično su takve greške povezane s pogrešnim rasporedom tastature (ćirilica umjesto latinice) ili unosom slova u numeričko polje (TIN, KPP, itd.) U tim slučajevima koristimo polja sa maskama: unošenje neprikladnih znakova u njih je blokirano . Stoga u našim sučeljima postoje samo dvije vrste provjere valjanosti:

gubitkom fokusa- glavni tip validacije
o podnošenju obrasca- za one slučajeve kada validacija gubitkom fokusa nije moguća.

Validacija gubitka fokusa

Kada koristiti

Kako to radi

Ne provjeravajte da li su polja prazna nakon gubitka fokusa - nemojte prikazati grešku ako je polje prazno, korisnik se može vratiti i popuniti polje malo kasnije. U takvim slučajevima možete prikazati grešku tek nakon podnošenja obrasca.

Validacija se pokreće odmah nakon gubitka fokusa, ako je vrijednost u polju popunjena. Ako se pronađe greška, polje je istaknuto crvenom bojom. Fokus se ne vraća automatski u ovo polje:

Tekst greške se pojavljuje u opisu alata kada se polje pređe kursorom ili fokusira:

Polje sa greškom treba ostati istaknuto ako je primilo fokus, njegova vrijednost nije ispravljena, a zatim je izgubilo fokus.

Crvena oznaka se uklanja iz polja čim korisnik počne ispravljati pogrešnu vrijednost.

Validacija predaje obrasca

Kada koristiti

Koristite ovu vrstu provjere valjanosti kada ne možete provjeriti valjanost polja nakon gubitka fokusa. Na primjer, da provjerite da li su popunjena obavezna polja.

Kako to radi

Provjera se događa nakon što korisnik pritisne dugme za slanje podataka: sva polja sa greškama na obrascu su označena, stranica skroluje do prvog polja sa greškom, fokus se pomera na ovo polje, kursor se pomera na kraj reda , opis alata sa nagovještajem se pojavljuje pored polja.

Pomicanje do prvog polja od gornje granice prozora do pogrešnog polja ostavlja uvlačenje od 48px - šest jedinica.

Blokiranje dugmeta za slanje

U malim obrascima, umjesto da provjerite obavezna polja, možete blokirati dugme za slanje obrasca. Koristite ovo ponašanje kada je očigledno zašto je dugme za slanje na obrascu onemogućeno. Na primjer, na obrascu za prijavu:

Čim se popune sva obavezna polja, dugme postaje aktivno. Ako je nakon toga korisnik izbrisao vrijednost u jednom od polja, gumb bi trebao ponovo postati neaktivan.

Poruke o grešci

Greške se mogu prijaviti na dva načina:

Alati

Kako rade

Objašnjenje nagoveštaja pojavljuje se u dva slučaja:

Prilikom prelaska miša iznad polja s greškom.
Kada polje sa greškom dobije fokus.

Ako je vrijednost u polju sa greškom promijenjena, izgubio fokus, a zatim ponovo dobio fokus, više se ne pojavljuje tooltip sa tekstom stare greške. Ovo pravilo radi isto za sve vrste provjera valjanosti: i za gubitak fokusa i za podnošenje obrasca.

Opis alata za lebdenje nadjačava opis alata za fokusiranje.

Alat se može pojaviti na vrhu ili desno od kontrole s greškom, tako da ne preklapa korisne informacije:

Ujednačeno ponašanje i izgled

Prikaži opise sa desne strane polja. Ako se u ovom slučaju preklapaju sa važnim sadržajem na stranici, prikažite opise alata na vrhu. Držite se dosljednosti, ali zapamtite da je sadržaj važniji od sadržaja.

Crveni tekstovi na stranici

Kako rade

Crveni tekst greške se pojavljuje čim se izvrši validacija i polje greške je istaknuto.

Čim korisnik počne da ispravlja vrednost, crveno osvetljenje polja nestaje i boja teksta greške se menja u -  #333.

Tekst greške nestaje kada se fokus izgubi i ne pojavljuje se ponovo kada polje ponovo dobije fokus. Ovo pravilo radi isto za sve vrste provjera valjanosti: i za gubitak fokusa i za podnošenje obrasca.

Prikažite tekst greške na desnoj strani ako ima mjesta na obrascu i sama poruka je kratka. Na ovaj način obrazac ne mora biti proširen da bi se prikazala greška.

Ako nema mjesta za tekst desno od polja, proširite obrazac i prikažite poruku ispod polja.

Na složenijim obrascima prikažite poruku o grešci u opisu alata.

Validacija zavisnih polja

Zavisna polja su polja čija vrijednost zavisi jedno od drugog.

Greške koje se odnose na kršenje ovisnosti polja prikazuju se nakon podnošenja obrasca. Na primjer, TIN i KPP. Ako je korisnik naveo TIN od 10 cifara, a polje sa kontrolnom tačkom ostavio praznim, nakon slanja obrasca, prazno polje sa kontrolnom tačkom će biti istaknuto.

TIN može biti dva tipa:

10-cifreni za pravna lica
12-cifreni IP.

Ako je korisnik naveo TIN od 12 cifara, onda je organizacija individualni preduzetnik i nema kontrolnu tačku, tako da polje kontrolne tačke nije potrebno popunjavati. I obrnuto, ako je kontrolni punkt popunjen, a TIN je 12-cifreni, TIN može biti pogrešno naveden.

Isticanje zavisnih polja nestaje čim korisnik počne da ispravlja vrednost u jednom od ovih polja.

Ako je format vrijednosti narušen prilikom popunjavanja zavisnog polja, prijavite takvu grešku kada se fokus izgubi. Na primjer, korisnik je unio 3 cifre u polje TIN i uklonio fokus. Ovo polje treba odmah istaknuti.

Primjer

Postoji obrazac sa 5 polja:

Naziv organizacije- običan tekst, obavezan
TIN- 10 ili 12 cifara, provjera kontrolne sume pri gubitku fokusa, obavezna
kontrolni punkt- 9 cifara sa provjerom kontrolne sume pri gubitku fokusa, obavezno ako se TIN sastoji od 10 cifara
Email- adresa e-pošte, provjerite gubitak fokusa po maski [email protected], opciono
Telefon- međunarodni format, provjera gubitka fokusa maskom +00000000000, obavezno