Outil de validation W3C en ligne

Cet outil explore votre site et génère des liens directs vers le validateur W3C pour chaque page trouvée. Ce système est plus rapide que d'avoir à rentrer les pages une par une dans le validateur W3C. Nous vous proposons cet outil manuel, mais vous pouvez aussi utiliser le validateur W3C automatique : W3Cvalidator.com.

Ce que fait cet outil de validation W3C

Le validateur officiel du W3C ne contrôle qu'une adresse à la fois. Sur un site de cinquante pages, la vérification complète devient vite fastidieuse. Cet outil explore votre site en suivant les liens internes et vous rend la liste de toutes les pages trouvées, chacune accompagnée d'un lien direct vers son rapport de validation W3C. Vous ouvrez ensuite les pages qui vous intéressent sans avoir à recopier les adresses une par une.

La validation elle-même reste effectuée par le service officiel du W3C, qui est la référence en la matière. Cet outil ne remplace pas le validateur : il vous évite le travail de recensement.

Ce que signifie « page valide W3C »

Le HTML est décrit par une spécification publiée par le World Wide Web Consortium. Cette spécification indique quelles balises existent, comment elles peuvent s'imbriquer et quels attributs elles acceptent. Une page valide est une page qui respecte ces règles.

Le point important, et souvent mal compris : une page invalide s'affiche généralement très bien. Les navigateurs sont extrêmement tolérants et corrigent silencieusement la plupart des erreurs. C'est précisément ce qui rend la validation utile : elle révèle des problèmes que vous ne voyez pas à l'écran, mais qui existent bel et bien dans votre code.

Erreurs et avertissements : la distinction à faire

Le validateur classe ses remarques en deux catégories, et les traiter de la même manière fait perdre beaucoup de temps.

Les erreurs (en rouge) signalent une violation de la spécification. Le navigateur doit deviner votre intention, et deux navigateurs peuvent deviner différemment. Ce sont elles qu'il faut corriger.
Les avertissements (en jaune) signalent une construction autorisée mais discutable, ou une pratique déconseillée. Beaucoup peuvent être laissés tels quels en connaissance de cause.

Viser zéro erreur est un objectif raisonnable. Viser zéro avertissement l'est rarement : certains sont provoqués par du code que vous ne contrôlez pas, comme un widget externe, un lecteur vidéo intégré ou une régie publicitaire.

Les erreurs les plus fréquentes, et comment les corriger

Balise non fermée ou fermée dans le désordre

Un <div> ouvert et jamais refermé, ou un <p><strong>texte</p></strong> dont les fermetures sont inversées. C'est de loin l'erreur la plus courante, et la plus visible dans ses effets : elle décale une colonne entière, fait déborder un encadré ou casse la mise en page sur mobile. Le validateur indique la ligne exacte.

Attribut alt manquant sur une image

Chaque <img> doit posséder un attribut alt. Il décrit l'image pour les personnes utilisant un lecteur d'écran, s'affiche si l'image ne se charge pas, et aide les moteurs de recherche à comprendre le visuel. Pour une image purement décorative, un alt="" vide est la réponse correcte : il indique explicitement qu'il n'y a rien à annoncer.

Identifiant dupliqué

Un attribut id doit être unique dans la page. Le même id utilisé deux fois casse les ancres de navigation et perturbe le JavaScript, qui ne récupérera jamais que le premier élément.

Attribut obsolète

Les attributs de présentation hérités du HTML4 (align, bgcolor, border, cellpadding) ne font plus partie de la spécification. Ils fonctionnent encore, mais leur équivalent CSS est à la fois valide et plus simple à maintenir.

Imbrication interdite

Certaines balises ne peuvent pas en contenir d'autres : un <p> ne peut pas contenir un <div>, une <ul> ne peut contenir directement que des <li>. Le navigateur ferme alors la balise de son propre chef, ce qui produit une structure différente de celle que vous aviez écrite.

Encodage non déclaré

Sans <meta charset="UTF-8"> en tête du <head>, le navigateur doit deviner l'encodage. C'est l'origine classique des accents transformés en caractères illisibles.

Validation et référencement : ce qu'il faut en penser

Soyons précis, car le sujet donne lieu à beaucoup d'approximations : la validation W3C n'est pas un critère de classement de Google. Un site parfaitement valide ne remontera pas dans les résultats pour cette seule raison, et de très nombreux sites bien positionnés comptent des centaines d'erreurs.

L'intérêt est indirect, mais réel. Un code propre s'interprète plus vite, ce qui joue sur les temps d'affichage, eux bel et bien pris en compte. Une structure correcte permet au robot d'identifier sans ambiguïté vos titres, vos listes et vos liens. Les attributs alt renseignés améliorent l'accessibilité et la compréhension de vos images. Et surtout, un code valide est un code prévisible : les corrections futures ne provoqueront pas d'effets de bord inattendus.

La validation est donc un outil d'hygiène du code, pas un levier de référencement. C'est déjà beaucoup.

Questions fréquentes

Dois-je corriger absolument toutes les erreurs ?

Traitez d'abord celles qui touchent la structure (balises non fermées, imbrications interdites, identifiants dupliqués), car ce sont elles qui provoquent des comportements imprévisibles. Les attributs obsolètes peuvent attendre une refonte. Les erreurs venant d'un code tiers que vous n'éditez pas ne se corrigent tout simplement pas de votre côté.

Pourquoi une page validée hier ne l'est-elle plus aujourd'hui ?

Parce que la spécification évolue, et parce que le contenu d'une page change. Un article publié avec du code copié depuis un traitement de texte, un commentaire d'internaute contenant du HTML, un nouvel encart publicitaire : chacun peut introduire des erreurs sur une page auparavant propre.

Le validateur signale des erreurs sur du code que je n'ai pas écrit

C'est courant. Les scripts d'analyse d'audience, les boutons de partage, les cartes intégrées et les régies publicitaires injectent leur propre code dans la page. Vous n'avez pas la main dessus. Notez ces erreurs comme externes et concentrez-vous sur les vôtres.

Le validateur ne peut pas accéder à mes pages

Vérifiez que les pages concernées ne sont pas protégées par un mot de passe, bloquées dans votre robots.txt ou réservées à un espace membre. Le validateur, comme tout robot, ne voit que ce qui est accessible publiquement.

Les autres contrôles à effectuer

Analyser les balises méta de chaque page : titre, description, canonique, Open Graph.
Vérifier les balises H1 et H2 et la hiérarchie de vos titres.
Consulter la liste des codes d'erreur HTTP pour interpréter les réponses de votre serveur.
En savoir plus sur la validation W3C et son fonctionnement général.

Explorer le site avec un lien de validation W3C