This website will not display properly without JavaScript enabled - Ce site ne peut pas s'afficher correctement sans JavaScript - Strony nie wyświetlą się poprawnie bez JavaScript.

Utiliser W3C Validators

Ten artykuł ma ponad 5 lat. Jego zawartość może być nieaktualna.

W3C Markup Validator | W3C CSS Validator | W3C Link Checker

W3C Markup Validator 

Ce validator analyse le code HTML et XHTML des pages Web et vous informe si elles sont correctement écrites et si elles conforment aux standards.

Deux possibilités vous sont offertes:

  • "Validate by URL": saisissez l'adresse Internet d'une page et cliquez sur "Check". Cette option est précieuse pour les commanditaires qui veulent s'assurer de la qualité de travail qu'on leur a fourni.
  • "Validate by File Upload": cliquez sur "Choose file", indiquez l'emplacement de la page à analyser sur votre ordinateur, puis cliquez sur "Check". Très pratique pour dénicher des erreurs de programmation avant de mettre une page en ligne.

Si votre page ne contient pas d'erreurs et conforme aux standards de W3C, le Validator affichera le texte commençant par:

This Page Is Valid...

et l'icône correspondant au langage utilisé, par exemple:

Valid CSS

Si, par contre, vous voyez le texte:

This is not Valid...

, cela signifie que le code de la page analysée contient des erreurs qui peuvent affecter son affichage. Vous aurez alors besoin de comprendre l'anglais et le HTML/XHTML pour analyser le verdict qui s'affiche sur la même page.

Les deux méthodes de validation, "by URL" et "by Upload", vous proposent également des interfaces étendues. Une option y est intéressante pour tous les public: "Show outline" (montrer le canevas). Elle permet d'évaluer la structure logique de contenu d'une page. Or c'est essentiellement ce que retiennent les moteurs de recherche quand elles indexent vos pages...
Pour voir l'Outline de votre page, choisissez "Extended Interface", saissez l'adresse ou indiquez le chemin de votre page, cochez juste l'option "Show Outline", puis cliquez sur "Validate".

W3C CSS validator 

Le CSS Validator analyse la syntaxe de vos feuilles de style.
La réponse la plus souhaitable est évidemment celle qui affiche le texte:

No error or warning found
Congratulations!

, ainsi que l'icône "Valid CSS"

Valid CSS

Si vous obtenez un autre message, il y a de fortes chances que vos feuilles de style ne fonctionnent pas comme prévu.

Notez que:

  • le code HTML ou XHTML de vos pages doit également être correct pour qu'une feuille de style (même bien conçue) puisse fonctionner proprement,
  • l'icône "Valid CSS" n'apparaîtra que si vous validez le CSS à l'aide de la procédure "Validate by URI", présentée dans le paragraphe suivant.

Trois procédures de validation de CSS vous sont proposées:

  • "Validate by URI": saisissez l'adresse Internet d'une page Web et cliquez sur "Check",
  • "Validate by File Upload": cliquez sur "Choose file", indiquez l'emplacement de la feuille de style sur votre ordinateur, puis cliquez sur "Check",
  • "Validate by direct input": copiez-coller le code CSS à valider dans le formulaire, puis cliquez sur "Check".

Là aussi, le validator propose des interfaces étendues mais elles elles sont instructives surtout pour des programmeurs.

W3C Link Checker 

Le Link Checker vérifie si les liens que contiennent vos pages sont toujours valides et, même, s'ils sont accessibles à tous les navigateurs.
N'est-il pas désagréable (et déshonnorant pour un site) de cliquer sur un lien et obtenir la réponse : "Error 404. Page not found" (La page n'existe pas) ?

Pour procéder à la vérification des liens, saisissez l'adresse Internet d'une page Web ou, si vous souhaitez une vérification plus étendue, l'adresse Internet de votre site. Avant de cliquer, choisissez vos options:

  • "Summary only": cochez cette option, si vous ne souhaitez pas que le Link Checker liste tous les liens d'une page avant d'afficher le bilan de la vérification.
  • "Hide redirects": les pages redirigent pafrois vers d'autres pages. Si vous ne voulez pas le savoir, cochez cette case.
  • "Don't send Accept-Language headers": cochez cette case si vous ne voulez pas que le Link Checker restreigne la vérification en ne demandant que les pages qui correspondent à la langue de l'interface de votre navigateur).
  • "Check linked documents recursively, recursion depth": si vous souhaitez vérifier les liens de votre site tout entier, cochez cette case et inscrivez la profondeur souhaitée de la vérification. Le Link Checker vérifie alors les liens de la page indiquée, ainsi que les liens des pages auxquelles elle(s) renvoie(nt). Le "depth" 1 ou 2 est générallement suffisant. Si vous mettez plus, vous ajoutez du travail au Link checker et il vous faudra patienter...
  • "Save options in a cookie": cochez cette case si vous souhaitez que Link Checker mémorise vos préférences en déposant un cookie dans votre ordinateur.

Si tout va bien, vous n'obtenez que les réponses "Valid links" (liens valides) et "Valid anchors" (ancres valides).
Autres cas sont signalés et commentés à l'aide de fond colorés:

  • font jaune: le lien concerné redirige vers un autre lien (HTTP code 302). Il s'agit d'une information, vous n'êtes pas obligé de faire quoi que ce soit;
  • font rouge: le lien concerné est cassé (HTTP code 404: page introuvable) ou impossible à vérifier (HTTP code 501). Le Link checker vous en indique la raison et la démarche à entreprendre.

Tous les liens JavaScript appartiennent à la catégorie "lien impossible à vérifier" (HTTP code 501). En effet, ils ne sont accessibles qu'aux navigateurs qui comprennent ce langage, essentielement les navigateurs de bureau.

Si vous obtenez des réponses 404 et 501 et vous payez un webmaster pour s'accuper de votre site, c'est le moment de le coiffer ;-)

Podobne posty