Qualité d'un site web

1. Phortail
 > 
2. Pages Webmaster
 > 
3. Qualité

La qualité d'un site peut se voir sur différents niveaux : du graphisme, à la lisibilité du contenu comme des lignes de code ou du référencement.

Déterminer la qualité d'un site web peut se faire de différentes manières et pour divers objectifs.

Les buts de la qualité

Concernant les objectifs poursuivis par la qualité, ils sont tout d'abord multiples (augmenter les ventes, augmenter le nombre de membres, augmenter la présence sur le web) et ils sont aussi nombreux qu'ils y a d'éléments à améliorer. Dit autrement, il y a beaucoup d'éléments sur lesquels le webmaster peut jouer pour améliorer la qualité de son site et améliorer l'atteinte de ses objectifs. Voyons ces éléments majeurs et qui concernent la plupart des sites.

Les axes d'améliorations d'un site

... en partant du principe qu'un site web normalement construit doit être accessible au plus grand nombre, quelques points essentiels à améliorer

La vitesse d'affichage

• Le constat : Le code source de la page affiche 80 % de lignes de code et 20 % de lignes vides. Des tabulations ou des espaces inutiles à l'exécution ou la lecture de la page encombrent le code source. Ces codes ne sont pas utiles et chargent la page dont le poids pourrait être réduit d'autant.
  
• Le remède : Utiliser un outil de génération de page qui ne soit pas verbeux en code inutile ou qui optimise les lignes dormante.
• Le gain : Les pages s'affichent plus vite pour l'internaute, les pages sont lues plus rapidement par le robot d'indexation, le serveur est moins sollicité.

La lisibilité des pages

• Le constat : La page n'a pas le même rendu selon le navigateur ou l'OS
• Le remède : utiliser un valideur de syntaxe html
• Le gain : le navigateur lit plus rapidement une page qui a une syntaxe correcte plutôt qu'une page dont le code source est incorrect. Ce gain peut également être fait pour le moteur de recherche.

La facilité de maintenance ou d'évolution

• Le constat : la page est mise en forme avec des tableaux et inclus des éléments de présentation et des éléments de contenu
• Le remède : préférer l'utilisation de div à celle de tableaux, lesquels sont plus lourds en syntaxe. Séparer la présentation du contenu en utilisant les feuilles de styles
• Le gain : des pages plus légéres à télécharger et à lire pour le moteur. Coté maintenance, il n'y a que les feuilles de style à modifier pour présenter les informations différemment ou avec un rendu autre.

Ce ne sont que quelques éléments mais ceux-ci apportent un plus d'une part à l'internaute, lequel affiche une page plus légère et syntaxiquement correcte qu'il soit sous Firefox ou safari et qu'il utilise un Mac, ou un PC sous Linux ou Microsoft, d'autre part au moteur qui lit le contenu de la page plus facilement et l'indexe donc plus vite.

Commentaires

Autres publications Qualité

Comment générer un tweet automatique mais lisible.
Si il est préférable de faire un tweet lisible, voyons comment faire pour le générer de manière automatique à partir d'un article.
(écrit le 20/12/2013 - 10.856 lectures)

Livre d'Or sans Spam
Comment faire pour conserver un livre d'Or sans spam
(écrit le 08/10/2011 - 13.593 lectures)

• Les pages explorées et non indexées de la search console

Comment analyser les pages de la search console qui sont répertoriées par Google comme explorées mais non indexées. Faut-il demander leur indexation ou n'y aurait-il pas quelque chose de mieux à faire.

• Google Analytics et la Search console Google

Comment Google Analytics et la Search console Google fonctionnent. Quelle est la différence entre ces outils ? Est ce qu'ils interagissent entre eux ?

• Script de lecture de pages web et d'aide à la décision

Internet a deux caractéristiques principales : Cela bouge beaucoup et cela bouge vite. Le webmaster se doit d'être actif, voire réactif, et de disposer de l'information rapidement. Un simple script en python peut l'aider.

• Script de contrôle de page web selon la résolution, le navigateur

Comment contrôler visuellement que l'affichage de différentes pages web se fait correctement avec les différentes configurations de navigateur, et résolution d'affichage. Le Webdriver de Sélénium permet via un script d'automatiser la capture de telles pages, pour contrôler en un coup d'oeil le résultat.

• Le responsive design suffit-il pour afficher un site sur mobile

Optimiser un site web avec du responsive design est un pas de plus fait vers l'utilisateur final
Pour autant, si une page du site a un poids de plusieurs méga, l'utilisateur risque, s'il est sur un téléphone mobile, de partir avant que la page ne soit complétement chargée.

• browserconfig.xml Fichier non trouvé

Comment gérer les erreurs 404 not found sur le fichier browserconfig.xml, alors que celui ci est demandé par le navigateur.

• Site web adapté à la taille de l'écran

Les feuilles de style d'un site web permettent d'adapter l'affichage à la taille de l'écran. Voyons comment faire pour un site qui s'affiche aussi bien sur un ordinateur, une tablette qu'un téléphone intelligent (smartphone).