20 outils pour vérifier vos sites web
Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d’optimiser votre projet. Découvrez une sélection de 20 outils pour ne rien laisser au hasard.
La phase de vérification et d’optimisation est aussi important que la phase de définition d’un projet web. Elle permet de finaliser un site en beauté, d’avoir au final un produit de qualité, fonctionnel et conforme aux normes du web. Pour vous aider dans cette quête de perfection, je vous propose de découvrir ses quelques outils. Gratuits et en ligne pour la plupart, ils vous seront d’une aide précieuse…
Analyses préalables :
Verify App
« La manière la plus rapide de collecter les retours utilisateurs sur les maquettes et concepts ». Produit payant, mais avec un essai gratuit de 30 jours.
Resolve App
Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet
Php Security Info
Permet de vérifier la configuration de PHP sur le serveur.
sfProjectAnalyser
Analyse et vérifie que votre projet web avec Symfony est codé selon les normes
Wappalyzer
Analyse les technologies utilisées sur le site (JQuery, etc)
Erreurs et bug de style :
Holmes
Holmes est un testeur CSS autonome qui peut souligner les déclarations potentiellement invalides, inaccessibles ou erronées. Il s’utilise en ajoutant juste une classe.
CSS Lint
Analyse votre feuille de style et vous permet de corriger vos erreurs CSS.
Resize My Browser
Un peu gadget lorsqu’on possède la debug Bar de Firefox, Resize My Brower permet tout même de tester son site sur plusieurs résolutions en quelques clics.
Firebug
L’outil de débogage de Firefox, devenu quasi incontournable aujourd’hui.
Webdeveloper Bar
Toujours pour Firefox, très utilisé et très complet.
Validator W3c
Le site offciel du W3C pour valider sa sémantique et son CSS.
Performances :
GTMetrix
Un outil pour mesurer les performances de votre site, pour vous permettre d’optimiser votre JS ou vos CSS. Au programme, des rapports complets et surtout bien faits.
Google Page Speed
L’outil de Google pour mesure la vitesse de chargement de vos pages web. « Page Speed Online analyse le contenu d’une page Web, puis génère des suggestions susceptibles de vous aider à accélérer son chargement »
WebPageTest
Un outil alternatif, pour encore et encore tester les performances de votre site. Utiliser plusieurs services permet d’analyser les résultats et faire des moyennes de performances lors de vos tests.
Loads.In
En combien de secondes se charge votre page web ?
Blamestella
Votre site est-il rapide ? Un autre site pour tester la vitesse de chargement
Check-list :
Une check-list complète de vérification avant lancement du projet par Dan Zambonini (en anglais)
Pour ce qui concerne l’ergonomie, le site Conseils Marketing propose une liste complète
Symfony Check
Une liste complète pour vérifier votre projet Symfony
LaunchList
Une liste pour vérifier les points importants avant de mettre en ligne. Deux version, une gratuite de base et une version payante plus poussée.
Liens des lecteurs :
Plusieurs outils ont été suggérés par vous, chers lecteurs :
Wookrank Proposé par Monsieur_m
Pour tester son site. Simple et efficace.
Grader Proposé par Hypaepa
OpQuast Proposé par Monique
pour gérer la qualité et l’accessibilité de vos sites Web.
Tanaguru Proposé par Matthieu
Tanaguru où comment auditer 10.000 pages en un clic 🙂
Merci à Brice pour ses bons conseils. Si j’ai oublié votre outil fétiche, signalez-le moi dans les commentaires. Je ne manquera pas de le rajouter dans la liste !
Gili
Salut,
Je vais devoir mettre en ligne le site de mon premier gros client (la classe :p) cet article tombe bien je vais en tester quelques un ^^
Helfspawn
Salut, encore un bon article bien utile ! Merci donc 😉
WDTrends
On dirai bien que je tombe à pic ! Merci pour vos commentaires 😉
Monsieur_m
Tres intéressant ! Il me semble que tu as oublié woorank c’est un outils très utile pour tester ton site 😉 http://www.woorank.com
Johan
Superbe liste! Quelques outils que je ne connaissais pas! Merci 😉
Hypaepa
Un outil que j’utilise tout le temps. Un petit Check up SEO http://grader.rezoactif.com/
Tutorial webmaster
Merci pour cette liste d’outils, vraiment utiles 🙂
Monique
Bonjour,
Il manque http://reporting.opquast.com/ pour gérer la qualité et l’accessibilité de vos sites Web.
Amicalement,
Monique
WDTrends
Merci pour vos liens ! Je vais mettre à jour l’article pour les partager clairement avec tout le monde.
Matthieu
Salut,
Et pour industrialiser la vérification de l’accessibilité, on pourra ajouter http://www.tanaguru.com/ (ou comment auditer 10.000 pages en un clic 🙂 )
Matthieu
Nova Media
Oui très bonne liste …surtout que Google prend en compte le chargement des pages !
Marseille XO
Très intéressant comme article, je ne connaissais pas tous ces sites… merci !
20 outils pour vérifier vos sites web | Entrepreneurs du Web | Scoop.it
[…] 20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d'optimiser votre projet. Source: http://www.webdesignertrends.com […]
20 outils pour vérifier vos sites web | formation 2.0 | Scoop.it
[…] 20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d'optimiser votre projet. Source: http://www.webdesignertrends.com […]
20 outils pour vérifier vos sites web | Meta conseil | Scoop.it
[…] 20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d'optimiser votre projet. Source: http://www.webdesignertrends.com […]
20 outils pour vérifier vos sites web | Arpege | Scoop.it
[…] 20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d'optimiser votre projet. Source: http://www.webdesignertrends.com […]
20 outils pour vérifier vos sites web | WebdesignerTrends ... | Hotel Webmarketing | Scoop.it
[…] 20 outils pour vérifier vos sites web | WebdesignerTrends … Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d'optimiser votre projet. Découvrez une sélection de 20 outils … Source: http://www.webdesignertrends.com […]
Référencement toulouse
Excellent, merci pour cette liste d’outils, je viens de découvrir Symfony Check, excellent !
WDTrends
De rien, content que le site puisse vous servir 😉
goodpro
Merci pour la liste
Marija Krstic
Il est un autre outil SEO qui est: http://tutor.rs
said control de qualité
Excellent, merci pour cette liste d’outils !
Outils pratiques | Pearltrees
[…] pratiques < mscpm 20 outils pour vérifier vos sites web Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle . En plus de […]
Olivier Jan
Bonjour,
J’aimerais ajouter à la liste Check my Website http://www.checkmy.ws qui est un service de monitoring, supervision à distance de sites et applications web.
Avec ce type de service, la connexion à votre site web est vérifié toutes les minutes depuis plusieurs endroits en parallèle et vous êtes prévenu par mail, SMS dès qu’un problème survient.
WDTrends
@Olivier Jan : Merci pour le partage, votre outil en aidera plus d’un pour toute sortes de projets.
Johne464
Awesome article post.Thanks Again.
Optimiser les performances de son site avec Dareboost | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels
[…] j’ai retrouvé un article parlant d’outils de vérifications de sites et notamment de performances. En tant que blogueur (avec un thème de plus de 4 ans d’âge), je ne peux hélas me targuer […]
Informatique | Pearltrees
[…] Bonnes pratiques de conception Web. 26 choses à ne pas oublier avant de créer un site Internet. 20 outils pour vérifier vos sites web. 13 outils en ligne gratuits pour une utilisation pédagogique informatique et […]
Web. 0 | Pearltrees
[…] 12 astuces Google qui vont vous faciliter la vie. Pour un compte Gmail, plusieurs adresses mail disponibles. Coder, programmer : faut-il apprendre. 20 outils pour vérifier vos sites web. […]
Stéphane Thirion
Intéressant, merci pour cette liste
20 outils pour vérifier vos sites web - Connex-Design
[…] 20 outils pour vérifier vos sites web […]
Lasseuguette Jean Pierre
Bonjour,
je découvre vos outils, mais je suis un peu perdu.
En effet, j’ai plusieurs fois amélioré le référencement de mon site, mais depuis quelques temps je constate ne plus être du tout visible sur le web.
En affichant le code source de ce site, j’ai constaté que celui-ci été compact, sans renvoie à la ligne, comme sont configurés’autres sites.
J’ai tenté de faire des audits avec des sites idoines, mais rien d’anormal n’est détecté.
Je reste persuadé qu’il y a bug au sein de ce code source.
Ma question : un oeil d’expert à ce code source affiché pourrais certainement me dire si celui-ci est bien configuré.
Je vous en remercie.
Arnaud STECKLE
Si le code est « compacté » c’est normal, cela permet de gagner en performance pour le chargement. On appelle ça, un code minifié. Par contre, d’après moi c’est surtout votre contenu qui a besoin d’être optimisé peut être et pas le code :/