Utilisez WebMCP pour créer des sites qui fonctionnent mieux avec les agents IA.
Premiers pas Rejoindre la phase d'évaluation

API WebMCP

Qu'est-ce que WebMCP et pourquoi est-ce important ?

Consulter la documentation

Définissez des outils WebMCP avec du code JavaScript standard pour exécuter des fonctions spécifiques au site, telles que la saisie de formulaires et la navigation sur le site.

Consulter la documentation

Transformez vos formulaires HTML standards en outils WebMCP en ajoutant des annotations.

Consulter la documentation

Ensemble, WebMCP et MCP aident les agents à accomplir des tâches personnalisées au nom des utilisateurs humains.

Consulter la documentation

Fonctionnement de WebMCP

En trois étapes seulement, votre site indique aux agents exactement ce qu'ils peuvent faire.
Découvrir l'API impérative
Étape 1

Votre site déclare les actions qu'un agent peut effectuer en tant qu'outils WebMCP. Chaque outil possède un nom, une description et un schéma JSON.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
Étape 2

Le navigateur collecte et présente ces outils à l'agent WebMCP de l'utilisateur, ainsi que l'URL, le titre et le champ d'application des autorisations d'origine de la page.

Votre site communique avec le navigateur, qui traduit pour l'agent.
Étape 3

L'agent voit un contrat, fournit des arguments structurés et votre code fait le reste. L'utilisateur est tenu informé pour l'autorisation et la confirmation. C'est plus rapide et plus fiable que l'actionnement.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

Optimiser votre site pour les agents

Créez des outils sécurisés qui répondent aux besoins de vos utilisateurs et aux capacités de votre site.

Consultez des exemples du point de vue d'un utilisateur et d'un agent pour comprendre les outils WebMCP à utiliser pour un parcours utilisateur critique (CUJ).

Consulter la documentation

Comme pour toute application logicielle, vous devez commencer par planifier votre stratégie d'outils.

Lire le document

Découvrez comment définir et créer des outils WebMCP utiles pour votre site Web ou application Web.

Lire la documentation

Consultez nos premières recommandations sur la sécurité pour les personnes qui créent des outils avec WebMCP.

Lire le document

Avant de publier les outils WebMCP, testez-les pour vous assurer que les agents savent quand les appeler, comment les exécuter et quelles réponses sont acceptables.

Lire le document

Créer avec des agents IA

Utilisez les conseils Web modernes avec vos agents de codage IA préférés pour accéder aux bonnes pratiques Web dans votre workflow préféré. 
npx modern-web-guidance@latest install
Consulter la documentation
Utilisez les conseils pour le Web moderne afin de créer des extensions plus rapidement, avec l'aide d'agents de codage.
Lire la documentation

Considérations de sécurité pour les développeurs d'agents

Les développeurs d'agents doivent concevoir des protections contre les textes malveillants provenant de contenus non fiables. Nous identifions certaines techniques de sécurité pertinentes pour les agents utilisant WebMCP.
Consulter nos conseils

Un assistant IA, directement dans votre navigateur. Identifiez les informations importantes, clarifiez des concepts et obtenez des réponses en fonction de vos onglets ouverts.

Gemini fonctionne dans toutes vos applications Google pour vous aider à être plus efficace au quotidien.

Découvrir Gemini dans Chrome

Présentation des agents IA

web.dev
Comprendre les principes de base et les définitions des différentes technologies émergentes, souvent appelées IA.
Lire la documentation
web.dev
En tant qu'utilisateurs du Web, il est essentiel que nous concevions de nouvelles technologies de manière réfléchie et responsable.
Lire la documentation
web.dev
Acquérir des connaissances de base sur l'IA pour ajouter des fonctionnalités à vos sites Web et applications Web.
Suivre le cours