Cum de a valida eficient un site WordPress

Validarea este, fără îndoială, unul dintre aspectele cele mai importante ale designului de web bun. Și într-un sistem de gestionare a conținutului, cum ar fi WordPress, trebuie să fii atent la HTML și CSS atât în ​​tema, cât și în conținutul tău. În acest tutorial, vom vorbi despre validarea unui site web WordPress.

De ce validează un site Web?

Sau, poate o întrebare mai bună este ce înseamnă validarea?

Pur și simplu, validarea unei pagini web înseamnă că codul paginii este compatibil cu standardele W3C (World Wide Web Consortium). Acest lucru se face, de obicei, prin verificarea ieșirii HTML și CSS a paginilor dvs. web cu un instrument de validare. La fel ca și regulile de gramatică în limbi diferite, există și reguli de programare pe calculator. Validarea verifică pagina dvs. web pentru a vedea dacă pagina respectă acele reguli.

În plus, trebuie să ținem codul temei în concordanță cu standardele de codare WordPress. Acest lucru se poate face manual (prin simțul bun în timp ce codați o temă WordPress) sau folosind instrumente cum ar fi celebrul plugin Theme Check.

Și de ce trebuie să validăm, cereți? Există mai multe răspunsuri. Haideți să aruncăm o privire:

Validarea vă permite să vă depanați paginile

Când am început să joc cu HTML în 2005, am codificat acele pagini web îngrozitoare, pline de erori cum ar fi necinstirea necorespunzătoare a elementelor sau uitarea de a închide etichetele pe care le-am deschis. CSS a fost și mai rău: doar o eroare de semicolon sau o tipo nedetectabilă înseamnă că aveam nevoie de mai mult timp pentru experimentele și proiectele mele.

Dar chiar și după nouă ani de muncă grea, pot să fac greșeli în ciuda faptului că sunt aproape un expert în HTML și CSS. Din fericire, instrumente precum validatorul HTML al W3C ne pot ajuta să depanem aproape orice eroare din codul dvs. HTML. Fie că este vorba de inserarea directă a codului, încărcarea fișierului HTML sau trimiterea URI-ului paginii web, puteți vedea ce ați greșit în codul dvs., unde este problema și sugestii privind remedierea acestuia. Fixarea acestor erori ar putea chiar să prevină probleme mai mari.

Validarea rezultatelor în SEO mai bun

Nu uita niciodată acest fapt: păianjeni motoare de căutare dragoste pagini web semantice. Îi ajută pe crawlerele să înțeleagă mai bine paginile și în listele SERP, câștigi în mod natural avantajele împotriva paginilor care nu sunt validate.

În plus, arată că tu îngrijire despre site-ul dvs. Validarea paginii dvs. web înseamnă că ați făcut un efort pentru a avea o pagină web structurală, semantică (sau aveți deja instrumentele sau cunoștințele necesare pentru a crea acea pagină). Acesta este un plus imens pentru motoarele de căutare și că "imensul plus" vă poate împinge în topul clasamentelor.

Validarea face site-ul dvs. mai accesibil și compatibil

Te-ai gândit vreodată la un browser citește o pagină web? Ei au "motoare" pentru a analiza codul și ao transforma într-o experiență vizuală pentru ființele umane. Din păcate, diferitele browsere web au motoare diferite și pot duce la manipularea paginilor dvs. în mod diferit.

Într-o pagină web valabilă, majoritatea diferențelor sunt foarte mici și acceptabile pentru aproape toată lumea, însă o pagină web invalidă poate fi citită atât de diferit încât este posibil ca oamenii să nu vă poată vedea paginile în mod corespunzător în iPhone, Kindles sau orice alt browser folosind. Validarea stabilește aproape orice diferență majoră și face ca pagina dvs. web să poată fi citită de aproape toate browserele web.

Instrumente de validare pentru site-ul dvs. WordPress

Acum știm De ce ar trebui să validăm paginile noastre web, să vedem Cum să o facă. Pentru a renunța la discuția dublă, nu voi menționa că trebuie să validezi conținutul mesajului tău; dar țineți cont de faptul că majoritatea lucrurilor pe care le voi spune, de asemenea, se referă și la conținutul pe care îl scrieți în mesajele și paginile WordPress.

Validarea codului HTML

Serviciul de validare a marcajelor HTML W3C este probabil cel mai simplu și cel mai popular instrument disponibil pentru verificarea și validarea paginii dvs. web. Utilizând acest instrument, puteți observa aproape orice eroare de validare, de la atributele ALT care lipsesc pentru etichetele dvs. IMG la plasarea unui element la nivel de bloc în interiorul unui element inline.

Puteți să vă clasificați codul HTML dând adresa paginii dvs. web, încărcând fișierul HTML sau inserând direct codul HTML.

Validarea stilurilor CSS

La fel ca și instrumentul de validare HTML, serviciul de validare CSS al W3C este cel mai popular instrument de validare CSS de pe web. Și ca validatorul HTML, puteți valida CSS prin adăugarea unui URI, încărcarea unui fișier CSS sau inserarea directă a codului.

Rețineți că acest instrument va detecta "erori CSS" ca erori și pentru a rămâne valabil, trebuie să găsiți un alt mod de a sprijini browserele mai vechi.

Validarea fluxurilor WordPress

Deși nu este foarte popular, "validarea alimentării" este unul din aspectele importante ale validării site-ului dvs. web. Și puteți să verificați feedul dvs. WordPress împotriva erorilor cu Serviciul de Validare a Feedurilor al W3C pentru Atom și RSS. Din fericire (și, firește), fluxurile prestabilite de WordPress validează perfect, astfel încât feed-urile dvs. sunt probabil valide dacă nu utilizați un plugin pentru a manipula feedurile.

În plus, există un instrument demn de remarcat numit Unicorn de W3C, care este, în principiu, un validator unificat. Deși seamănă cu o aplicație open-source întreruptă, aceasta oferă în continuare rezultate satisfăcătoare despre validarea HTML, CSS, feed și i18n. Pagina de rezultate este puțin confuză, dar dacă vreți să obțineți rezultatele testelor de validare multiple, vă va plăcea acest instrument.

Validarea temei WordPress cu Tematica de verificare

Împreună cu standardele W3C, WordPress are și standardele sale:

  • Standardele de codare PHP includ folosirea corectă a citatelor simple și duble, utilizând tot timpul etichetele PHP, utilizând în mod corespunzător spațiul alb, utilizând condițiile Yoda și așa mai departe.
  • Codurile HTML Coding se referă la scrierea unui cod HTML valid; utilizând valorile atributelor cu caractere minuscule, împachetând valorile atributului cu citate, utilizând spațiul alb cu indentare logică etc..
  • Standardele de codare CSS includ structurarea corectă a foii de stil, folosirea numerelor cu litere mici (cu cratime pentru separarea cuvintelor) în selectori, ordonarea cu ușurință a proprietăților, comentarea și astfel.
  • Codificarea JavaScript Standardele solicită folosirea adecvată a armăturilor, funcțiile de nume și variabilele CamelCase, definind o funcție anonimă dacă jQuery va fi folosit și așa mai departe.
  • Tematica Standardelor de examinare include codul de calitate scris (în mod natural), separarea funcționalității prin utilizarea pluginurilor, utilizarea șabloanelor și a cârligelor adecvate, susținerea claselor CSS generate de WordPress, securizarea temei, licențierea adecvată, organizarea corectă a fișierelor tematice, scrierea unei documentații suficiente ... prea mult!

The plugin Check Theme inspectează tema ta despre aceste standarde - în special standardele "review-ului tematic". Rezultatul poate fi atât deprimant, cât și motivant, așa că nu renunțați la speranță și încercați să eliminați erorile pentru a construi o temă fantastică WordPress.

După ce am început să scriu acest articol, a ieșit un nou site numit ThemeCheck.org care face exact ceea ce face pluginul Theme Check. Nu trebuie să instalați pluginul Theme Check; în schimb, puteți să încărcați tema pe site și să obțineți scorul împreună cu recomandări pentru a vă îmbunătăți tema (dacă este necesar). În plus, puteți distribui scorul de validare al temei plasând insigna oferită de ele. Neat, nu-i așa??

Înfășurarea în sus

Validarea site-ul dvs. este esențială, fără nici o îndoială. Atâta timp cât vă validați paginile dvs. web și le mențineți să rămână valabile, veți beneficia numai de acestea.

Ce credeți despre importanța validării? Contribuiți la acest articol cu ​​comentariile dvs.! Și dacă ți-a plăcut acest tutorial, nu uita să o împărți cu prietenii tăi!

Cod