Share
La validazione è senza dubbio uno degli aspetti più importanti del buon web design. E in un sistema di gestione dei contenuti come WordPress, devi stare attento al tuo codice HTML e CSS sia nel tuo tema che nei tuoi contenuti. In questo tutorial, parleremo della convalida di un sito Web WordPress.
O forse la domanda migliore è qual è il significato della convalida?
In poche parole, la convalida di una pagina Web significa rendere il codice della pagina conforme agli standard del World Wide Web Consortium (W3C). Questo di solito viene fatto controllando l'output HTML e CSS delle tue pagine web con uno strumento di convalida. Proprio come ci sono regole grammaticali in diverse lingue, ci sono anche regole nella programmazione di computer. La convalida controlla la tua pagina web per vedere se la pagina segue tali regole.
Oltre a ciò, abbiamo anche bisogno di mantenere il codice del nostro tema compatibile con gli standard di codifica di WordPress. Questo potrebbe essere fatto manualmente (avendo buon senso durante la codifica di un tema WordPress) o usando strumenti come il famoso plugin per il controllo dei temi.
E perché abbiamo bisogno di convalidare, chiedi? C'è più di una risposta. Diamo un'occhiata:
Quando ho iniziato a giocare con l'HTML per la prima volta nel 2005, ho codificato quelle pagine web terribili, piene di errori come l'annidamento improprio di elementi o la dimenticanza di chiudere i tag che ho aperto. Il CSS era anche peggio: solo un semplice errore di punto e virgola o un errore non rilevabile significava che avevo bisogno di più tempo per i miei esperimenti e progetti.
Ma anche dopo nove anni di duro lavoro, posso commettere errori nonostante io sia così quasi un esperto in HTML e CSS. Fortunatamente, strumenti come il validatore HTML di W3C possono aiutarci a eseguire il debug di quasi tutti gli errori presenti nel codice HTML. Che si tratti di incollare il codice direttamente, di caricare il file HTML o di inviare l'URI della pagina Web, puoi vedere cosa hai sbagliato nel codice, dove si trova il problema e suggerimenti su come risolverlo. La correzione di tali errori potrebbe persino impedire problemi maggiori.
Non dimenticare mai questo fatto: spider dei motori di ricerca amore pagine web semantiche. Aiuta i crawler a comprendere meglio le pagine e negli elenchi SERP, naturalmente ottieni vantaggi rispetto alle pagine che non convalidano.
Inoltre, mostra che tu cura sul tuo sito web. Convalidare la tua pagina web significa che hai fatto uno sforzo per avere una pagina web strutturale, semantica (o hai già gli strumenti o le conoscenze per creare quella pagina). Questo è un vantaggio enorme per i motori di ricerca e questo "enorme vantaggio" potrebbe far salire le classifiche.
Hai mai pensato a come un browser legge una pagina web? Hanno "motori" per analizzare il codice e convertirlo in un'esperienza visiva per gli esseri umani. Sfortunatamente, diversi browser Web hanno motori diversi e ciò può comportare diversamente la gestione delle tue pagine.
In una pagina Web valida, la maggior parte delle differenze sono davvero minime e accettabili per quasi tutti, ma una pagina web non valida potrebbe essere letta in modo così diverso che le persone potrebbero non essere nemmeno in grado di vedere correttamente le tue pagine nei loro iPhone, Kindle o qualunque browser possano essere utilizzando. La convalida risolve quasi tutte le principali differenze e rende la tua pagina web leggibile da quasi tutti i browser web.
Ora sappiamo perché dovremmo convalidare le nostre pagine web, vediamo Come per farlo. Per saltare la doppia conversazione, non dirò che è necessario convalidare i contenuti dei post; ma tieni presente che la maggior parte delle cose che dirò vale anche per il contenuto che scrivi nei post e nelle pagine di WordPress.
L'HTML Markup Validation Service di W3C è probabilmente lo strumento più semplice e più popolare disponibile per controllare e convalidare la tua pagina web. Utilizzando questo strumento, puoi individuare quasi tutti gli errori di convalida che vanno dagli attributi ALT mancanti per i tuoi tag IMG al posizionamento di un elemento a livello di blocco all'interno di un elemento in linea.
Puoi valutare il tuo codice HTML fornendo l'indirizzo della tua pagina web, caricando il file HTML o incollando direttamente il codice HTML.
Proprio come lo strumento di convalida HTML, il CSS Validation Service di W3C è lo strumento di convalida CSS più popolare nel web. E come il validatore HTML, puoi convalidare il tuo CSS incollando l'URI, caricando un file CSS o incollando il tuo codice direttamente.
Nota che questo strumento rileva gli "attacchi di CSS" come errori e, per rimanere valido, devi trovare un altro modo per supportare i browser più vecchi.
Anche se non è molto popolare, "la convalida dei feed" è uno degli aspetti più importanti della convalida del tuo sito web. E puoi controllare il tuo feed WordPress contro gli errori con il servizio di convalida dei feed di W3C per Atom e RSS. Fortunatamente (e naturalmente) i feed predefiniti di WordPress si convalidano perfettamente, quindi i tuoi feed sono probabilmente già validi se non stai utilizzando un plugin per manomettere i feed.
Inoltre, c'è uno strumento degno di nota chiamato Unicorn di W3C, che è fondamentalmente un validatore unificato. Sebbene sembri un'applicazione open source fuori produzione, offre comunque risultati soddisfacenti in merito alla convalida di HTML, CSS, feed e i18n. La pagina dei risultati è un po 'confusa, ma se hai mai bisogno di ottenere risultati da più test di convalida, adorerai questo strumento.
Oltre agli standard del W3C, anche WordPress ha i suoi standard:
Il plug-in Verifica tema esamina il tema su questi standard, in particolare gli standard di "revisione del tema". Il risultato può essere sia deprimente che motivante, quindi non rinunciare alla speranza e cerca di eliminare gli errori per costruire un fantastico tema WordPress.
Proprio quando ho iniziato a scrivere questo articolo, è uscito un nuovo sito Web chiamato ThemeCheck.org che fa esattamente ciò che fa il plugin Check del tema. Non è necessario installare il plug-in Verifica tema. invece, puoi caricare il tuo tema sul sito web e ottenere il tuo punteggio insieme a consigli per migliorare il tuo tema (se ne hai bisogno). Inoltre, puoi condividere il punteggio di convalida del tema inserendo il badge fornito da loro. Niente, non è vero??
Convalidare il tuo sito Web è essenziale, non ci sono dubbi. Finché convalidi le tue pagine web e le mantieni per rimanere valide, ne trarrai beneficio.
Cosa ne pensi dell'importanza della convalida? Contribuisci a questo articolo con i tuoi commenti! E se ti è piaciuto questo tutorial, non dimenticare di condividerlo con i tuoi amici!
Accentsconagua