> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# SEO et partage

Metadata, sitemap, robots et images sociales.

## Avant de commencer

Ouvrez votre projet supastack téléchargé dans Visual Studio Code en utilisant Fichier → Ouvrir le dossier, puis choisissez Terminal → Nouveau terminal. La racine du référentiel est le dossier contenant package.json, les applications et les packages. Exécutez la commande ci-dessous et laissez son terminal ouvert. Si une commande n'est pas reconnue, terminez le guide d'installation de l'outil avant de continuer.

Lisez d’abord le didacticiel de la plateforme. Un serveur est le processus d'application qui répond aux requêtes du navigateur ou du téléphone. Le Web lit apps/web/.env.local, Expo lit apps/mobile/.env.local et les commandes de migration de base de données lisent root .env. La démonstration sans base de données/tableau de bord est distincte des comptes réels/auth, qui nécessitent une migration Postgres. Un paiement sur téléphone ou sur ordinateur uniquement nécessite un backend Web exécuté séparément.

[Installez les outils et récupérez le code](https://supastack.dev/fr/docs/web/before-you-start.md)

[Apprendre les commandes, les fichiers et la configuration](https://supastack.dev/fr/docs/web/terminal-basics.md)

[Terminez le didacticiel Web de première exécution](https://supastack.dev/fr/docs/web/ship-in-5-minutes.md)

```
corepack pnpm --filter @supastack/web dev
```


## Configuration et paramètres

Les metadata par route viennent de l'API metadata de Next.js — les pages exportent un objet metadata ou generateMetadata et résolvent titres et descriptions via les dictionnaires de locale pour que les résultats de recherche restent localisés.

sitemap.ts et robots.ts génèrent la surface crawlable ; l'image Open Graph et les icônes portent l'aperçu social. Gardez les routes privées — settings, billing, admin, API — hors du sitemap et disallowées dans robots.

```
app/sitemap.ts    public routes only
app/robots.ts     disallow private surfaces

// per page
export const metadata = { title, description };
```


## Processus d’implémentation

Donnez à chaque page publique un titre et une description uniques ; n'indexez jamais les résultats de recherche, les vues filtrées ou les surfaces authentifiées. Les URL canoniques restent sans préfixe — la couche locale redirige déjà la locale par défaut vers le chemin canonique.

Quand vous ajoutez une route publique, ajoutez-la au sitemap dans le même changement. Gardez l'imagerie OG sur les tokens de marque plutôt que des captures figées pour que les restylages restent cohérents.


## Vérification et dépannage

Récupérez /robots.txt et /sitemap.xml sur un déploiement de preview, validez que le sitemap se parse, et testez le partage d'une page — titre, description, image. Confirmez un header ou meta noindex sur les pages de résultats de recherche.


## Suivant

[Thème du produit](https://supastack.dev/fr/docs/web/theming.md)