Analyse des pages du site
Il y a quelques temps, nous avons annoncé qu'un crawler d'évaluation de page internet était en préparation. Une version beta est pretes depuis le mois de décembre et les premiers tests ont été effectués sur le site Fobec.com.Que fait ce bot d'évaluation ?
Sur le meme principe que GoogleBot, le serveur charge chaque page du site pour ensuite évaluer la qualité de celle ci. De plus, un fichier de configuration permet de fixer les valeurs minimales et maximales pour chaque critères. Au fur et à mesure, une interface fournit des indicateurs sur les pages chargées et met en évidence les pages à retravailler. Le site internet est évalue en fonction de 5 critères:
1. Santé du serveur:
- code Http de la requete (200, 3x,4x,5x),
- temps de chargement,
- compression Http,
- vérification du header de la réponse.
2. Qualité HTML
- longueur du titre (35 à 65 caractères),
- longueur de la description (70à 160 caractères),
- structure Hn,
- responsive Design
- erreur HTML W3C
3. Ressource incluse et externe
- code HTTP lien externe,
- nombre max. de fichier js et css,
- balise Alt manquant,
4. Qualité du contenu
- nombre de mots (>450 mots),
- ratio texte code (>25%),
- erreur d'encodage
5. Promotion et SEO
- date de mise à jour,
- réseaux sociaux,
- BL
Le gros avantage du crawler est la vitesse à laquelle l'évaluation est réalisée. En quelques heures, un peu plus de 200 000 pages ont été analysées par le serveur. A la mano, je crois qu'on y serait encore !
Le rapport d'analyse nous a permis de corriger les erreurs sur la santé du serveur immédiatement (302, 404 ou les pages longues à chargées). En ce qui concerne les améliorations du design, chaque page est reprise une et une afin de coller au nouveau template.
Template en responsive design
Depuis 15 ans, l'aspect des pages à changer plusieurs fois. Pour cette nouvelle mouture, les principaux changement concerne le responsive design. En effet, aujourd'hui le nombre de support pour afficher une page HTML ne cesse de s'accroitre (smartphone, tablette, ...) et le site Fobec.com s'adapte à cette évolution.Le template pour la partie code source a été entièrement redessiner pour s'adapter à toutes les tailles d'écran. Pour ce faire, un cadre général est définit pour la manière d'aligner les eléments est adaptée dans la feuille de style
@media (max-width: 800px) {
...
}
@media (max-width: 640px) {
...
}
Bref beaucoup de travail en perspective pour transposer toutes les pages vers le nouveau template !
N'hésitez pas à nous signaler les erreurs ou les affichages bizarres détectés lors de la refonte.