SEO, accessibilité et performance comme critères de succès pour ch.ch

Ces trois éléments permettent de se distinguer dans la jungle du web et d’obtenir de bons classements dans les moteurs de recherche. Pour le portail ch.ch, qui propose des réponses simples et en cinq langues aux questions souvent posées aux autorités, environ 90% du trafic provient des moteurs de recherche.

Lorsque le CMS du site doit être renouvelé il y a trois ans, la Chancellerie fédérale, qui exploite le site pour la Confédération et les cantons, décide de se baser sur les indicateurs Google Lighthouse. L’objectif est alors de viser des scores supérieurs à 90/100 pour les indicateurs concernant la performance, l’accessibilité et l’optimisation pour les moteurs de recherche (SEO).

ch.ch, premier projet-pilote découplé de la Confédération

A la même époque, la Confédération réfléchit à l’introduction d’un nouveau CMS découplé. Ce dernier pourrait à terme devenir l’outil standard pour tous les sites de l’administration fédérale. Mais avant de prendre cette décision, un nombre important de CMS sont évalués en termes de compatibilité avec les besoins de l’administration fédérale. L’outil suisse Livingdocs est retenu pour la réalisation des deux projets-pilotes.

ch.ch ayant un design qui lui est propre, il est le premier projet-pilote réalisé en utilisant Livingdocs comme backend. Le deuxième projet-pilote, la refonte de geo.admin.ch, sera quant à lui le premier à utiliser Livingdocs comme backend et le nouveau design web de la Confédération pour la présentation des contenus en frontend.

La Chancellerie fédérale nous a chargés de construire un frontend performant et accessible (AA). Pour ce qui est de l'optimisation pour les moteurs de recherche (SEO), la Chancellerie est accompagnée par l'agence Dept pour la définition des critères. Nous nous chargeons quant à nous de la mise en oeuvre des aspects techniques liés à cette SEO. Nous avons réalisé ce frontend sur la base de vue.js avec un static rendering au moyen de Nuxt.js. La connexion des templates a été élaborée en collaboration avec Swisscom (qui a le rôle d’intégrateur pour la Confédération) et Livingdocs. Nous avons aussi soutenu Swisscom dans la connexion au CMS et avons ainsi assuré que les objectifs de qualité du site puissent être atteints.

Pourquoi Google Lighthouse?

Les audits Lighthouse sont principalement axés sur les Core Web Vitals de Google. Il s'agit de mesures essentielles que Google utilise pour évaluer la vitesse des pages web et l'expérience utilisateur globale (UX).

En d'autres termes, l'utilisation de Lighthouse vous permet de voir votre site Web de la même manière que Google. Vous pouvez utiliser les informations exploitables qu'il fournit pour optimiser vos pages afin d'obtenir un meilleur classement dans les moteurs de recherche.

Google Lighthouse est donc autant un outil destiné aux développeurs∙euse∙s qu’aux propriétaires de sites désirant en savoir plus sur les performances de leurs sites et sur les mesures concrètes à prendre pour les optimiser.

Retours d’expérience positifs : la Confédération confirme son choix de logiciel découplé

Depuis une année, le site ch.ch est en ligne et les objectifs en matière d’indicateurs Lighthouse ont été atteints. Les processus d’édition et de publication de contenus sont désormais différents et demandent une adaptation de la part des utilisateur∙rice∙s. Mais les avantages d’un outil découplé sont nombreux, notamment en termes d’architecture (systèmes monolithiques vs micro-services), de structure ou encore de réutilisation des données. En août, la Confédération a confirmé le choix du logiciel découplé Livingdocs comme outil standard en matière de gestion des contenus web. Ouvrant la porte à de nombreuses améliorations potentielles dans la publication des informations de l’administration fédérale dès 2023.

Le 17 octobre 2022, le site ch.ch a été enrichi de la plateforme dédiée aux élections fédérales 2023. Dans une prochaine étape, les cantons reprendront-ils peut-être sur leurs sites des informations de ch.ch directement depuis l’API? A suivre…

Nous nous réjouissons de pouvoir accompagner de tels projets de transformation digitale. Nous sommes impatient∙e∙s de pouvoir contribuer à relever les prochains défis qui nous seront proposés.