← Toutes les notes

Juin 2026

Pré-rendre une SPA Vue pour le SEO

Une SPA rendue côté client sert une page vide aux robots et aux aperçus sociaux. Le pré-rendu statique règle le SEO sans changer de framework.

Une application monopage classique livre un conteneur vide, puis injecte le contenu en JavaScript. Les moteurs le tolèrent mal, et les aperçus de liens, qui n'exécutent pas de script, ne voient rien.

Le problème du rendu client

Sans HTML initial, le titre, la description et le contenu n'existent qu'après exécution. L'indexation devient lente et fragile, et les partages sociaux sont cassés.

Pré-générer à la build

Le pré-rendu statique (par exemple avec vite-ssg) génère une page HTML complète par route au moment du build, tout en gardant l'interactivité côté client après hydratation. Chaque page porte ses propres balises, son canonical et ses alternates de langue.

On obtient le SEO d'un site statique avec le confort d'une SPA. C'est exactement l'approche retenue pour ce site.