Framer et SEO : guide de ce que vous devez regarder avant d'intégrer une lib UI

Vous aimez les sites modernes ? Les superbes animations web de titrages, les effets d'apparitions et les FX WebGL ? Des titres qui se dévoilent lettre par lettre, des cartes qui s'éventent au scroll, des sous-titres qui glissent mot après mot. Sur Instagram et Youtube, les publicités de webdesign Framer et HorizonX.so ramassent les likes par milliers. Côté SEO et GEO, le spectacle ressemble surtout à une page passée au broyeur.

Framer et HorzonX font du bruit sur les réseaux

Framer séduit parce qu'il promet un design premium sans effort, un argument marketing redoutable. La plateforme vend des kits UI, des composants et des fichiers Figma par abonnement, affiché à 24,99 dollars par mois sur sa page d'accueil.

Le retour du buzz de ces templates grâce aux MCP (IA)

Ajoutez à ces outils des serveurs MCP, ces connecteurs qui permettent à une IA de piocher directement dans une bibliothèque de composants, et vous tenez le fantasme du vibecoding. Un prompt, un design qui brille.

HorizonX.so joue la même partition marketing que Framer depuis plus longtemps. Presque personne ne regarde ce que ces effets produisent dans le code source, alors que votre référencement SEO se joue précisément là.

Nous connaissons ces aspects depuis des années, et prenons un moment pour vous expliquer le gros problème avec Framer, Figma et HorizonX.

Framer a d'autres chats à fouetter que le SEO...

Dans les temps immémoriaux, les balises web étaient utilisées par rapport à leur rendu visuel.

Les évolutions du W2B, notamment avec le web 3.0 puis Web 4.0 ont apporté une logique plus sémantique aux architecures des contenus sur Internet.

C'est ainsi qu'un contenu important est passé de <b> à <strong>, de <div> à <main>, etc. Le titrage Hn ne fait evidemment pas défaut à cette logique puisqu'il est là pour identifier les différents niveaux de titres d'un article.

Une problématique qui n'intéresse visiblement pas Framer et sa capacité à tout fourrer n'importe où dans votre DOM :

Les paragraphes animés des textes de Framer sont souvent en <h4> ou <h5>. La balise <p> devaitêtre trop mystique pour leurs équipes.

Une grosse erreur SEO de Framer est de hiérarchiser ses balises sémantiques, en fonction du visuel et non... de la sémantique. (fail)

Vos pages sont donc surchargées de titrages et dépourvues de tout contenu éditorial. C'est joli, mais pour un robot, c'est vide.

L'échec d'HorizonX.so a faire un H1... sur la homepage du site officielle

HorinzX.so et autres Framer, les templates futuristes pour construire des sites magnifiques que personne ne trouvera jamais.

Il enferme chaque caractère dans son propre span. Dans le code source de la page d'accueil de HorizonX, le H1 "The premium UI & code library for the vibecoding era." est fragmenté en 44 balises, chacune numérotée par une variable CSS qui orchestre l'apparition.

Google arrive-t-il quand même à lire le texte découpé ?

Pour un œil humain, le titrage d'HorizonX est impeccable, c'est beau, c'est gras. Aucun doute, c'est un titre.

Pour un crawler SEO ou GEO, c'est de la bouillie.

En théorie, Google est en capacité d'assembler des morceaux du DOM pour lire des chaînes. Mais chez Atom business, nous ne vivons pas dans la téorie, on teste !

Le résultat, on le connaissaitc l'algo de Google se limite à certaines balises HTML précises et dans le cas de ce site web, c'est mort :

On cherche la chaîne exacte du H1 sur Google. HorinzX.so n'apparaît même pas dans la SERP. À la place ? Des sites random qui l'évoque bêtement, en texte brut.

Dans le cas de balises <span>, le moteur de rendu de Google recolle ces éléments HTML linéaires. Il retrouve ainsi la phrase dans de nombreux cas.

Pour HorizonX, on est sur une masterclass des erreurs : le sous-titre existe en double, une version sr-only pour les lecteurs d'écran et une version animée découpée en 21 spans. Deux fois le même paragraphe dans le DOM, truffé de commentaires d'hydratation Svelte, avec un affichage suspendu à une animation JavaScript.

Dans toutes les autres situations, le GEO se comportera encore plus mal que le SEO. Pour votre GEO, cette optimisation ratée a une conséquence mécanique. Un passage mal extrait perd en référencement et finit moins cité, et vous le verrez vite si vous faites un suivi des citations dans les moteurs de réponse.

Le vrai coût SEO de l'effet waouh Framer

Le design animé façon Framer coûte cher en performance et en référencement. Chaque lettre Framer devient un nœud DOM à calculer, à styler et à animer. Multipliez par chaque titre et vous gonflez le DOM et exposez vos Core Web Vitals, en particulier le LCP quand le bloc principal attend la fin d'une animation pour apparaître.

Côté sémantique, la casse SEO et GEO est plus sournoise. Vos balises Hn portent le signal thématique de la page. Les transformer en empilement de spans dilue ce signal au moment précis où Google et les LLM, ces modèles de langage qui alimentent ChatGPT ou Claude, cherchent des passages propres à extraire.

"Souvenez-vous de la dernière fois que vous avez cherché quelque chose sur Google et découvert un site sublime avec des effets futuristes et de l'animation vidéo. C'était Apple. L'exception qui confirme la règle."

Apple est le seul site a pouvoir proposer un site web avec des effets 3d animés et des vidéos scroll. Pourquoi ? Parce que le niveau d'autorité d'Apple (les liens entrants) permet de positionner la marque... et pour la perte de trafic ? C'est acceptable, la stratégie marketing d'exclusion d'Apple est d'ailleurs aligné sur le fait d'être difficile d'accès, donc c'est ok.

... Mais pour le paysagiste du coin, c'est ok ?

Pas du tout ! Car vous, vous n'avez pas ce luxe.

Toute l'optimisation SEO de vos titres part alors en fumée, et votre visibilité IA avec.

Avouez qu'il y a quelque chose de savoureux à payer un abonnement premium pour livrer aux robots un titre en 44 morceaux et un sous-titre en double. Le design vend du rêve en démo, le SEO paie l'addition. La visibilité et le marketing, eux, se mesurent en production.

HorizonX, Framer et le piège du site vitrine invisible

Le danger de Framer et autres Figma et HorinzonX pour votre stratégie marketing tient au mode d'usage. Branchés en deux clics dans un flux IA grâce au MCP, ces outils poussent à industrialiser des sites sans jamais ouvrir le code. Vous obtenez un site magnifique sur Dribbble, zéro optimisation, et une visibilité proche du néant. Pour votre référencement naturel et votre marketing digital, c'est un poison lent.

Nous n'avons rien contre le beau design. Nous avons tout contre le beau qui ne rapporte rien. Un site existe pour générer de la visibilité, du trafic, des citations dans les moteurs IA et des leads, et son design doit servir cet objectif marketing.

C'est exactement ce que nous défendons en référencement naturel comme dans notre activité d'agence GEO à Metz. HorizonX ou Framer peuvent faire partie du projet, à condition qu'un expert SEO et GEO repasse derrière pour l'optimisation.

Votre site Framer est-il visible pour Google et les IA ?

L'UX est le 4ème pilier du SEO. Un site qui donne envie de jouer avec son interface, se transmet au bouche à oreille et augmente son watchtime.

En attendant qu'il ne reste que des Agents IA pour naviguer sur Internet (horizon 2035), la prochaine génération de sites SEO/GEO se jouera aussi sur l'attrait du public.

Un design moderne et funky devra allier le référencement et l'UX (SXO). Votre site multiplie les titres qui dansent et les sections qui glissent, qu'il sorte de Framer ou Figma, de Framer ou d'un développeur passionné ? Votre visibilité mérite mieux qu'un effet de mode.

Faisons le point ensemble sur son alignement SEO, GEO et marketing et sur les optimisations prioritaires. Mieux vaut un audit aujourd'hui qu'un joli site sans visibilité demain.