Share
Validering er utvilsomt et av de viktigste aspektene ved god webdesign. Og i et innholdssystem som WordPress, må du være forsiktig med HTML og CSS både i temaet og innholdet ditt. I denne opplæringen skal vi snakke om å validere et WordPress-nettsted.
Eller kanskje det bedre spørsmålet er hva som er meningen med validering?
Enkelt sagt, validering av en nettside betyr å gjøre sidens kode kompatibel med World Wide Web Consortiums (W3C) standarder. Dette gjøres vanligvis ved å sjekke HTML og CSS-utgangen på websidene dine med et valideringsverktøy. Akkurat som det finnes grammatikkregler på forskjellige språk, er det også regler for dataprogrammering. Validering kontrollerer nettsiden din for å se om siden følger disse reglene.
I tillegg til det, må vi også holde temaet vårt i samsvar med WordPress Coding Standards. Dette kan gjøres manuelt (ved å ha sunn fornuft mens du kodes et WordPress-tema) eller ved hjelp av verktøy som det berømte Temakontroll-pluginet.
Og hvorfor trenger vi å validere, spør du? Det er mer enn ett svar. La oss se:
Da jeg først begynte å leke rundt med HTML i 2005, kodet jeg de forferdelige nettsidene, fullt av feil som feilaktig nesting av elementer, eller glemte å lukke de kodene jeg åpnet. CSS var enda verre: Bare en enkel semikolonfeil eller en oppdagbar tastatur betydde at jeg trengte mer og mer tid til mine eksperimenter og prosjekter.
Men selv etter ni års hardt arbeid kan jeg gjøre feil til tross for at jeg er nesten en ekspert i HTML og CSS. Heldigvis kan verktøy som W3Cs HTML-validator hjelpe oss med å feilsøke nesten alle feilene som finnes i HTML-koden din. Uansett om det er ved å lim inn koden direkte, laste opp HTML-filen eller sende inn URI på nettsiden, kan du se hva du gjorde feil i koden din, hvor problemet er, og forslag til hvordan du kan fikse det. Å fikse disse feilene kan til og med forhindre større problemer.
Glem aldri dette faktum: søkemotor edderkopper kjærlighet semantiske websider. Det hjelper disse crawlers å forstå sider bedre og i SERP-oppføringer, du får naturlig fordel i forhold til sidene som ikke validerer.
Videre viser det at du omsorg om nettstedet ditt. Validering av nettsiden din betyr at du har gjort en innsats for å ha en strukturell, semantisk nettside (eller du har allerede verktøyene eller kunnskapen til å lage den siden). Det er et stort pluss for søkemotorer, og at "stort pluss" kan støte din rangering opp.
Har du noen gang tenkt på hvordan en nettleser leser en nettside? De har "motorer" for å analysere koden og konvertere den til en visuell opplevelse for mennesker. Dessverre har forskjellige nettlesere forskjellige motorer, og det kan føre til at sidene dine håndteres annerledes.
På en gyldig nettside er de fleste forskjellene veldig små og akseptable for nesten alle, men en ugyldig nettside kan leses så annerledes at folk kanskje ikke engang kan se sidene dine riktig i deres iPhones, Kindles eller hvilken som helst nettleser de kan være ved hjelp av. Validering retter nesten alle store forskjeller og gjør nettsiden din lesbar av nesten alle nettlesere.
Nå vet vi Hvorfor Vi bør validere våre nettsider, la oss se hvordan å gjøre det. For å hoppe over dobbeltspalten, kommer jeg ikke til å nevne at du må validere innleggets innhold, men husk at de fleste av tingene jeg vil si, går også til innholdet du skriver i WordPress-innlegg og sider.
W3Cs HTML Markup Validation Service er trolig det enkleste og mest populære verktøyet som er tilgjengelig for å sjekke og validere websiden din. Ved hjelp av dette verktøyet kan du se nesten alle valideringsfeil som strekker seg fra manglende ALT-attributter for IMG-kodene dine for å plassere et blokknivåelement inne i et inlineelement.
Du kan rangere HTML-koden din ved å gi adressen til websiden din, laste opp HTML-filen eller lime inn HTML-koden direkte.
På samme måte som HTML-valideringsverktøyet, er W3Cs CSS Validation Service det mest populære CSS-valideringsverktøyet på nettet. Og som HTML-validatoren kan du validere CSS ved å lime inn URI, laste opp en CSS-fil eller lime inn koden din direkte.
Vær oppmerksom på at dette verktøyet vil oppdage "CSS hacks" som feil, og for å være gyldig må du finne en annen måte å støtte eldre nettlesere på..
Selv om det ikke er veldig populært, er "feed validering" et av de andre viktige aspektene ved validering av nettstedet ditt. Og du kan sjekke WordPress-feeden din mot feil med W3C's Feed Validation Service for Atom og RSS. Heldigvis (og naturlig) standardiserer feeds av WordPress perfekt, så feeds er trolig allerede gyldige hvis du ikke bruker et plugin for å manipulere med feeds.
I tillegg er det et bemerkelsesverdig verktøy kalt Unicorn by W3C, som i utgangspunktet er en enhetlig validator. Selv om det ser ut som et utgått åpen kildeprogram, gir det fortsatt tilfredsstillende resultater om HTML, CSS, feed og i18n validering. Resultatsiden er litt forvirrende, men hvis du noen gang trenger å få resultater av flere valideringstester, vil du elske dette verktøyet.
Sammen med W3Cs standarder, har WordPress sine standarder også:
Temakontroll-pluginet inspiserer temaet ditt om disse standardene - spesielt "tema gjennomgang" -standardene. Resultatet kan være både deprimerende og motiverende, så ikke gi opp håp og prøv å eliminere feilene for å bygge en fantastisk WordPress Theme.
Akkurat som jeg begynte å skrive denne artikkelen, kom en ny nettside ut som heter ThemeCheck.org, som gjør akkurat hva Temakontroll-pluginet gjør. Du trenger ikke å installere plugin for Theme Check I stedet kan du laste opp temaet ditt til nettstedet og få poengsummen din sammen med anbefalinger for å forbedre temaet ditt (hvis det er behov for det). I tillegg kan du dele temaets valideringspoeng ved å plassere merket som tilbys av dem. Ryddig, er det ikke?
Validering av nettstedet ditt er viktig, ikke noe spørsmål om det. Så lenge du bekrefter dine nettsider og holder dem gyldige, vil du bare ha nytte av det.
Hva synes du om viktigheten av validering? Bidra til denne artikkelen med dine kommentarer! Og hvis du likte denne opplæringen, ikke glem å dele den med vennene dine!
Accentsconagua