Comment améliorer le référencement (SEO) d'une application React ?
posée 3 months ago557 vuesfr
Mon application React (Vite, rendu côté client) n'apparaît presque pas dans Google. Les pages de produits ont des URL, mais Google semble voir une page vide.
Diagnostic IA
Généré par IA. Ce n'est pas une réponse — la communauté ci-dessous le confirme ou le corrige. Vérifiez toujours avant de vous y fier.
1 réponse
Avec un rendu uniquement côté client, le HTML initial ne contient qu'une <div id="root"> vide. Google exécute le JavaScript, mais de façon différée et moins fiable. Les autres moteurs et les aperçus de liens (WhatsApp, Facebook, X) ne l'exécutent généralement pas du tout.
Solutions :
1. Rendu serveur (SSR) ou génération statique (SSG) : migre les pages publiques vers Next.js, Remix/React Router v7 ou Astro. Le HTML arrive complet, avec le contenu et les balises meta. 2. Métadonnées par page : <title> unique, <meta name="description">, balises Open Graph (og:title, og:image) pour les aperçus de partage. 3. sitemap.xml et robots.txt, puis soumission dans Google Search Console. 4. URL propres et liens <a href> réels entre les pages (pas des onClick qui naviguent). 5. Données structurées JSON-LD (Product, FAQPage, QAPage…) pour les résultats enrichis. 6. Performance (Core Web Vitals) : elle compte dans le classement.
Le tableau de bord (partie connectée) peut rester en rendu client : seules les pages publiques ont besoin du SSR.
Connectez-vous pour dire si ça a marché.
Sign in and verify your email to post an answer.