Aller au contenu

Mon site est beau… mais Google ne le voit pas

SEO · 3 min de lectureManu Puyuelo

Pourquoi le HTML lisible est vital pour votre référencement. Vous avez un site tout neuf, bien designé, rapide à l’œil nu… Mais Google n’en indexe que trois pages. Pourquoi ? Parce qu’il ne voit rien.

1. Google ne lit pas le web comme un humain

Quand Google explore votre site, il ne clique pas sur les boutons. Il ne “scrolle” pas pour afficher du contenu dynamique. Il lit le HTML brut que lui renvoie votre site.

Et si ce HTML ne contient que <div id="app"></div> avec du JavaScript chargé ensuite… Google voit… rien.

2. JS only ≠ bon pour le SEO

Beaucoup de sites modernes sont développés en JavaScript pur (React, Vue, etc.). Mais s’ils ne sont pas rendus côté serveur, Google doit attendre que tout le JS s’exécute avant d’avoir quelque chose à indexer.

Et comme Google a d’autres chats à fouetter, il ne le fait pas toujours. Résultat : un site visuellement complet, mais invisible dans les résultats de recherche.

C’est pour ça que les sites statiques, SSR ou hybrides sont bien meilleurs pour le SEO.

3. Pourquoi j’utilise Next.js et Nuxt : pas pour le fun, pour le SEO

Next (React) et Nuxt (Vue) sont des frameworks modernes qui permettent plusieurs façons de servir votre site à Google (et à vos utilisateurs) :

SSG (Static Site Generation)

Votre site est pré-construit en HTML à la compilation, puis servi tel quel. Ultra rapide, ultra SEO-friendly.

Parfait pour les sites vitrines, blogs, portfolios, etc.

SSR (Server Side Rendering)

À chaque visite, le serveur génère une page HTML complète. Google peut tout lire, et l’utilisateur aussi.

Parfait pour les sites dynamiques (pricing, recherche, contenu qui bouge)

ISR (Incremental Static Regeneration)

Un mix des deux : vous servez une page statique, mais vous la régénérez automatiquement toutes les X minutes.

Parfait pour les blogs, les boutiques avec du contenu qui change souvent

Résultat : votre site est à la fois rapide, lisible par Google, et évolutif. C’est ça, le vrai sucre technique.

4. OK, mais comment savoir si mon site est “lisible” par Google ?

Voici quelques tests simples :

  • Faites clic droit > "Afficher le code source" : est-ce qu’on y voit du vrai contenu HTML ?
  • Allez sur Google Search Console : est-ce que vos pages sont bien indexées ?
  • Faites un test sur PageSpeed Insights : est-ce que le “Time to First Byte” est correct ?

Si votre site est un gros fichier JS qui se charge… puis construit la page à la volée dans le navigateur : Google risque de ne rien voir.

5. Pourquoi ce choix technique est fondamental (et pas juste un détail)

Vous pouvez avoir :

  • le meilleur contenu
  • les meilleures balises SEO
  • les meilleures intentions

… si Google ne voit rien dans votre HTML initial, ça ne sert à rien.

Développer pour être vu

Je ne fais pas juste des “sites jolis”. Je construis des sites lisibles, rapides, référencés :

  • En Next.js ou Nuxt, pour un rendu statique ou hybride au top
  • Optimisés pour Google ET les humains
  • Compatibles avec les balises OG, les métadonnées, les images bien taguées
  • Configurés avec sitemap, Search Console, et tout le nécessaire pour un bon référencement

Sur ourson.app, site statique en Next.js, un budget Lighthouse bloquant en CI exige un score SEO de 100.

En résumé

Un beau site, c’est bien. Un beau site lisible par Google, c’est beaucoup mieux.

Envie d’en parler ?