> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Améliorer le référencement de votre application

> Utilisez le score SEO de Replit et l'Agent pour faire mieux classer votre application publiée dans les moteurs de recherche.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

À la fin, votre application publiée sera mieux classée dans les moteurs de recherche — et le score SEO dans l'outil de publication le reflétera.

Après chaque publication réussie, Replit effectue un audit SEO et affiche un score SEO. Si le score a de la marge pour progresser, un clic transmet les problèmes spécifiques à l'Agent. Pour la plupart des développeurs, le flux de travail est simplement : **publier → regarder le score → demander à l'Agent d'optimiser**.

Pour plus de détails sur le calcul du score (audit Lighthouse, ce que signifie chaque score, types de déploiement pris en charge), voir [Score SEO](/fr/references/publishing/seo-rating).

## Optimiser avec l'Agent SEO

[L'Agent SEO](/fr/references/publishing/seo-agent) effectue un audit technique SEO sur votre application publiée et transforme chaque constat en correction en un clic. Il se trouve dans le panneau **Growth** de l'éditeur de projet et est disponible pour les développeurs avec un abonnement payant. Suivez ces étapes pour analyser votre application et appliquer les corrections.

<Steps>
  <Step title="Publiez votre application pour débloquer Growth">
    L'Agent SEO fonctionne sur une application publiée. Tant que vous n'avez pas publié, le panneau **Growth** est verrouillé et vous invite à **Aller à la publication**. Publiez depuis le chat de l'Agent ou l'outil de **Publication**, puis revenez au panneau Growth.

    <Frame caption="Avant de publier, le panneau Growth est verrouillé avec une invite Aller à la publication">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/01-growth-locked.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=7e91cef3ebd191171c305f2a98d59fc7" alt="Le panneau Growth affichant l'état verrouillé avec le titre Publiez votre application pour débloquer les outils Growth et un bouton Aller à la publication" width="1657" height="947" data-path="images/deployments/seo-agent/01-growth-locked.png" />
    </Frame>
  </Step>

  <Step title="Lancer l'analyse avec l'Agent">
    Ouvrez le panneau **Growth** et trouvez la carte **Score SEO**. Sélectionnez **Lancer l'analyse avec l'Agent** pour démarrer un audit technique SEO de votre projet. Une analyse prend généralement quelques minutes.

    <Frame caption="Sélectionnez Lancer l'analyse avec l'Agent dans la carte Score SEO pour démarrer l'audit">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/02-run-scan.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=16c07094556e97393d541aa59f5ecfe4" alt="Une vue agrandie de la carte Score SEO avec un rectangle rouge mettant en évidence le bouton Lancer l'analyse avec l'Agent" width="1656" height="946" data-path="images/deployments/seo-agent/02-run-scan.png" />
    </Frame>
  </Step>

  <Step title="Corriger avec l'Agent ou Tout corriger avec l'Agent">
    Lorsque l'analyse est terminée, les problèmes apparaissent dans un tableau avec les colonnes **Gravité** (Faible, Moyen ou Élevé) et **Statut** (Non résolu), regroupés en catégories telles que **Compatibilité IA**, **Exploration et découverte**, **Rendu et métadonnées de la page d'accueil** et **Indicateurs de performance**. Développez n'importe quel problème pour lire ce que l'Agent SEO a trouvé.

    Appliquez les corrections à la granularité souhaitée :

    * **Corriger avec l'Agent** sur un problème unique transmet uniquement cet élément à l'Agent.
    * **Corriger avec l'Agent** sur une catégorie corrige chaque problème de ce groupe.
    * **Tout corriger avec l'Agent** envoie tous les problèmes à l'Agent en même temps. Le bouton **Corriger tous les problèmes** dans le chat fait la même chose.

    <Frame caption="Après l'analyse, corrigez les problèmes individuellement, par catégorie ou tous à la fois avec Tout corriger avec l'Agent">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/03-fix-with-agent.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=56675222e5874686576a93459520bed5" alt="Le tableau des résultats d'analyse regroupé par catégorie avec les colonnes de gravité et de statut, un rectangle rouge mettant en évidence le bouton Tout corriger avec l'Agent, et des boutons Corriger avec l'Agent par catégorie" width="1657" height="947" data-path="images/deployments/seo-agent/03-fix-with-agent.png" />
    </Frame>
  </Step>

  <Step title="L'Agent traite les corrections">
    L'Agent crée une tâche de correction pour chaque problème et les traite en arrière-plan, vous permettant de continuer à développer. Les lignes se mettent à jour sur **Correction en cours**, et un lien **Accéder à la tâche** vous permet d'ouvrir n'importe quelle tâche pour suivre l'avancement.

    <Frame caption="L'Agent crée des tâches de correction ; les lignes de problèmes affichent Correction en cours avec un lien Accéder à la tâche">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/04-fixes-in-progress.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=2db8d2f664ab52f76949585b2c159644" alt="Le tableau des résultats d'analyse avec les lignes de problèmes affichant maintenant le statut Correction en cours et des liens Accéder à la tâche pendant que l'Agent travaille" width="1657" height="947" data-path="images/deployments/seo-agent/04-fixes-in-progress.png" />
    </Frame>
  </Step>

  <Step title="Appliquer les modifications à la version principale">
    Lorsqu'une correction est prête, la tâche affiche l'état **Prêt pour révision**. Vérifiez les modifications, puis sélectionnez le bouton vert **Appliquer les modifications à la version principale** pour fusionner la correction dans votre application. Republiez pour actualiser votre Score SEO par rapport au nouveau build.

    <Frame caption="Vérifiez chaque correction et sélectionnez Appliquer les modifications à la version principale pour la fusionner">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/05-apply-changes.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=de876287c947e726966293d1ec109bbd" alt="Une vue agrandie du pied de page de la tâche Prêt pour révision avec un rectangle rouge mettant en évidence le bouton vert Appliquer les modifications à la version principale" width="1656" height="946" data-path="images/deployments/seo-agent/05-apply-changes.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  Vous pouvez aussi ignorer entièrement l'interface d'analyse. Ouvrez l'Agent et dites **« optimise mon SEO »** — l'Agent récupérera vos derniers résultats et commencera à les traiter.
</Tip>

Corrections courantes que l'Agent appliquera :

* Ajouter ou réécrire les balises `<title>` manquantes ou génériques pour que chaque page ait un titre unique et descriptif.
* Ajouter une méta description à chaque page.
* Ajouter du texte `alt` descriptif aux images.
* Définir l'attribut `lang` sur l'élément `<html>`.
* S'assurer que les liens ont un texte identifiable (pas de « cliquez ici » ni d'ancres vides).
* Ajouter un `robots.txt` et un `sitemap.xml`.
* Ajouter une balise méta viewport pour le rendu mobile.
* Améliorer le contraste des couleurs sur le texte qui échoue aux vérifications d'accessibilité.
* Ajouter les méta tags Open Graph et Twitter Card pour que les liens vers votre application s'affichent bien sur les plateformes sociales.

## Bonnes pratiques pour une application optimisée pour le SEO

Que vous demandiez à l'Agent de les gérer ou que vous les écriviez vous-même, voici les éléments les plus importants à bien faire :

* **Donnez à chaque page un titre unique et une méta description.** Visez des titres de moins de 60 caractères et des descriptions d'environ 150 à 160 caractères.
* **Utilisez du HTML sémantique.** Encadrez votre mise en page avec `<main>`, `<header>`, `<nav>` et `<footer>`. Utilisez `<h1>` une seule fois par page et respectez l'ordre des niveaux de titres.
* **Ajoutez du texte alt à chaque image.** Décrivez ce que l'image montre, pas seulement ce qu'elle est.
* **Générez un `sitemap.xml` et un `robots.txt`.** Demandez à l'Agent de créer les deux pour que les moteurs de recherche sachent quoi explorer.
* **Ajoutez les balises Open Graph et Twitter Card.** Contrôlez l'apparence de votre application lorsqu'elle est partagée sur les réseaux sociaux.
* **Utilisez un domaine personnalisé.** Un domaine à votre image inspire confiance aux visiteurs et aux moteurs de recherche. Voir [Ajouter un domaine personnalisé](/fr/build/add-custom-domain).
* **Choisissez le bon type de déploiement.** Pour les sites riches en contenu, les [Déploiements statiques](/fr/references/publishing/static-deployments) livrent du HTML pré-rendu que les moteurs de recherche analysent instantanément.
* **Ajoutez des données structurées.** Le balisage JSON-LD aide les moteurs de recherche à afficher des résultats enrichis pour les produits, articles, FAQ et événements.
* **Gardez votre application rapide.** Optimisez les images, évitez les scripts bloquant le rendu et appuyez-vous sur l'hébergement Replit pour garder des temps de réponse faibles.

Une façon simple d'appliquer la plupart de ces éléments en une seule fois :

<AiPrompt>
  Effectue un audit de mon site pour les bonnes pratiques SEO et applique les corrections. Ajoute un sitemap, robots.txt, les balises Open Graph, des données structurées là où c'est pertinent, et assure-toi que chaque page a un titre unique et une méta description.
</AiPrompt>

## Améliorer ensuite

<CardGroup cols={2}>
  <Card title="Agent SEO" icon="robot" href="/fr/references/publishing/seo-agent">
    Effectuez un audit technique SEO et appliquez des corrections en un clic pour l'exploration, les métadonnées et les données structurées.
  </Card>

  <Card title="Score SEO" icon="magnifying-glass-chart" href="/fr/references/publishing/seo-rating">
    Voyez exactement comment le score est calculé, ce que signifie chaque score et quels types de déploiement le prennent en charge.
  </Card>

  <Card title="Ajouter un domaine personnalisé" icon="globe" href="/fr/build/add-custom-domain">
    Déplacez votre application vers votre propre domaine — une URL à votre image inspire confiance aux visiteurs et aux moteurs de recherche.
  </Card>

  <Card title="Déploiements statiques" icon="file-code" href="/fr/references/publishing/static-deployments">
    Le meilleur type de déploiement pour les sites riches en contenu et critiques pour le SEO.
  </Card>

  <Card title="Géographie de publication" icon="globe-pointer" href="/fr/references/publishing/publishing-geography">
    Choisissez où votre application s'exécute pour garder des temps de réponse faibles pour votre audience.
  </Card>
</CardGroup>

## Besoin d'aide supplémentaire ?

* **Le score n'a pas été mis à jour après une republication :** attendez une ou deux minutes — l'audit s'exécute de manière asynchrone après la mise en ligne du déploiement, et le badge se rafraîchit à l'arrivée des résultats.
* **Le score est le même après les modifications de l'Agent :** demandez à l'Agent quels éléments Lighthouse spécifiques il a traités, puis vérifiez l'infobulle du badge pour les éléments encore signalés.
* **Certaines pages ont un score inférieur à d'autres :** le badge affiche le score le plus bas parmi toutes les URL explorées. Demandez à l'Agent de se concentrer sur la page spécifique signalée par Lighthouse.
* **Vous ne voyez pas de score sur une application publiée :** les scores SEO ne s'exécutent que pour les types de déploiement web publics (Autoscale, VM réservée, Statique). Les déploiements planifiés et privés ne produisent pas de score.
