Comment faire un site web indexable par les moteurs de recherche ?

Un site internet ne sert pas à grand-chose si personne ne le trouve. Or, toutes les technologies ne se valent pas face aux moteurs de recherche. Voici comment choisir une solution qui rend votre site indexable… et réellement indexé.

Le vrai critère : où la page est-elle construite ?

Ce qui compte, ce n’est pas tant le langage que la façon dont la page est fabriquée. Il existe deux grandes approches.

Le rendu côté serveur. Le serveur envoie au navigateur une page HTML complète, avec tout son texte. Un robot d’indexation la lit immédiatement. C’est l’approche de PHP, de Python ou des frameworks JavaScript « serveur ».

Le rendu côté navigateur (SPA, pour Single Page Application). Le serveur envoie une page presque vide, accompagnée de JavaScript. C’est le navigateur qui exécute ce code et affiche le contenu.

Pourquoi les SPA posent problème

Google sait exécuter le JavaScript, mais en différé. Il lit d’abord le HTML brut, puis revient plus tard pour « rendre » la page. Ce rendu coûte cher, ce qui ralentit et fragilise l’indexation.

Les autres robots sont moins bien lotis. Et les robots des assistants IA (ChatGPT, Claude, Perplexity…) n’exécutent généralement pas le JavaScript. Pour eux, une SPA est une page blanche. Or, une part croissante des recherches passe désormais par ces assistants.

La règle à retenir : le contenu important et les liens doivent être présents dans le HTML envoyé par le serveur.

Quelles technologies choisir ?

En PHP

PHP reste le langage le plus déployé sur le web, porté par les CMS et les frameworks. Toutes ces solutions génèrent les pages côté serveur :

• Symfony
• Laravel
• WordPress
• Joomla
• Drupal

En JavaScript / TypeScript

C’est ici que le choix se complique : les frameworks sont nombreux, et un mauvais choix se regrette vite.

Les bons choix, qui génèrent du HTML côté serveur ou des pages statiques :

• Next.js (basé sur React)
• Nuxt (basé sur Vue)
• SvelteKit (basé sur Svelte)
• Astro, idéal pour un site headless

À éviter seuls pour un site public : React, Vue, Svelte ou Solid utilisés « nus ». Ce sont des librairies d’interface qui produisent par défaut une SPA. Utilisez-les plutôt à travers un des frameworks ci-dessus.

Et Gatsby ? Nous le citions encore récemment. Depuis son rachat par Netlify en 2023, il ne reçoit plus de nouvelles fonctionnalités. Nous ne le recommandons plus pour un nouveau projet.

En Python

• Django, le choix le plus complet pour un site web ;
• FastAPI, plutôt pensé pour les API, mais capable de générer des pages HTML avec des templates Jinja.

En Go

• Gin, couplé aux templates HTML de Go ;
• Hugo, pour générer un site entièrement statique.

Et chez Weobia, quelle est notre préférence ?

Nous avons l’expérience de nombreuses technologies. Mais pour un site vitrine ou un site de contenu, nous privilégions Astro. C’est à nos yeux le framework qui génère le plus facilement des pages statiques, rapides et parfaitement lisibles par les robots.

Bien sûr, chaque projet a ses contraintes. Nous adaptons donc la solution au besoin :

• Un hébergement simple est nécessaire ? Nous partons sur du PHP.
• Une architecture plus poussée est possible ? Nous associons un CMS pour l’administration et un frontend sur mesure, en headless (avec Astro, par exemple).
• C’est une interface d’administration ? Là, l’indexation n’a aucune importance. Nous privilégions alors une SPA avec React, Svelte ou Vue.