Le site de démonstration : Atelier Démo
Une boutique fictive avec une seule fiche produit, sans compte, commande ni collecte de données. Nous contrôlons les deux versions et leurs ressources. Les défauts sont introduits dans la version avant ; les liens permettent d’examiner les pages et leur code source dans votre navigateur.
Trois constats expliqués
SEO : titre trop court
Contrôle Argos associé : html.title
Le titre « Sac » contient seulement 3 caractères. Le contrôle HTML signale un titre très court ; il ne juge pas la pertinence éditoriale. Un titre descriptif aide à identifier la page dans un onglet ou un résultat de recherche.
Avant · preuve HTML
<title>Sac</title>
Après · correction HTML
<title>Sac en coton réutilisable | Atelier Démo</title>
Comment vérifier
Comparez les balises title dans les deux sources, puis relancez le contrôle HTML. Vérifiez humainement que le titre décrit le produit. Cela ne prouve pas un meilleur classement Google.
SEO : description absente
Contrôle Argos associé : html.meta.description.present
La version avant ne contient aucune meta description. Le contrôle peut constater cette absence. La correction donne un résumé cohérent, mais un moteur de recherche peut choisir un autre extrait.
Avant · preuve HTML
<!-- Aucune meta description -->
Après · correction HTML
<meta name="description" content="Découvrez le sac en coton réutilisable Atelier Démo, ses dimensions et ses conseils d’entretien.">
Comment vérifier
Cherchez meta name="description" dans la source après correction. Argos vérifie ce signal technique ; relisez le texte pour sa clarté et sa cohérence avec le contenu.
Accessibilité : image sans alternative
Contrôle Argos associé : html.images.alt_coverage
La seule image de la version avant n’a pas d’attribut alt : 1 image sur 1 sans alternative. Le contrôle HTML détecte l’attribut manquant. Pour cette image informative, nous ajoutons une description ; une image décorative demanderait alt="".
Avant · preuve HTML
<img src="/demo/atelier/sac.svg" width="320" height="240">
Après · correction HTML
<img src="/demo/atelier/sac.svg" width="320" height="240" alt="Sac en coton écru avec deux anses">
Comment vérifier
Comparez les attributs des images : 0 attribut alt manquant sur 1 image après correction. Vérifiez ensuite l’utilité du texte avec une revue humaine et un lecteur d’écran ; la présence d’un attribut ne suffit pas à prouver l’accessibilité.
Comment prioriser ces corrections ?
- Confirmer les trois preuves sur la fiche produit et les contrôles effectivement exécutés. Ici, aucun parcours d’achat réel n’existe et aucun risque de sécurité n’a été évalué.
- Ajouter l’alternative de l’image informative, puis rédiger le titre et la description. Ces corrections sont simples et peuvent être livrées ensemble ; leur ordre dépend de vos visiteurs et objectifs.
- Valider les changements dans le HTML livré, relancer un audit de la même page, puis vérifier humainement le contenu et l’accès au clavier. Sur une vraie boutique, un blocage d’achat passerait avant ces améliorations.
Ce que cet exemple ne démontre pas
Les preuves portent uniquement sur trois contrôles HTML. Les en-têtes HTTP, TLS, services de sécurité, mesures du navigateur et scores Lighthouse ne sont pas mesurés ici. Le score global est donc volontairement absent. Les deux pages restent noindex pour éviter d’indexer la boutique fictive ; cet état est intentionnel et inchangé après correction.
Vos rapports restent accessibles par leur lien privé et exclus de l’indexation. Cette page publique est une ressource éditoriale distincte, sans accès aux rapports utilisateurs.
Quand choisir Argos ?
Que vérifie Argos sur une page, et quelles sont ses limites ?
Argos rapproche la réponse HTTP, les en-têtes, les balises HTML, les mesures du navigateur et les résultats des services disponibles. Le rapport classe les constats par performance, sécurité, SEO et accessibilité. Il porte sur une URL publique : il ne parcourt pas tout le site, ne teste pas les espaces connectés et ne certifie ni la sécurité ni l’accessibilité. Vérifiez la couverture et les modules indisponibles avant de conclure.
Que complète Argos par rapport à PageSpeed Insights ou Lighthouse ?
| Outil | À choisir pour | À garder en tête |
|---|
| Argos | Obtenir un premier diagnostic transversal et une liste d’actions à discuter avec votre prestataire : HTML, HTTP, TLS, navigateur et Lighthouse selon disponibilité. | Le score Argos suit sa propre pondération. Il ne se compare pas directement au score Lighthouse et ne représente pas les visites réelles. |
|---|
| PageSpeed Insights | Examiner la performance mobile et ordinateur, avec les diagnostics Lighthouse et les données d’usage CrUX quand elles sont disponibles. | Les données réelles peuvent manquer ou concerner l’origine plutôt que la page. Complétez par une revue des parcours et de la configuration serveur. |
|---|
| Lighthouse | Approfondir les diagnostics de performance, accessibilité, bonnes pratiques et SEO, puis répéter une mesure dans des conditions maîtrisées. | Une mesure de laboratoire varie et les contrôles automatiques ne suffisent pas à valider les usages réels. |
|---|
Références : PageSpeed Insights · Lighthouse
Comment transformer le rapport en ordre de correction ?
- Vérifiez d’abord que le constat s’applique : page analysée, preuve, module exécuté, contexte et comportement voulu.
- Traitez les blocages de parcours et les risques confirmés, puis les corrections à fort impact et faible effort. Confiez chaque action à un responsable avec un critère de validation.
- Relancez l’analyse de la même URL dans des conditions comparables, puis contrôlez le parcours manuellement. Un meilleur score ne suffit pas à prouver une hausse des ventes ou des contacts.
Pour une PME : commencez par la page de service qui mène à une demande de devis. Vérifiez le formulaire au clavier et l’envoi réel, puis corrigez les balises SEO et le chargement. Argos donne des signaux techniques ; il ne vérifie pas la réception du devis ni la qualité du message commercial.
Pour une boutique : commencez par une fiche produit représentative. Vérifiez humainement le choix des variantes, l’ajout au panier et le paiement ; corrigez les blocages avant d’optimiser les images et les balises. Auditez séparément les pages publiques clés : Argos ne simule pas une commande et ne teste pas les espaces clients.
Voir les preuves et les corrections dans l’exemple de rapport public