Pour ses 20 ans Versio s'offre un joli site internet, tout beau tout neuf !

L'équipe de développement a fait fort car c'est au-dessus du site Google lui-même ;-)

Bravo aux développeurs et à Bernard Bailly le directeur technique en premier lieu. Le résultat d'une succession de bons choix et d'un travail d'orfèvre.

 
Normal êtes-vous tenté de dire : vous êtes des professionnels du web ! Oui mais... allez donc voir les sites de pas mal d'autres agences web, et vous verrez que ce niveau de score est loin d'être aisé à obtenir !

Quelle est la recette pour obtenir un aussi bon score de performance sur Page Speed Insight ?

Un bon socle applicatif

De ce côté en s'appuyant sur le Framework Laravel, il est certain que la base est excellente, encore faut-il bien l'exploiter.

Une feuille de style légère et parfaitement optimisée

Fini boostrap ou autres framework CSS et JavaScript précédemment utilisés. En 2022, le code JavaScript n'utilise plus la bibliothèque Jquery, la CSS est écrite en SASS et générée par un compilateur postcss offrant ainsi une meilleure organisation du code et une plus grande productivité. La compilation sélective du code SASS optimise au maximum la taille de la CSS pour répondre aux exigences de l'index Mobile First.

>> Lire l'article -assez technique- de Google sur les "Bonnes pratiques en matière d'indexation orientée mobile"

Accessibilité

Pour obtenir 100% au PageSpeedInsight, il ne faut pas seulement que le site internet soit bien fabriqué, il faut aussi qu'il soit bien pensé, et que son ergonomie respecte les bonnes pratiques en matière d'accessibilité notamment : soin du webdesign, choix des couleurs, des contrastes, ergonomie (Ui/Ux) nécessitent une attention toute particulière.

Une PWA pour les mobiles

La génération du site internet en Progressive Web App pour bénéficier d'une parfaite ergonomie sur support mobile. Pour découvrir le site en PWA, aller sur le site https://www.versio.fr sur votre téléphone mobile, puis sur Chrome, dans le coin haut droit sélectionnez "Ajouter à l'écran d'accueil" et Firefox vous propose "Ouvrir dans une application" et "Installer". La Progessive Web App s'installe et l'utilisateur profite d'un accès direct depuis son bureau sur PC et de son accueil depuis un mobile a l'identique d'une application mobile. En outre, le site offre en mode PWA de nouvelles possibilités comme le fait de générer des notifications.

>> Lire l'article pourquoi adopter le concept PWA

Une sauce web au goût de Google

La récupération des contenus du site précédent

Bien sûr la création d'un nouveau site internet est l'occasion de revoir et ré-écrire les contenus. Ce travail de ré-écriture a été effectué pour décrire au mieux les évolutions des prestations web proposées par l'agence. Néanmoins des dizaines d'articles écrits, tel que des études de cas, références et avis clients n'avaient pas  besoin d'être ré-écrits. Ils participent aussi à l'histoire de l'entreprise et puis Google aime être bien nourrit... Ils ont été récupérés et automatiquement ré-intégrés dans le nouveau modèle de données : bien plus rapide et efficace que de tout copier-coller !! Et comble du luxe, toutes les images récupérées et automatiquement encodées et optimisées dans le nouveau format d'images Webp.

>> En savoir plus sur le format Webp

Respects des bonnes pratiques SEO

Longueurs des textes, respect de la hiérarchie sémantique, bonne utilisation du balisage et du maillage interne sont aussi à prendre en compte. Pas de bonnes notes sans un balisage scrupuleusement renseigné !! et le respect des règles de schema.org : données structurées, micro-formats...

>> Le référencement naturel

Servi chaud : un hébergement aux petits oignons

Sans nécessairement d'investir démesurément dans l'hébergement du site internet, le choix d'un serveur approprié et son paramétrage -DNS, HTTPS, ...- sont aussi indispensable que les autres paramètres. Un serveur mou du genou, et c'est l'ensemble du travail réalisé qui est pénalisé.

>> Hébergement et sauvegardes

Retrouver notre visibilité sur Google

Le précédent site avait 5 ans... plusieurs fois nous avons envisagé de refaire notre site internet, mais les Clients d'abord... résultat comme parfois "les cordonniers, les plus mal chaussés", nous avons trop tardé et le référencement naturel du site internet s'est dégradé petit à petit. Une fois ce nouveau site internet repensé et re-construit, une nouvelle tâche attend l'équipe de l'agence digitale Versio : retrouver sur les moteurs de recherche la visibilité qu'elle mérite ;-)

Pierre Cheminant & Bernard Bailly, associés Versio

>> Testez votre site internet sur Page Speed Insight
[et appelez-nous !!]