İnternet otuz yıldır tek bir ziyaretçi profili düşünülerek inşa edildi: ekrana bakan, fareyi tıklayan ve sayfadaki renkleri, butonları gözleriyle anlamlandıran insanlar. Bir e-ticaret sitesindeki sepet butonunun yeri, bir SaaS panelindeki filtreleme menüsü ya da bir otel rezervasyon formu tamamen insan reflekslerine göre tasarlandı.
Ancak son dönemde web sitenizi ziyaret edenlerin önemli bir kısmı artık insan değil: Kullanıcıları adına işlem yapmak, fatura indirmek, randevu almak veya sipariş oluşturmak isteyen otonom yapay zeka (AI/SI) agent'ları.
Bugün bir agent sitenize geldiğinde yaşanan süreç hem kullanıcı hem de site sahibi için son derece verimsizdir. Agent sayfanın ekran görüntüsünü almaya çalışır, butonun nerede olduğunu piksel piksel tahmin etmeye uğraşır, web scraping yöntemleriyle karmaşık HTML blokları arasında kaybolur. Sitenizde yapacağınız ufacık bir görsel tasarım değişikliği bu kırılgan otomasyonların anında çökmesine yol açar.
Oysa web siteniz ne yapabileceğini zaten biliyor. Sitenizde bir arama motoru, bir randevu formu, bir sipariş akışı ve bir ödeme adımı zaten tıkır tıkır çalışıyor. Tek eksik, sitenizin bu mevcut yetenekleri yapay zekanın anlayabileceği ortak bir standartla dış dünyaya ilan etmemesidir.
Google ve Microsoft ekiplerinin W3C çatısı altında birlikte geliştirdiği WebMCP (Web Model Context Protocol), tam olarak bu ihtiyaca standart bir yanıt getiriyor.
Agent'lar Sitenizi Neden Anlamakta Zorlanıyor?
Bir yapay zeka agent'ının web sitenizde işlem yapabilmesi için bugüne kadar başvurulan yöntemler her zaman ciddi kısıtlarla geldi:
- Ekran görüntüsü (Vision) üzerinden işlem yapma: Agent sayfaya bir insan gibi bakar, pikselleri analiz eder ve tıklama koordinatları tahmin eder. Hem çok yavaştır hem de her adımda yüksek token maliyeti yaratır.
- Web Scraping ve DOM tarama: Agent arka plandaki karmaşık HTML kodlarını okuyarak butonları bulmaya çalışır. Sitenin CSS sınıfları veya şablonu değiştiği anda akış tamamen kırılır.
- Özel API geliştirmek: Site sahibi her özellik için ayrı bir REST/GraphQL API yazar ve anahtar dağıtır. Güvenilirdir ancak kurumsal web sitelerinin ve portalların büyük çoğunluğu için bu entegrasyonları sıfırdan kurup yaşatmak çok maliyetlidir.
WebMCP bu kırılganlığı kökten çözmek için yeni bir paradigma getiriyor: Sitenin ne yapabileceğini agent'ların tahmin etmesini beklemek yerine, sitenin kendi yeteneklerini tarayıcıya doğrudan ve yapılandırılmış şekilde bildirmesi.
WebMCP Ne Sağlıyor?
Nasıl ki geçmişte arama motorlarının sitenizi doğru indekslemesi için site haritaları (sitemap) ve yapısal veri (schema.org) etiketleri eklendiyse, WebMCP de sitenizin işlevsel yeteneklerini yapay zeka agent'ları için şeffaf kılar.
Siteniz tarayıcıya şu bilgileri doğrudan fısıldar:
- Hangi işlemleri yapabilirim: Örneğin ürün arama, randevu oluşturma veya sipariş durumu sorgulama.
- Bu işlem için benden hangi parametreler bekleniyor: Tarih, isim, kategori veya sipariş numarası gibi tipli alanlar.
- İşlem nasıl çalışır: Kullanıcı butona bastığında çalışan mevcut JavaScript fonksiyonu doğrudan tetiklenir.
Buradaki en büyük mühendislik avantajı şudur: Agent'lar için sıfırdan ayrı bir arka plan API sistemi kurmanız gerekmez. Sitenizde halihazırda çalışan formlar ve buton fonksiyonları doğrudan yapay zekanın çağırabileceği birer araca (tool) dönüştürülür.
// Mevcut bir aksiyonun yapay zeka agent'larına tanıtılması. Giriş noktası
// document.modelContext; navigator.modelContext diye bir şey yok.
const controller = new AbortController();
await document.modelContext.registerTool({
name: "randevu_olustur",
description: "Kullanıcı için belirtilen tarihte danışmanlık randevusu ayarlar.",
inputSchema: {
type: "object",
properties: {
ad_soyad: { type: "string", description: "Randevu kimin adına" },
tarih: { type: "string", description: "Randevu tarihi, YYYY-AA-GG" },
},
required: ["ad_soyad", "tarih"],
},
annotations: { readOnlyHint: false, consequentialHint: true },
// Mevcut handler'ınız, olduğu gibi.
execute: async ({ ad_soyad, tarih }) => randevuOlustur(ad_soyad, tarih),
}, { signal: controller.signal });
// unregisterTool() diye ayrı bir metot yoktur: signal'i iptal etmek (abort) temizleme ve devreden çıkarma sürecinin (teardown) ta kendisidir.
Bunun bir de bildirimsel (declarative HTML) biçimi bulunmaktadır; etiket öznitelikleri toolname, tooldescription, toolparamdescription ve toolautosubmit şeklindedir (data- öneki taşımaz). Standartların bu bölümü henüz taslak aşamasında olduğu için bugün en sağlam yol yukarıdaki JavaScript yöntemidir.
Yazılımcınızın sitenize ekleyeceği bu kadar yalın bir tanımlama ile tarayıcı, web formunu otomatik olarak akıllı bir araca çevirir. Sayfayı ziyaret eden bir yapay zeka agent'ı, formu doldurmak için ekranda buton aramak veya piksel avına çıkmak zorunda kalmaz; doğrudan bu aracı çağırarak işlemi saniyeler içinde hatasız tamamlar.
Oturum ve Güvenlik Avantajı
WebMCP mimarisinin kurumsal web uygulamaları için en kritik faydası güvenlik ve oturum yönetimidir.
Klasik API entegrasyonlarında kullanıcının şifresini veya API anahtarlarını harici sistemlerle paylaşması gerekirdi. WebMCP ise doğrudan kullanıcının kendi açık tarayıcı sekmesinde çalışır:
- Kullanıcı sitenizde zaten güvenli bir şekilde oturum açmıştır.
- Agent, kullanıcının o anki tarayıcı oturumu (cookie, session) ve yetkileri dahilinde işlem yapar.
- Hiçbir şifre veya hassas kimlik bilgisi harici sunuculara veya üçüncü parti modellere taşınmaz.
- Kritik işlemlerde (örneğin ödeme onayı veya kayıt silme), işlem doğrudan yürütülmek yerine ekranda kullanıcıya bir onay kutusu çıkarılabilir.
Böylece dizginler tamamen hem site sahibinin hem de kullanıcının elinde kalır.
Site Sahipleri İçin Ne Değişiyor?
Web sitenizi ya da SaaS platformunuzu bu yeni yaklaşıma hazırlamak size iki büyük koz kazandırır:
- Kusursuz Entegrasyon: Platformunuzu kullanan müşteriler kendi kişisel yapay zeka asistanlarını sitenizde sıfır sürtünmeyle çalıştırabilir. Müşteriniz asistanına "Sipariş durumumu kontrol et" ya da "Bu haftaki kullanım raporumu hazırla" dediğinde, asistan sitenizde tahmin yürütmeden doğrudan o işlevi çağırır.
- Sıfır Bakım Maliyeti: Web otomasyonlarının bakım yükü ortadan kalkar. Arayüz tasarımınızı veya buton renklerinizi her güncellediğinizde bozulan entegrasyonlarla uğraşmak zorunda kalmazsınız.
Botonom bu resmin neresinde?
Botonom, işletmelerin günlük operasyonlarını, veri analizlerini ve tekrar eden rutin işlerini otonom olarak yürüten bir yapay zeka agent platformu.
Bu standartları sadece anlatmakla kalmıyor, kendi platformumuzda bizzat uyguluyoruz. Canlıda: botonom.com bir WebMCP provider'ı. Agent kataloğumuz, yetenek listemiz, fiyatlandırma tablolarımız ve dokümantasyon aramalarımız; tarayıcınıza gelen bir agent'ın doğrudan çağırabileceği read-only tool'lar olarak tanımlı.
Test etmek isterseniz: WebMCP flag'iyle açtığınız bir Chrome'da, herhangi bir botonom.com sayfasının konsolunda (await document.modelContext.getTools()).map(t => t.name) çalıştırmanız yeterli.
Botonom'da bunun ne olduğunu, hangi tool'ların açık olduğunu, her birinin neyi cevapladığını ve neyi yapamadığını tek tek WebMCP dokümanımızda anlattık.
Hedefimiz: Madalyonun diğer yüzünü de tamamlamak; yani Botonom agent'larının tarayıcı üzerinden diğer web sitelerinin WebMCP tool'larını çağırabilmesi. Bugün agent'larımız sunucu tarafında çalışıyor. Ancak web siteleri yeteneklerini WebMCP ile deklare etmeye başladıkça; kamuya açık API'si bulunmayan kurumsal portallar, B2B sipariş panelleri ve tedarikçi ekranları da bu yoldan erişilebilir hale gelecek.
Özetle: Sitenizi agent çağına bugünden hazırlayabilirsiniz; biz kendi altyapımızda bu dönüşümü şimdiden tamamladık.
Sıkça Sorulan Sorular
WebMCP kullanmak için web sitemi baştan mı kodlamam gerekir?
Hayır. WebMCP sitenizdeki mevcut formların ve butonların arkasındaki JavaScript işlevlerini kullanır. Sitenizin görsel tasarımına veya altyapısına dokunmadan, sadece birkaç satırlık bildirim kodu ekleyerek sitenizi yapay zekaya hazır hale getirebilirsiniz.
Web siteme bu özelliği eklemek güvenlik açığı yaratır mı?
Hayır. Araçların hangi yetkilere sahip olacağına ve neleri yapabileceğine tamamen sitenizin kendi kaynak kodu karar verir. İşlemler kullanıcının açık tarayıcı sekmesinde çalıştığı için sisteme yetkisiz bir arka kapı (backdoor) açılmaz.
Klasik bir REST API varken bu sisteme neden ihtiyaç duyulsun?
REST API sistemleri sunucular arası haberleşme için harikadır ancak kullanıcının o anki aktif tarayıcı oturumunu taşımaz. WebMCP, kullanıcının bizzat giriş yaptığı web sayfasında çalıştığı için ek bir API anahtarı üretme veya karmaşık OAuth yetkilendirme altyapıları kurma zahmetini ortadan kaldırır.
Botonom bu tür web siteleriyle nasıl etkileşime girer?
Bugün Botonom bu mimarinin sağlayıcı tarafındadır: Sitemiz kendi yeteneklerini WebMCP ile tarayıcıya bildirir, kullanıcı agent'ları bunları doğrudan çalıştırabilir. Agent'larımızın harici sitelerin WebMCP araçlarını (tools) tarayıcı üzerinden otonom çağırması ise yol haritamızdaki bir sonraki adımdır.
