(în special, elementul de închidere lipsește), atunci motorul de căutare nu va corecta nimic - îl va interpreta așa cum este scris în alb și negru în cod. Ca urmare, pot apărea consecințe legate de promovarea site-ului.
Este aspectul valid important în promovarea site-ului? În teorie, da, dar în practică se dovedește că există o mulțime de site-uri cu erori de validare în partea de sus, iar site-urile cu erori în general se mișcă bine. Problemele cu promovarea pot apărea numai dacă site-ul dvs. nu este afișat corect pe un anumit tip de dispozitiv sau într-un anumit browser. Dacă arată grozav, dar există erori în validare, acest lucru nu va avea niciun impact asupra promovării.
Unii webmasteri au cercetat în mod special această problemă, încercând să afle dacă rezultatele clasamentului depind de rezultatele validării. Webmasterul Mark Daost a remarcat că validitatea codului nu este fundamentală. Shaun Anderson, dimpotrivă, a ajuns la concluzia că valabilitatea este ca un balsam pentru sufletul unui site în ceea ce privește clasamentele de căutare.
Un alt specialist, Mike Davidson, a efectuat și el un experiment similar și a ajuns la concluzia că Google clasifică paginile în funcție de calitatea scrierii lor. De exemplu, o etichetă neînchisă poate face ca o bucată de conținut să fie percepută ca valoarea etichetei respective.
Acest webmaster a făcut un punct foarte important:
Este imposibil de spus cu certitudine cât de puternic depinde clasamentul de validitatea codului, dar este absolut sigur că deficiențele existente pot duce la eliminarea paginilor sau a întregului site din indexul motorului de căutare.
De ce este necesar un cod valid? Codul valid permite paginilor să se afișeze corect în browsere (și este posibil ca stilurile CSS ale site-ului să nu fie afișate corect).
Mai mult, este foarte posibil ca într-un browser site-ul dvs. să fie afișat așa cum l-ați configurat, iar în altul - complet diferit. Imaginea poate fi denaturată și conținutul poate deveni complet ilizibil.
Ca urmare, pierdeți trafic din acest browser. In afara de asta, factor comportamental , care este unul dintre cele mai multe factori importanți în SEO, afectează semnificativ rezultatele căutării.
Imaginați-vă că vizitatorii vin pe site-ul dvs. și îl închid imediat din cauza incapacității de a percepe informațiile - datorită erorilor din cod. Sau chiar revin înapoi la motorul de căutare pentru că nu a fost găsită o soluție. Toate acestea vor face un deserviciu, deoarece în cele din urmă factorul comportamental va schimba poziția site-ului în rău.
Cum se verifică valabilitatea unui site Pentru a verifica integritatea codului, ei folosesc cel mai adesea site-ul de validare foarte util „Markup Validation Service”, situat la: http://validator.w3.org, creat de W3C.
HTML
Aici aveți trei opțiuni de validare:
introduceți adresa URL a paginii;
încărcați fișierul de cod de pe computer;
lipiți codul terminat în formular.
Serviciul nu indică doar erori cod html și locația acestora, dar oferă și sfaturi privind corectarea. Dacă codul este deja disponibil pe Web, atunci îl puteți valida introducând adresa URL în formularul „Validare prin URL” și făcând clic pe butonul Verificare. Validator HTML va permite citirea codului și va raporta rezultatele.
Trebuie să introduceți adresa URL exactă a paginii URL pe care o verificați. Întregul site nu va fi verificat. Introdu adresa site-ului web - doar pagina sa de pornire este considerată un program. Dacă se găsesc comentarii, se emite o notificare de invaliditate. codul programului iar apoi sunt indicate liniile cu erori.
Acest videoclip explică clar procesul de verificare folosind un validator:
Verificarea fișierelor locale La aceeași adresă http://validator.w3.org puteți verifica codul selectând fila „Validare prin încărcare fișier” și încărcând un document cu codul scris.
Alegerea drumului spre fișierul necesar și faceți clic pe Verificare. Apoi totul se întâmplă în același mod.
Folosind formularul pentru a introduce un cod Uneori este mai convenabil să introduceți imediat codul paginii și să îl verificați online: selectați fila „Validare prin introducere directă” și trimiteți tot codul la server.
CSS
Valabilitatea codului CSS poate fi verificată și folosind un validator online: https://jigsaw.w3.org/css-validator/
Totul aici este în rusă, pentru mulți aceasta este o surpriză cu adevărat plăcută.
Din nou, puteți alege să introduceți o adresă URL, să încărcați fișierul sau să lipiți codul.
Site-ul este verificat pentru erori, ca în cazul HTML, și primim un răspuns de la server. Nu există setări de verificare, dar puteți examina cele propuse generate cod valid , situat după lista de defecte de cod.
Studiem codul rezultat și îl aducem pe cel original în forma dorită.
Extensii de browser Există tot felul de extensii de validare disponibile pentru browsere. Pentru Google Chrome Există un plugin care verifică validitatea codului: HTML Tidy Browser Extension, pentru Opera - extensia Validator, pentru Safari - Zappatic, pentru Firefor - HTML Validator.
Să ne uităm la acesta din urmă mai detaliat. Efectuează aceeași verificare ca validatorul, doar offline. O poți obține aici http://users.skynet.be/mgueury/mozilla/
Instalați extensia, reporniți browserul - și puteți începe să lucrați imediat. Dacă aveți probleme cu instalarea, puteți scrie la asistență Mozilla Firefox sau răsfoiți forumul http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing
Video detaliat despre instalarea HTML Validatorul și utilizarea sa:
La încărcarea oricărei adrese URL, extensia este activată automat și citește codul. Rezultatul este vizibil în colțul din dreapta sus.
Rezultatul arata ca poza mica cu rezultatul validării:
Făcând clic pe rezultat, puteți deschide: sursă ;
Cum să remediați cele mai frecvente erori Indiferent de modul în care este verificat codul, erorile apar într-o listă. Trebuie indicată și linia cu defectul.
Înainte de a edita codul, pentru orice eventualitate, ar trebui să faceți copie de rezervă șablon de site.
În extensia Firefox, când faceți clic pe numele erorii în fereastra de extensie deschisă, sunteți redirecționat automat către o linie cu cod invalid.
Aceste erori conțin sfaturi despre cum să le corectați.
1. Fără spațiu între atribute.
Aici corecțiile sunt pentru a elimina „punctul și virgulă”.
2. Etichetă finală pentru elementul „div” care nu este deschis
Închidere etichetă div suplimentar. Să-l scoatem.
Știți prost engleza (și totul este întotdeauna descris în ea)? Copiați codul de eroare și inserați-l într-un motor de căutare. Un subiect similar a fost probabil deja descris de un webmaster sau un designer de layout, prin urmare, veți găsi întotdeauna o modalitate de a rezolva problema pe resurse specializate.
Deși, să fiu sincer, nu aș cheltui prea mult efort pe erorile din cod. Este mai bine să vă asigurați că site-ul arată corect pe toate dispozitivele și browserele.
Toate serviciile prezentate în această colecție extrem de utilă îl ajută pe web designer să își testeze site-ul pentru conformitatea cu standardele și normele general acceptate ale dezvoltatorilor web. În special, puteți verifica corectitudinea codului HTML al paginii, stilurile CSS, accesibilitatea site-ului la nivel mondial, accesibilitatea pentru dispozitive mobile , încărcare extremă pe site, viteza de încărcare a paginii, cum arată site-ul browsere diferite și în special în Internet Explorer.
1. Legătură de verificare
2. Verificator URL puncte diferite glob.
3. Verificator mobil
4. Unicorn
5. validator CSS
6. Validator RSS Feed
7. Accesibilitate cu stil
8. Contrastul culorilor contrast de culoare între elementele din față și din spate ale site-ului.
9. Validator HTML WDG
10.Dr. Verificarea de validare a site-ului lui Watson
11. Verificator roboți
12. Firebug Firefox Extensie
13. Impactul sarcinii
14.Accesibilitate-Verificator
15. Viewlike.us - serviciul nu funcționeazărezoluții diferite ecran.
După crearea unui site și completarea acestuia cu tot ce este necesar, site-ul trebuie verificat pentru erori. Pentru a găsi greșeli de ortografie în html și css, validatorul W3 vă va ajuta - La nivel mondial Web Consortium, care se traduce prin: Consortium World wide web . Găsește toate erorile și indică unde sunt localizate și oferă, de asemenea, opțiuni pentru eliminarea acestora.
De ce să vă remediați codul cu Validatorul W3C
De fapt, nu sunt multe avantaje din acest lucru și toate sunt condiționate, dar, din păcate, fiecare site ar trebui să aibă un număr minim de erori, în mod ideal, niciuna. Pentru a vă ajuta să decideți dacă aveți nevoie de el, iată avantajele sale:
Viteza de încărcare a paginii va crește, dar doar puțin, nici măcar nu va fi vizibilă.
Site-ul va apărea la fel în fiecare browser.
Când adăugați un site în director, acordați atenție alfabetizării scrierea html și css.
Nu sunt multe avantaje, dar remediați erori html și css folosirea validatorului W3C merită!
Cum să remediați erorile cu Validator
Principiul corectării erorilor cu un validator nu este complicat și oricine îi poate face față! Urmați linkul către, dacă este dificil de înțeles limba engleză, vă sfătuiesc să utilizați un traducător, sau să utilizați acest , care va arăta tipul de erori în limba rusă. Să ne uităm la un exemplu de corectare a validatorului:
1. Introduceți numele complet al site-ului dvs. în câmp.
3.Adăugați un element la linia în care a fost găsită eroarea și verificați-l din nou cu validatorul.
Salutare tuturor! Astăzi vă voi spune despre ce este vorba valabilitatea codului site-ului, de ce este necesar și cum să îl verificați și să îl remediați folosind diverse serviciu online ov validatoare W3C (html, CSS). Deci, să începem cu teorii. Care este mai exact acest termen?
Valabilitatea codului este gradul în care codul site-ului dvs. web respectă standardele internaționale acceptate, prescurtat ca W3C. Cu alte cuvinte, cu mult timp în urmă o serie de reguli generale privind scrierea codului, ceea ce în cazul nerespectării standardelor W3C poate implica afișare incorectă site-ul dvs. în diverse computere și browsere mobile . De asemenea, în unele cazuri deosebit de rare, acest lucru poate duce la sancțiuni din partea motoarelor de căutare, precum și la impunerea diferitelor filtre care pot încetini dezvoltarea proiectului dumneavoastră. Dar acest lucru se întâmplă foarte rar, deoarece chiar și Yandex însuși Cod Google nu este valabil 100%, adică conține erori.
De fapt, probabil că ai o întrebare: de ce trebuie să-mi cheltuiesc propriul timp să editați codul site-ului dvs. astfel încât să devină valid, dacă tot nu afectează nimic? După cum am scris mai sus, acest lucru este necesar pentru a vă asigura că site-ul dvs. se afișează corect (fără erori și erori) în diferite browsere. Astăzi, după cum știți, acestea devin din ce în ce mai populare tipuri diferite modele de telefoane: iPhone, Android, Smartphone și altele, care sunt deja folosite de întreaga populație a pământului. Astăzi fiecare a treia persoană are a lui telefon mobil , prin care poate intra online și vă poate vizita site-ul. Acesta este de aproximativ 20-30 de ori mai mult decât cei care au propria lor propriul calculator , laptop, tabletă.
Adică înțelegi ideea. Publicul de oameni care folosesc dispozitive mobile este cel mai mare, ceea ce trebuie să țintăm. Și dacă vă amintiți câte dispozitive mobile au fost lansate în ultimii 10 ani și câte modele noi continuă să fie lansate la fiecare șase luni, atunci devine clar că ar fi foarte stupid să pierdeți un astfel de trafic (vizitatori). În plus, noile tehnologii nu stau pe loc și, odată cu apariția limbajului html5 actualizat, vechiul dvs. site web creat în 200 se poate dovedi a fi, ca să spunem așa, un mare zgomot pe fundalul rețelei globale.
Cum să verifici validitatea codului html și CSS al site-ului tău?
Există o mulțime de astfel de servicii pe Internet, cu toate acestea, aproape toate sunt strâmbe și chiar și pe Limba engleză , unde chiar și cu el nu va fi foarte ușor de înțeles despre ce este vorba despre care vorbim . Dar totuși, există unul dintre ele care este mai normal, care nu numai că oferă o explicație, dar arată și în ce linie de cod se află eroarea. Deci, faceți cunoștință - jigsaw.w3.org.
Vizitând acest site, puteți verifica validitatea codului site-ului dvs. în trei moduri. În fila „Verificare URI”, introduceți adresa site-ului dvs., iar serviciul vă va oferi întreaga listă de erori găsite în coduri doar pe pagina principala ! Dacă, ca și mine, nu cunoașteți foarte bine codurile și atunci când vizualizați codul site-ului dvs. nu găsiți linia care trebuie corectată, atunci puteți pur și simplu să încărcați fișierul de stiluri CSS (designul site-ului) în „verificați fișierul încărcat ” fila .
În acest caz, veți ști deja în ce fișier trebuie să introduceți codul. Apropo, o poți face și mai ușor. Dacă site-ul dvs. rulează pe un motor, de exemplu, atunci va trebui să mergeți doar la panoul de administrare al blogului în „ aspect » „editor”, selectați un fișier, de exemplu, un antet (header.php), copiați codul și inserați-l în serviciu în fila „verificarea textului tastat”. Așa mi-am verificat personal blogul.
Deci, pe site-ul meu personal au fost 44 de erori, ceea ce este foarte puține în comparație cu alte site-uri. Apropo, unchiul Yandex are până la 155 de erori, ah-ah-ah. Ei bine, bine, să nu vorbim despre lucruri triste.
Pentru a vă fi mai ușor să corectați aceste inexactități în coduri, permiteți-mi să vă arăt personal câteva exemple pe blogul meu. Mai întâi, acordați atenție inscripției Linia 26. Aceasta indică o linie de cod. Pentru a-l găsi rapid, plasează acest cod , pe care l-ați introdus în serviciul jigsaw.w3.org, etichetele liniilor sunt afișate în orice editor html.
Observați că unele etichete sunt întotdeauna evidențiate cu roșu în cod. Acesta este locul în care trebuie să căutați și să editați codul. Cel mai adesea, trebuie eliminat complet sau etichetele lipsă trebuie adăugate la el. De asemenea, în titlu și în partea de jos a inscripției există sfaturi în limba engleză despre ce trebuie făcut pentru a corecta eroarea.
Exemplul 1 . Aici trebuie să eliminați ghilimele evidențiate cu roșu <>
. Ele nu ar trebui să fie în interiorul codului, acolo unde există deja la început și la sfârșit.
Exemplul 2 . Lipsește o etichetă de închidere la sfârșitul codului />
. Rețineți că dacă în partea de sus a codului există o altă linie, tot cu o etichetă neînchisă, atunci trebuie să fie și închisă, altfel eroarea nu va dispărea.
Exemplul 3 . Aici trebuie doar să eliminați linia repetată: „ href="">
.
Apropo, ar trebui să corectați erorile în primul rând, cele marcate cu cruce, și nu semn de exclamare , deoarece aceste erori nu sunt atât de importante. De asemenea, înainte de a repara ceva, faceți acest lucru, deoarece există o mare probabilitate să îl rupeți. După ce curățați complet codul, vă recomand să vă uitați la modul în care este afișat site-ul dvs browsere diferite pe platforme diferite PC-uri și telefoane. Serviciul online gratuit browsershots.org vă poate ajuta în acest sens.
Cum altfel poți verifica rapid validitatea codului html și CSS al site-ului tău?
Dacă jigsaw.w3.org nu a fost suficient pentru tine, iată încă câteva pentru tine servicii aditionale pentru verificare valabilitate html codul site-ului: www.validome.org, watson.addy.com,
În concluzie, vreau să spun că dacă găsești câteva erori în tine, atunci nu trebuie să-ți faci griji, deoarece nu este atât de important astăzi. În general, au fost efectuate experimente pe această temă de mult timp, din care a devenit clar că codul prost valid nu afectează rezultatele căutării unui site. Dar, din păcate, internetul este un mediu în care totul se schimbă rapid. Astăzi poate că nu contează, dar mâine Yandex va adăuga acest algoritm suplimentar și pozițiile de căutare se pot lăsa (scădea). Deci, dacă aveți timp suplimentar pentru a modifica codul site-ului dvs., este mai bine să o faceți acum.
Vreau să dedic articolul de astăzi validării site-ului (adică HTML). În primul rând, să definim ce înseamnă acest termen! Validarea site-ului înseamnă verificarea erorilor de sintaxă, verificarea imbricației etichetelor și a altor criterii. De regulă, validatorii (servicii de verificare a site-urilor pentru erori în structura documentului) verifică codul HTML pentru conformitatea cu un anumit standard, care este indicat chiar la începutul oricărei pagini HTML din prima linie. Dacă nu știai pentru ce este, acum vei ști! 🙂 Dar de ce, mai exact, este necesară această validare și ce afectează ea?
„Ce este validarea site-ului?” După cum am spus mai sus, validarea înseamnă conformitatea codului HTML cu anumite reguli și standarde. XHTML a fost înlocuit cu , ceea ce a făcut viața mult mai ușoară pentru dezvoltatori. Chestia este că în versiunea XHTML sintaxa era foarte strictă. Dacă în HTML5 puteți scrie o etichetă wrap
„Ce afectează validarea site-ului?” Acum să răspundem la a doua întrebare.
Validarea site-ului vă permite să monitorizați afișarea corectă a site-ului în diferite browsere. De exemplu, dacă nu închideți eticheta sau nu faceți o greșeală de tipar undeva în cod, atunci aceeași pagină poate fi afișată diferit în browsere diferite. De asemenea, este posibil ca (CSS) să nu apară așa cum vă așteptați. Prin urmare, este necesar să se monitorizeze îndeaproape acest lucru.
De asemenea, nu m-am putut abține să nu spun că validarea afectează motoare de căutare : motoarele de căutare dau preferință site-urilor cu cod HTML valid . Tine cont de asta!
Ei bine, v-am convins că validarea site-ului este cu adevărat necesară? Atunci am terminat cu teoria și să trecem la practică!
Metode de verificare de validare Am scris despre fiecare dintre metode instrucțiuni detaliate sub formă de text și, de asemenea, dacă cineva îi este lene să citească și să înțeleagă, am făcut un videoclip 😉 .
1 cale. Service validator.w3.org Esența primei metode este utilizarea unui serviciu pentru a verifica validitatea site-ului. Cum se verifică validitatea unui site folosind serviciul validator.w3.org :
1. Accesați adresa: validator.w3.org. În fața noastră se va deschide o pagină cu 3 file. Pe prima filă „Validare prin URI” puteți verifica validitatea unui site postat pe Internet, pe a doua „Validare prin încărcare fișier” - încărcați un fișier de pe computer, iar pe a treia „Validare prin intrare directă” - lipiți conținutul fișierului direct în formularul de intrare. Voi vorbi despre prima opțiune, adică atunci când site-ul este postat pe Internet (cred că nu veți avea probleme cu alte metode). Prin urmare, selectați prima filă ca în imaginea de mai jos:
Dacă nu aveți nimic din ceea ce am descris mai sus, atunci va trebui să setați singur aceste valori. Nu am schimbat nimic aici și am lăsat totul așa cum este.
3. Apoi, în câmpul „Adresă” introduceți adresa site-ului dvs. așa cum am făcut eu:
Apoi faceți clic pe butonul „Verifică”, care se află în mijlocul blocului gri:
4. Urmează validarea site-ului dvs. și după un timp va apărea rezultatul validării. Voi pagina similara cu mesajul „Acest document a fost verificat cu succes ca HTML5!” (ceea ce înseamnă că site-ul dvs. a trecut cu succes verificarea validității un anumit tip document, adică în cazul meu HTML5):
Dacă aveți o inscripție pe un fundal roșu, aceasta înseamnă că aveți erori în documentul dvs. HTML. Ele trebuie corectate. Pentru a face acest lucru, evidențiați pur și simplu numele erorii (în videoclip vă arăt cum să faceți toate acestea) și inserați-l, de exemplu, în Google. Apoi citiți pur și simplu cum au tratat alți webmasteri această eroare și corectați-o urmând aceste sfaturi. Mai ai și o altă opțiune - să-i încredințezi această chestiune persoană informată , care înțelege codul și lasă-l să o facă pentru tine.
Metoda 2. Pluginuri de browser 1. Plugin pentru Browser Mozilla Firefox - Go
Urmați linkul de mai sus și selectați versiunea browser Firefox și faceți clic pe butonul „Descărcare”. Apoi selectați necesarul sistem de operare și instalați ca supliment obișnuit. (cei care nu înțeleg, urmăriți videoclipul :)
2. Plugin pentru browser Google Chrome - Go
Aici trebuie să faceți clic pe butonul „Free” și apoi să faceți clic pe „Adăugați” în fereastra pop-up.
3. Plugin pentru browser Opera — Du-te
Se întâmplă și aici instalare normală adaosuri.
4. Plugin pentru browser Safari — Du-te
