Generative UI Google : ton contenu PME sera réassemblé en dashboards et comparateurs (et comment t'y préparer)

Generative UI : c'est quoi exactement

La Generative UI, c'est le passage du texte généré à l'interface générée. Gemini ne te répond plus avec un paragraphe. Il fabrique une interface complète. Tu lui demandes "compare 3 vélos électriques sous 2000 euros pour aller au bureau", il te construit un tableau interactif avec colonnes autonomie, poids, prix, vitesse, plus un slider pour filtrer par budget. Le tout en moins de 4 secondes, dans l'écran de résultats Google.

Cette interface, Gemini la fabrique en assemblant trois ingrédients : son modèle de raisonnement (Gemini 3.5 Flash en AI Mode, Gemini 3 dans l'app Gemini), des données extraites de sites tiers (le tien, si tu es citable), et du HTML/CSS/JS généré à la volée. Le blog Research de Google donne quelques détails techniques : le LLM prend le prompt, mobilise des outils si besoin, et sort du code que le navigateur exécute en direct.

L'annonce date du 19 mai au I/O. Les capacités sont dispos pour les abonnés Gemini AI Pro et Ultra aux États-Unis, mais Google a annoncé une bascule grand public et gratuite cet été 2026, partout dans le monde, dans Search. On parle de quelques semaines, pas de mois.

Pour les PME françaises, c'est un séisme silencieux. Parce que personne n'en parle vraiment en français, à part deux ou trois articles techniques anglophones. Mais quand ça va arriver, les sites qui n'auront pas préparé le terrain vont disparaître de l'écran de résultats sur tout ce qui ressemble de près ou de loin à de la comparaison, de la simulation ou de la décision d'achat.

Pourquoi ça change tout pour les PME (et pas qu'en e-commerce)

La première erreur qu'on commet en lisant l'annonce, c'est de penser "ça concerne seulement le e-commerce". Faux. La Generative UI s'applique à toutes les requêtes décisionnelles. Et 60% des requêtes d'une PME B2B sont décisionnelles : "quel logiciel de paie pour 12 salariés", "combien coûte une chaudière à condensation", "comment choisir un consultant SEO", "quel CRM pour un cabinet d'avocats". Toutes ces requêtes vont déclencher une Generative UI.

Concrètement, sur Twenty Peas (un de mes clients, traiteur en Lot-et-Garonne), une requête comme "comparer traiteur mariage Agen budget" retournait avant une liste de sites avec snippets. Demain, Gemini va sortir directement un comparateur visuel avec prix par convive, options végétariennes, distance, note Google. Si la page de Twenty Peas n'expose pas ces 4 critères en données structurées propres, elle ne sera pas dans le comparateur. Game over.

Le deuxième impact, c'est sur le concept même de page d'atterrissage. Aujourd'hui, ta page produit ou ta page service est conçue pour convertir un visiteur humain : titre accrocheur, vidéo, témoignage, CTA. Demain, ta page doit aussi convertir un agent Gemini qui scanne pour fabriquer une interface. Et l'agent ne regarde ni ton design ni ta vidéo. Il regarde ton HTML brut, tes données structurées, ta tarification publique, tes specs techniques. C'est un autre métier.

Troisième impact, plus pernicieux : la fin du traffic discovery. Avant, un internaute tombait sur ton article de blog par une longue traîne, lisait, découvrait ton entreprise et finissait par te contacter trois semaines plus tard. Avec la Generative UI, l'internaute obtient directement la réponse, le comparateur ou le calculateur dans l'interface Gemini. Il ne te connaît même pas. Ton nom apparaît en tout petit dans les citations. Si tu n'as pas travaillé ta marque (Discover, mentions, réseaux), tu disparais sans qu'on s'en aperçoive.

Les 8 actions à mettre en place avant l'été 2026

Voici la liste concrète que j'applique en ce moment sur mes sites Again et sur trois clients (Coaxis, FTP Chaudronnerie, BOL). Chaque action est numérotée P0 (à faire cette semaine), P1 (sous 2 semaines), P2 (sous 1 mois).

1. Exposer tes données décisionnelles en HTML brut (P0)

Si Gemini doit construire un comparateur ou un dashboard à partir de ton site, il a besoin de lire des données dans le HTML, pas dans une image, pas derrière un JavaScript qui se charge en 4 secondes. Sur chaque page produit ou service, je vérifie que les 5 critères critiques (prix, durée, capacité, note, garantie selon le secteur) sont écrits en clair dans le HTML, dans un format facile à parser. Un tableau HTML simple fait l'affaire. Pas besoin de schéma compliqué.

2. Pousser Product, Service, FAQPage et HowTo en schema.org (P0)

C'est le minimum syndical, et pourtant 60% des sites PME que j'audite n'ont rien. Sur chaque page produit, balise Product avec price, currency, availability. Sur chaque page service, balise Service avec provider, areaServed, priceRange. Pour les FAQs, FAQPage. Pour les guides étape par étape, HowTo. La Generative UI s'appuie massivement sur ces données structurées pour fabriquer ses interfaces.

3. Publier des données comparables (P0)

Les comparateurs Generative UI ont besoin de critères communs entre concurrents. Si tu vends une prestation à 1500 euros HT et que ton concurrent annonce 99 euros par mois (sans préciser la durée), Gemini va exclure ta page parce qu'il n'arrive pas à comparer. Aligne tes critères sur ce que sortent tes 5 concurrents principaux. Une matrice partagée, c'est ton entrée garantie dans le comparateur.

4. Créer une page /api-ucp ou /.well-known/data (P1)

C'est neuf et personne n'en parle, mais Google a ouvert le protocole Universal Commerce Protocol en janvier 2026. Pour les sites e-commerce, ça veut dire un manifest à /.well-known/ucp. Pour les autres, je recommande de préparer une page d'export JSON propre avec tes 20 services et 20 derniers articles. Un fichier data.json bien structuré à la racine, et tu deviens lisible par toutes les couches agentic à venir.

5. Renforcer le fichier llms.txt (P1)

Le fichier llms.txt reste sous-utilisé en France. Sur Again, je liste désormais mes 15 pages les plus structurées avec, pour chacune, 2-3 phrases qui expliquent ce que la page contient en termes de données extractibles. C'est devenu la première chose que je regarde quand un agent IA cite un site : est-ce qu'il a un llms.txt qui guide la lecture.

6. Caler ton mobile-first sur le rendu Generative UI (P1)

Les premières captures de Generative UI montrent un rendu typiquement vertical, étiré, avec beaucoup de tap-targets. Si ton site est encore en desktop-first ou si ton HTML mobile est dégradé (lazy-loading massif, contenu caché derrière des accordéons sans details), Gemini va galérer à extraire tes données. Vérifie ton CrUX, ton LCP mobile, et surtout ton DOM brut sans JavaScript activé.

7. Publier des guides "comparatif décisionnel" sur ton blog (P2)

Au-delà des pages produit, les guides éditoriaux comparant 3-5 options dans ton secteur deviennent des aimants à citation Generative UI. Pas un article de 3000 mots noyé dans la prose : un tableau clair, un verdict par cas d'usage, des prix réels. Sur Again, ce sont mes articles type "comparer 5 outils X pour PME" qui se font systématiquement citer par Gemini en ce moment.

8. Tracker la citation dans AI Mode et Gemini app (P2)

Aucun outil grand public ne le fait encore proprement en France. Je passe pour l'instant par un mix Perplexity Pro (qui exporte ses citations en JSON), des recherches manuelles dans AI Mode sur mes 30 requêtes prioritaires une fois par semaine, et le suivi GSC nouveau onglet "AI Mode appearances" (en bêta sur certains comptes). C'est rustique, mais ça donne une baseline. Sans tracking, tu ne sauras jamais si tes 7 autres actions paient.

Tableau comparatif : effort vs impact des 8 actions

Voici la matrice que j'utilise pour prioriser sur mes audits. L'effort est en jours-homme. L'impact est sur le potentiel de citation dans la Generative UI Google.

Si tu fais les 3 actions P0 cette semaine, tu couvres déjà 60% du potentiel. C'est ce que je conseille en priorité aux PME qui me demandent par où commencer.

Quiz : ton site est-il Generative-UI ready ?

4 questions pour te situer. Réponds honnêtement, le score apparaît en bas.

Calculateur de score Generative-UI

Plus précis que le quiz. Pondère 4 critères techniques et donne un score sur 100 avec verdict.

Cas pratique : ce que j'ai fait sur 3 sites clients la semaine dernière

Coaxis Solutions (infogérance Bordeaux). Site refait il y a 18 mois, propre techniquement, mais aucune balise Service sur les 12 pages de prestations. En 2 jours : ajout d'un bloc schema.org Service par page avec provider, areaServed (les 7 villes cibles), priceRange, hasOfferCatalog. Bonus : un tableau résumé en haut de chaque page avec durée d'intervention, période d'astreinte, ticket moyen. Premiers tests AI Mode : citation sur 3 requêtes test sur 5, contre 0 sur 5 avant.

FTP Chaudronnerie (47). Site vitrine artisan, beaucoup de PDF de specs godets. Stratégie : extraire le contenu des 22 PDF en pages HTML propres, avec un tableau par produit (capacité, poids, attaches compatibles, prix indicatif). Ajout d'une page /data/godets.json avec les mêmes données. Effort : 4 jours. Trop tôt pour mesurer mais sur Perplexity, le site sort déjà sur "godet sur mesure forestier prix" alors qu'il n'y était pas en mai.

BOL Poterie. Boutique artisan, déjà bien équipée en schema Product. Manque : aucun guide comparatif sur le blog. On lance la rédaction de 4 articles type "comparer 3 ustensiles de cuisine japonaise pour débutant", avec tableau, prix, niveau d'expérience requis. Premier guide publié, déjà cité 2 fois en réponse Gemini sur Chrome desktop. C'est exactement le type de contenu que la Generative UI va piocher.

Conclusion terrain : les sites qui partent du HTML propre + schema.org gagnent en quelques jours. Les sites avec un legacy lourd (React sans SSR, contenu dans des images, tarifs cachés) ont besoin de 3-6 mois de chantier. Plus tôt tu commences, plus large est ton avance.