La validation est sans aucun doute l’un des aspects les plus importants d’une bonne conception Web. Et dans un système de gestion de contenu tel que WordPress, vous devez faire attention à votre code HTML et CSS, tant dans votre thème que dans votre contenu. Dans ce tutoriel, nous allons parler de la validation d'un site Web WordPress.
Ou peut-être que la meilleure question est de savoir quel est le sens de la validation?
En termes simples, la validation d'une page Web signifie que le code de la page est conforme aux normes du World Wide Web Consortium (W3C). Cela se fait généralement en vérifiant la sortie HTML et CSS de vos pages Web avec un outil de validation. Tout comme il existe des règles de grammaire dans différentes langues, il existe également des règles de programmation informatique. La validation vérifie votre page Web pour voir si la page respecte ces règles.
En plus de cela, nous devons également maintenir le code de notre thème conforme aux normes de codage WordPress. Cela pourrait être fait manuellement (en ayant du bon sens lors du codage d'un thème WordPress) ou en utilisant des outils comme le célèbre plugin Theme Check.
Et pourquoi avons-nous besoin de valider, demandez-vous? Il y a plus d'une réponse. Regardons:
Lorsque j'ai commencé à me familiariser avec le langage HTML en 2005, j'ai codé ces pages Web épouvantables, pleines d'erreurs telles qu'une imbrication incorrecte d'éléments ou l'oubli de fermer les balises que j'ai ouvertes. CSS était encore pire: une simple erreur de point-virgule ou une faute de frappe indétectable signifiait qu'il me fallait de plus en plus de temps pour mes expériences et projets..
Mais même après neuf ans de dur labeur, je peux faire des erreurs malgré le fait que je suis presque un expert en HTML et CSS. Heureusement, des outils comme le validateur HTML du W3C peuvent nous aider à déboguer presque toutes les erreurs de votre code HTML. Que ce soit en collant le code directement, en téléchargeant le fichier HTML ou en soumettant l'URI de la page Web, vous pouvez voir ce que vous avez fait de mal dans votre code, où le problème se trouve et des suggestions sur la façon de le résoudre. La correction de ces erreurs pourrait même empêcher des problèmes plus graves.
N'oubliez jamais ce fait: les araignées des moteurs de recherche amour pages Web sémantiques. Cela aide ces robots à mieux comprendre les pages et, dans les listes de SERP, vous prenez naturellement avantage sur les pages non validées..
De plus, cela montre que vous se soucier à propos de votre site web. La validation de votre page Web signifie que vous avez tenté de créer une page Web structurelle et sémantique (ou que vous avez déjà les outils ou les connaissances nécessaires pour créer cette page). C'est un énorme avantage pour les moteurs de recherche et cet énorme avantage peut faire grimper votre classement..
Avez-vous déjà pensé à la façon dont un navigateur lit une page web? Ils ont des "moteurs" pour analyser le code et le convertir en une expérience visuelle pour les êtres humains. Malheureusement, différents navigateurs Web ont des moteurs différents, ce qui peut entraîner un traitement différent de vos pages..
Dans une page Web valide, la plupart des différences sont vraiment minuscules et acceptables pour presque tout le monde, mais une page Web non valide peut être lue tellement différemment que les utilisateurs risquent même de ne pas pouvoir voir vos pages correctement dans leur iPhone, Kindles ou leur navigateur. en utilisant. La validation corrige presque toutes les différences majeures et rend votre page Web lisible par presque tous les navigateurs Web..
Maintenant nous savons Pourquoi nous devrions valider nos pages Web, voyons Comment pour le faire. Afin d'éviter la double conversation, je ne vais pas mentionner que vous devez valider le contenu de votre message; mais gardez à l'esprit que la plupart des choses que je vais dire vont également au contenu que vous écrivez dans les posts et pages WordPress.
Le service de validation du balisage HTML du W3C est probablement l'outil le plus simple et le plus répandu pour vérifier et valider votre page Web. En utilisant cet outil, vous pouvez repérer presque toutes les erreurs de validation, allant des attributs ALT manquants pour vos balises IMG à l'insertion d'un élément de niveau bloc dans un élément en ligne..
Vous pouvez classer votre code HTML en donnant l'adresse de votre page Web, en téléchargeant le fichier HTML ou en collant directement le code HTML..
Tout comme l'outil de validation HTML, le service de validation CSS du W3C est l'outil de validation CSS le plus répandu sur le Web. Et comme le validateur HTML, vous pouvez valider votre CSS en collant l’URI, en téléchargeant un fichier CSS ou en collant directement votre code..
Notez que cet outil détectera les "hacks CSS" comme des erreurs et pour rester valide, vous devez trouver un autre moyen de prendre en charge les anciens navigateurs..
Bien que ce ne soit pas très populaire, la "validation du flux" est l’un des autres aspects importants de la validation de votre site Web. Et vous pouvez vérifier votre flux WordPress contre les erreurs avec le service de validation de flux pour Atom et RSS du W3C. Heureusement (et naturellement), les flux par défaut de WordPress sont parfaitement validés. Vos flux sont donc probablement déjà valides si vous n’utilisez pas de plug-in pour altérer les flux..
De plus, il existe un outil remarquable appelé Unicorn by W3C, qui est essentiellement un validateur unifié. Bien qu’elle ressemble à une application open source abandonnée, elle donne toujours des résultats satisfaisants concernant la validation HTML, CSS, de flux et i18n. La page de résultats est un peu déroutante, mais si vous devez obtenir les résultats de plusieurs tests de validation, vous allez adorer cet outil..
En plus des standards du W3C, WordPress en a aussi:
Le plugin Thème Vérifier inspecte votre thème sur ces normes - en particulier les normes "révision de thème". Le résultat peut être à la fois déprimant et motivant, alors ne perdez pas espoir et essayez d'éliminer les erreurs pour créer un fantastique thème WordPress.
Juste au moment où je commençais à écrire cet article, un nouveau site Web est apparu, ThemeCheck.org, qui fait exactement ce que fait le plugin Theme Check. Vous n'avez pas besoin d'installer le plugin Theme Check; Au lieu de cela, vous pouvez télécharger votre thème sur le site Web et obtenir votre score avec des recommandations pour améliorer votre thème (s'il en a besoin). De plus, vous pouvez partager le score de validation de votre thème en plaçant le badge fourni par eux. Neat, n'est ce pas?
La validation de votre site Web est essentielle, aucune question à ce sujet. Tant que vous validez vos pages Web et les maintenez pour qu'elles restent valables, vous n'en profiterez que.
Que pensez-vous de l'importance de la validation? Contribuez à cet article avec vos commentaires! Et si vous avez aimé ce tutoriel, n'oubliez pas de le partager avec vos amis!