Je viens de terminer 33h de vacation à l'Inserm Unité 888, et voilà bien un petit boulot d'appoint comme je les aime. Non seulement le cadre et les personnes que j'ai côtoyées sont agréables, mais le boulot aussi. Raisonnablement payé en plus, puisque là, mon dernier diplôme a eu de la valeur pour fixer le taux horaire ! D'ordinaire les employeurs restent coincés sur le smic...
J'ai donc été embauchée en tant que Concepteur Web pour essentiellement optimiser le site de l'unité pour son référencement naturel.
Site statique conçu à l'origine avec Dreamweaver et basé sur des tableaux, l'étape essentielle était donc de rendre le code propre pour augmenter les chances du site d’être compris et bien intégré par les moteurs de recherche.
Je me suis donc régalée à le nettoyer pour le mettre aux normes du W3C et de l'accessibilité.
Harmoniser la structure du site, nettoyer le code
Je l'ai restructuré en séparant le fond de la forme en créant une feuille de style CSS. j'ai mis en place un gabarit qui se rapproche du graphisme initial du site puisque le but n'était pas d'en modifier l'apparence générale. Le gabarit largeur fluide, contenu sur toute la largeur, en-tête, contenu et pied de page a donc fait l'affaire.
J'ai ainsi épuré le site d'une grande partie des tableaux, et de toutes les balises (font, strong, etc... ) qui alourdissaient le code, le rendant par la même occasion un peu plus harmonieux.
J'ai réorganisé les balises <h1>, <h2>, <h3> en fonction de l'importance des titres, et mots clés des pages. Et j'ai rajouté un contenu alternatif à toutes les images et liens (alt, title), en évitant les doublons, et les contenus alternatifs inutiles.
Pour une meilleure ergonomie, j'ai créé une barre de navigation et un pied de page uniformes sur toutes les pages, ainsi qu'un fil d'ariane sur certaines pages pour que l'internaute retrouve son chemin.
Renseigner l'entête
Il n'y avait que les balises meta content-type et meta content-langage dans l'entête. j'ai donc renseigné l'indispensable "title". Et même si Google ne donne plus trop d'importance aux meta-tags, j'ai rajouté et renseigné les meta description, et meta keyword pour les autres moteurs de recherches tels que Yahoo, ou Live Search.
Valider le code
J'ai vérifié mon bazar avec les différents validateurs : W3C, CSS, accessibilité. ...
Et voilà, dans le temps imparti, j'ai rendu le site suffisamment propre pour améliorer son référencement naturel sans perturber les habitudes des utilisateurs !
Pour ce qui est des statistiques, j'ai conseillé l'ouverture d'un compte Google analytics.

Bon alors je vous dis tout, 
Aujourd'hui commence le 
Derniers commentaires