Site immersif et référencement : comment concilier les deux

Un site immersif raconte une histoire par l’image : une caméra qui avance au défilement, une matière qui prend la lumière, une transition qui donne du rythme. Rien de tout cela n’empêche d’être bien référencé. Ce qui l’empêche, ce sont trois erreurs fréquentes : du texte enfermé dans des images, des médias trop lourds chargés trop tôt, et des visiteurs oubliés.

Ce que voit un moteur de recherche

Google lit le code HTML de la page, après exécution de son JavaScript. Un titre dessiné dans une vidéo, une offre écrite dans une image ou un prix affiché dans un canvas n’existent pas pour lui : ce sont des pixels.

La règle est simple : tout ce qui doit être lu reste du vrai texte.

• Les titres, les offres, les prix et les coordonnées sont écrits en HTML, avec une hiérarchie claire (un seul titre principal, puis des intertitres).
• Les liens sont de vrais liens, avec une adresse, et non des zones cliquables gérées uniquement en JavaScript.
• Chaque page a un titre et une description qui lui sont propres.

Sur notre propre site, la promesse gravée dans le mur de pierre est un texte HTML posé sur l’image, et l’écran de l’ascenseur affiche nos réalisations en texte et en liens modifiables : la mise en scène ne retire rien à ce qui se lit.

La performance se mesure, elle ne se promet pas

Google mesure l’expérience réelle des visiteurs avec trois indicateurs, les Core Web Vitals. Pour être jugée « bonne », une page doit atteindre ces seuils pour au moins 75 % des visites :

Indicateur	Ce qu’il mesure	Seuil « bon »
LCP	Le temps d’affichage du plus grand élément visible	2,5 secondes au plus
INP	La réactivité aux clics et aux touches	200 millisecondes au plus
CLS	La stabilité de la mise en page	0,1 au plus

Pour un site immersif, cela impose une discipline :

• Une image d’accueil légère et immédiate. La première impression ne doit pas attendre la vidéo.
• Des médias chargés au bon moment. Une scène se prépare quand le visiteur s’en approche, pas au premier affichage de la page. Sur notre maquette, le premier mouvement démarre dès la première seconde de film téléchargée — entre 1 et 2,5 secondes selon la connexion simulée — et la suite se charge pendant la visite.
• Une mémoire maîtrisée. Ce qui est loin de l’écran est libéré : le téléphone ne garde pas toute la visite en mémoire.
• Des dimensions réservées. Chaque image a sa place avant d’arriver, pour que rien ne saute.

Personne ne doit rester à la porte

Un site immersif doit fonctionner pour tous :

• Le mouvement réduit. Certaines personnes demandent à leur système de limiter les animations. Le site doit le respecter : vues fixes, pas de vidéo, le même contenu.
• Le clavier. Tout ce qui se clique doit pouvoir s’atteindre au clavier, avec un repère visible.
• Un raccourci. Un lien « passer la visite » permet d’aller directement au contenu.
• L’économie de données. Quand un visiteur l’a activée, on ne lui impose pas de vidéo.
• Sans JavaScript. La page doit rester lisible : titres, offres et contact.

Ces exigences ne sont pas des contraintes de plus : elles servent aussi le référencement, parce qu’elles garantissent un contenu lisible, rapide et stable.

Une liste de contrôle avant la mise en ligne

1. Les titres, offres, prix et coordonnées sont-ils du texte ?
2. Chaque page a-t-elle son titre et sa description ?
3. L’image d’accueil s’affiche-t-elle sans attendre la vidéo ?
4. Les médias lourds se chargent-ils à l’approche de leur scène ?
5. Le site respecte-t-il le mouvement réduit et l’économie de données ?
6. Tout est-il atteignable au clavier ?
7. Les trois indicateurs sont-ils dans le vert sur un téléphone moyen ?

Le spectaculaire n’est pas l’ennemi du référencement. Le désordre l’est.