> ## 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.

# Auditer un site web en ligne

> Vérifiez les liens, l'adaptabilité, l'accessibilité et les choix de design de n'importe quel site en ligne, où qu'il soit hébergé.

export const Connectors = ({items}) => <div style={{
  margin: "8px 0 20px"
}}>
    <style>{`
      .connectors-list, .connectors-list * { margin-top: 0 !important; margin-bottom: 0 !important; }
      .connectors-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 4px 0 !important;
        min-height: 0 !important;
        height: auto !important;
      }
      .connectors-row img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        margin: 2px 0 0 !important;
        display: block !important;
      }
    `}</style>
    <div className="connectors-list">
      {items.map((item, i) => <div key={item.id} className="connectors-row" style={{
  borderTop: i === 0 ? "none" : "1px solid rgba(130,130,130,0.22)"
}}>
          <img src={`/images/connectors/${item.id}.svg`} alt="" width={20} height={20} />
          <div style={{
  minWidth: 0
}}>
            <div>
              <strong>{item.name}</strong>
              {item.why ? <span style={{
  opacity: 0.72
}}> · {item.why}</span> : null}
            </div>
            {item.auth === "api-key" ? <div style={{
  fontSize: "11.5px",
  lineHeight: 1.35,
  color: "#F26207",
  marginTop: "2px"
}}>
                Not a native connector. Agent will ask for your API key.
              </div> : null}
          </div>
        </div>)}
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

Votre site est en ligne et personne ne l'a examiné sérieusement depuis le lancement.
Lancez un audit sous quatre angles : les liens qui ne fonctionnent plus, les mises en page
qui cassent sur un téléphone, les problèmes d'accessibilité et les choix de design qui ne
servent plus la page. L'audit part de l'URL publique, peu importe donc ce qui a construit
le site ou où il est hébergé. Si le site est un projet Replit, Agent peut appliquer les
correctifs en plus de les trouver.

## Idéal pour

* Les designers qui possèdent un site en ligne et ont besoin d'un audit exploitable, pas d'une note.
* Les product managers qui doivent savoir ce qui a régressé depuis le lancement, page par page.

## Connecteurs

<Connectors
  items={[
{
  id: "slack",
  name: "Slack",
  why: "Là où arrive chaque audit récurrent",
},
{ id: "notion", name: "Notion", why: "Un journal des constats et de ce que vous avez corrigé" },
]}
/>

<Note>
  Aucun des deux connecteurs n'est nécessaire pour l'audit lui-même. Connectez-les
  pour la version routine décrite dans [Adaptez-le à vos besoins](#adaptez-le-à-vos-besoins).
</Note>

## Avant de commencer

Ayez l'URL publique et nommez les pages les plus importantes. Décidez de ce que vous
attendez de cette passe : une liste de constats à remettre au responsable du code, ou des
correctifs appliqués directement. Seul le second cas nécessite que le site soit ouvert
comme projet Replit.

## Donner le prompt à l'agent

<AiPrompt>
  Audite mon site en ligne \[URL], un angle à la fois. Commence par les liens qui ne
  fonctionnent plus, puis la mise en page sur téléphone, puis l'accessibilité, puis
  les choix de design. Pour chaque constat, indique-moi la page, ce qui ne va pas
  et ce que tu changerais.
</AiPrompt>

## À quoi s'attendre

Agent traite les angles dans l'ordre que vous avez donné et indique ce qu'il a couvert :
les pages parcourues et les liens vérifiés. Chaque angle revient dans sa propre section.
Chaque constat nomme la page, le problème et la modification à apporter. L'audit se
termine par le correctif qu'Agent ferait en premier.

## Adaptez-le à vos besoins

<AiPrompt>
  Crée une routine qui s'exécute chaque lundi à 9 h 00. Ouvre chaque page de \[URL],
  vérifie que chaque lien fonctionne toujours et signale tout ce qui a changé
  depuis la semaine dernière. Publie les constats dans Slack et consigne-les dans
  Notion.
</AiPrompt>

<AiPrompt>
  Donne à chaque constat un niveau d'importance : bloque un visiteur, le ralentit
  ou purement cosmétique. Liste d'abord les points bloquants.
</AiPrompt>

## Dépannage

<AccordionGroup>
  <Accordion title="Les liens derrière un paiement ou une fenêtre modale n'ont pas été vérifiés">
    Un balayage atteint les liens présents dans la page rendue. Tout ce qui
    n'apparaît qu'après un formulaire, une fenêtre modale ou une étape de paiement
    demande sa propre passe.
  </Accordion>

  <Accordion title="Les constats de mise en page et d'accessibilité semblent maigres">
    Nommez les pages et la largeur d'écran que vous voulez voir vérifiées, au lieu
    de laisser Agent choisir l'échantillon. Commencez par les pages qui portent
    votre tâche principale.
  </Accordion>

  <Accordion title="Les retours sur le design sont génériques">
    Dites à quoi sert la page et à qui elle s'adresse. Sans l'objectif, une
    critique retombe sur des conseils de mise en page valables pour n'importe quel
    site.
  </Accordion>
</AccordionGroup>

## Voir aussi

<CardGroup cols={2}>
  <Card title="Refondre votre site web existant" href="/fr/use-cases/redesign-your-website">
    Quand l'audit montre que le problème est le design lui-même.
  </Card>

  <Card title="Créer votre design system" href="/fr/use-cases/create-design-system">
    Placez tout sous un seul système quand l'audit révèle des dérives.
  </Card>

  <Card title="SEO Agent" href="/fr/features/publishing/seo-agent">
    Pour une application Replit publiée, auditez l'exploration, les métadonnées et le balisage avec des correctifs en un clic.
  </Card>
</CardGroup>