32 outils pour éliminer les erreurs de votre site Web

 


Daniel Dubois 15 juin 2014 Affichages : 26888
Cet article vous a plu ?
(3)



Pour cela, il existe des dizaines et des dizaines de services en ligne qui sont conçus pour vérifier et détecter les éventuelles erreurs sur un site Web. Ceci permet d'améliorer l'affichage, la vitesse ou encore l'accessibilité, selon les points que vous souhaitez contrôler. Cette liste n'a pas vocation à être exhaustive mais j'ai voulu vous présenter certains d'entre eux que je considère comme étant mes préférés.


Sommaire

Vérification globale
Tester la facilité d'utilisation
Contrôle du CSS
Vitesse d'affichage
Accessibilité
Affichage sur mobile
Statistiques
Et pour mon blog ?

Vérification globale

  • Woorank - Un autre outil en ligne gratuit fantastique qui vous donne un aperçu facile à lire de problèmes que vous pourriez rencontrer sur votre site Internet.
  • infohound - Outil simple et très simple à utiliser qui vous permet d'identifier les erreurs de code HTML que vous pourriez avoir dans vos pages.
  • Feng-GUI - Assez étonnant mais très utile, voilà un outil qui vous permet de télécharger une copie-écran de votre page d'accueil (ou de n'importe quelle page) afin de générer une "carte de chaleur" de l'endroit où les yeux des visiteurs sont les plus susceptibles de regarder en arrivant.
  • Validator W3C - C'est LE site pour vérifier votre code HTML, XHTML ou tout autre langage de balisage utilisé sur votre page web afin de détecter les erreurs éventuelles.
  • Google Webmaster Tools - Un must pour tous les Webmaster. Avec ce service gratuit, vous pouvez identifier n'importe quelle page ou liens comportant des erreurs, rechercher d'éventuels logiciels malveillants, trouver les pages avec des descriptions trop courtes ou manquantes, trouver un contenu dupliqué, et bien plus encore. Simplement incontournable.
  • Nibbler Silktide - Fantastique service en ligne gratuit qui vous donne une vue d'ensemble complète de votre site Web avec un score global. A vous de travailler les points devant l'être pour améliorer votre note.

Tester la facilité d'utilisation

  • Usability Hub - Demander à des amis, à votre famille et à des collègues de regarder votre site Internet est un excellent moyen de s'assurer que votre site Internet s'affiche correctement sur différents ordinateurs. Vous pouvez également utiliser des outils comme celui-ci pour faire ces types de test.
  • Verify App - Cet outil vous permet de collecter les retours utilisateurs sur vos maquettes. Le produit est payant mais vous disposez d'un essai gratuit de 30 jours.
  • Resolve - Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet.

Contrôle du CSS

  • 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.
  • jigaw W3C CSS validator - Excellent outil qui affiche toutes les erreurs et les alertes de conformité que vous pouvez avoir avec votre code CSS.
  • CSS drive - Bien que ne soit pas un site qui serve à checker les erreurs, c'est un excellent outil que vous pouvez utiliser afin de valider votre code CSS. Grâce à lui, vous pouvez réduire la taille de vos fichiers CSS pour diminuer le temps de chargement global de vos pages. Et cela aura pour effet de diminuer le volume global de bande passante que vous utilisez.

Vitesse d'affichage

  • HTTP archive - Super service qui fournit l'historique complet de la vitesse d'affichage d'un site sur plusieurs mois.
  • Load Impact - Test online pour verifier le comportement de votre site avec de forts volumes de trafic.
  • Which Loads Faster - Si vous mettez à jour ou si vous refondez un site Web, cet outil est idéal pour tester et comparer rapidement les temps de chargement entre deux pages différentes.
  • Pingdom Tools - Super service qui vous donne rapidement un bon aperçu du temps qu'il faut pour charger quelque chose sur votre page web. Gardez à l'esprit la plupart des visiteurs d'un site Web ne passent que quelques secondes sur chaque page.
  • Web Pagetest - Sans doute un des outils les plus plébicités pour connaitre le temps de chargement d'un site Internet.
  • GT Metrix - Un autre excellent outil pour tester la vitesse d'affichage d'une page web. Permet également d'obtenir les versions optimisées des images, des pages et des scripts.
  • Web Site Optimization - Un autre super service pour connaitre le temps nécessaire pour charger votre page web. A partir de là, vous saurez ce que vous pouvez et dever faire pour diminuer le temps global de chargement.
  • Whats My Ip - Excellent outil pour tester une page ou un élément de la page (comme un fichier CSS ou JS) afin de voir si elle est comprimée à l'aide de Gzip avant d'être renvoyée par le serveur.

Accessibilité

  • CGI W3 - Convertissez vos pages HTML en un fichier .txt. Ceci peut être utile à utiliser parce que de nombreux outils d'accessibilité pour les aveugles convertissent les pages web en utilisant cet outil, vous pouvez ainsi comprendre comment quelqu'un qui est aveugle peut lire votre page.
  • Read Ability - Moyen rapide et facile pour tester la lisibilité de votre site web.
  • IP Info - Service en ligne très utile qui vous permet de voir comment votre page est affichée dans les différentes versions d'Internet Explorer. Très utile si vous avez besoin de tester votre page dans un navigateur plus ancien, comme IE6.
  • Browsershots - Excellent outil online pour tester l'affichage de votre site Internet selon les différents systèmes d'exploitation et les multiples navigateurs Internet.
  • Color filter - A quoi ressemble votre site Internet vu par quelqu'un atteint de daltonisme ? Faites le test afin de vous assurer que vos visiteurs daltoniens ne ratent pas quelque chose à cause d'une mauvaise charte graphique.
  • Sidar - Très bon outil pour vérifier si tout le monde (indépendamment de tout handicap) peut voir vos pages.

Affichage sur mobile

  • Emulateur Mobile - Cet outil est un émulateur qui vous permet de tester l'affichage de votre site web sur différents types de terminaux mobile. La plupart des paramètres sont respectés : dimensions, résolutions, user agent, comportements, fonctionnalités...
  • Ready Mobi - De loin, c'est le meilleur site pour contrôler la compatibilité d'affichage de votre site ou de votre blog est lorsqu'il est vu sur un appareil mobile. Ce service vous donne non seulement des informations détaillées sur les raisons pour lesquelles votre site web peut ne pas fonctionner mais il vous donne également un aperçu dont la page se charge sur différents appareils mobiles.

Statistiques

  • Google Analytics - Service gratuit ultra complet offert par Google qui vous donne une quantité incroyable d'informations sur les visiteurs de votre site Web: les navigateurs qu'ils utilisent, d'où ils viennent, ce qu'ils recherchaient, etc. Nécessite l'implémentation d'un tracking code dans votre code HTML pour fonctionner.
  • Piwik - Si vous êtes réfractaires à l'idée de confier à Google vos suivis statistiques, vous pouvez utiliser l'excellent Piwik.

Et pour mon Blog ?

  • Is My Blog Working? - Si votre page est un blog, vous devriez utiliser cet outil pour contrôler et voir si votre blog fonctionne correctement. Vous pourrez également obtenir d'autres informations techniques et voir ainsi ce que vous pouvez modifier ou ajouter sur la page.

Conclusion

Si vous utilisez régulièrement certains d'entre-eux, n'hésitez pas à partager votre expérience constructive afin que nous confrontions nos avis.

Encore une fois, cette liste d'outils n'est pas exhaustive et n'a pas vocation à faire autorité en la matière. D'autant que le Web est incroyablement riche en la matière, je ne se serais pas étonné que vous me citiez dans les commentaires des liens vers de nouveaux outils encore plus performants que ceux-ci.

Reflexions Numériques



Réflexions numériques c'est quoi? 
Réfléchir sur les nouveaux médias, le numérique en général et le web en particulier. 
C'est l'ère du tout numérique, modifiant profondément notre rapport au réel, : tablettes, smartphones, connexion permanente à la websphère, objets connectés, réalité augmentée, diffusion  continue d'informations et accès instantané aux données quelles qu'elles soient, nous utilisons ces interfaces comme si elles allaient de soit et avaient toujours existé ! A croire, que, comme le cinéma au moment de sa création, l'humanité avait attendu qu'une chose, c'est que les outils numériques de cette réalité pseudo-virtuelle soient inventées, pour le meilleur, et pour le pire...

Un peu de recul donc, avant que nos têtes n'aient la forme de nos écrans... 
 

Visitez un data center