Yapay zeka ajanlarıyla daha iyi çalışan siteler oluşturmak için WebMCP'yi kullanın.

WebMCP API'leri

Form girişi ve sitede gezinme gibi siteye özgü işlevleri yürütmek için standart JavaScript ile WebMCP araçları tanımlayın.

Belgeyi okuyun

Ek açıklamalar ekleyerek standart HTML formlarınızı WebMCP araçlarına dönüştürün.

Belgeyi okuyun

WebMCP ve MCP, temsilcilerin kullanıcılar adına kişiselleştirilmiş görevleri gerçekleştirmesine yardımcı olur.

Belgeyi okuyun

WebMCP'nin işleyiş şekli

Siteniz, yalnızca üç adımda temsilcilere tam olarak ne yapabileceklerini söyler.
1. Adım

Siteniz, temsilcinin gerçekleştirebileceği işlemleri WebMCP araçları olarak bildirir. Her aracın bir adı, açıklaması ve JSON şeması vardır.

// 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);
  }
});
2. Adım

Tarayıcı, bu araçları toplar ve sayfanın URL'si, başlığı ve kaynak izni kapsamıyla birlikte kullanıcının WebMCP'den haberdar aracısına sunar.

Siteniz, tarayıcıyla iletişim kurar. Tarayıcı da müşteri temsilcisi için çeviri yapar.
3. Adım

Temsilci bir sözleşme görür, yapılandırılmış bağımsız değişkenler sağlar ve kodunuz gerisini halleder. Kullanıcı, izin ve onay için bilgilendirilir. Etkinleştirmeden daha hızlı ve daha güvenilirdir.

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

Sitenizi temsilciler için optimize etme

Kullanıcınızın ihtiyaçlarına ve sitenizin özelliklerine uygun güvenli araçlar oluşturun.

Kritik kullanıcı yolculuğunu (CUJ) desteklemek için hangi WebMCP araçlarının kullanılacağını anlamak üzere kullanıcı ve temsilci perspektifinden örnekleri okuyun.

Belgeyi okuyun

Herhangi bir yazılım uygulamasında olduğu gibi, ilk adımınız araç stratejinizi planlamak olmalıdır.

Belgeyi okuyun

Web siteniz veya web uygulamanız için yararlı olan WebMCP araçlarını nasıl tanımlayıp oluşturabileceğinizi öğrenin.

Belgeyi okuyun

WebMCP ile araç geliştirenler için güvenlik konusundaki ilk rehberimizi okuyun.

Belgeyi okuyun

WebMCP araçlarını yayınlamadan önce test ederek temsilcilerin aracı ne zaman çağıracaklarını, nasıl çalıştıracaklarını ve hangi yanıtların kabul edilebilir olduğunu anladıklarını doğrulayın.

Belgeyi okuyun

Yapay zeka sistemleriyle geliştirme

Modern Web Rehberi'ni favori yapay zeka kodlama temsilcilerinizle kullanarak tercih ettiğiniz iş akışında web ile ilgili en iyi uygulamalara erişebilirsiniz.
npx modern-web-guidance@latest install
Kodlama temsilcilerinin yardımıyla uzantıları daha hızlı oluşturmak için Modern Web Rehberi'ni kullanın.

Aracı geliştiriciler için güvenlik hususları

Aracı geliştiriciler, güvenilmeyen içeriklerden gelen kötü amaçlı metinlere karşı koruma önlemleri tasarlamalıdır. WebMCP kullanan aracılarla ilgili bazı güvenlik tekniklerini tanımlarız.

Yapay zeka desteği doğrudan tarayıcınızda. O an bulunduğunuz sayfanın bağlamına göre belirlenen önemli noktaları öğrenin, kavramların açıklamalarına ve sorularınızın yanıtlarına ulaşın.

Gemini, Google uygulamalarınızda çalışarak günlük işlerinizi daha verimli ve hızlı bir şekilde tamamlamanıza yardımcı olur.

Yapay zeka temsilcileriyle tanışın

Genellikle yapay zeka olarak adlandırılan gelişen çeşitli teknolojilerin temellerini ve tanımlarını öğrenin.
Web uygulayıcıları olarak, yeni teknolojileri düşünceli ve sorumlu bir şekilde geliştirmemiz çok önemlidir.
Web sitelerinize ve web uygulamalarınıza özellik eklemek için yapay zeka hakkında bilgi temeli oluşturun.