WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Yayınlanma tarihi: 18 Mayıs 2026

WebMCP, yapay zeka ajanları için yapılandırılmış araçlar oluşturmanıza ve bunları kullanıma sunmanıza yardımcı olmak üzere önerilen bir web standardıdır. WebMCP, JavaScript sağlar ve HTML form öğelerine açıklama ekler. Böylece, kullanıcı deneyimini desteklemek için temsilciler sayfa özellikleriyle nasıl etkileşimde bulunacaklarını tam olarak bilir. Bu, aracı etkinleştirmenin performansını ve güvenilirliğini önemli ölçüde artırabilir.

Yapay zeka aracıları yeni bir teknolojidir. Bu modeller, kullanıcıların karmaşık ve teknik görevleri daha iyi tamamlamasına yardımcı olabilir. WebMCP, ajan tabanlı görevlerin tamamlanması konusunda daha yüksek doğruluk sunar ve progresif geliştirme olarak eklenebilir.

Neden WebMCP?

WebMCP, etkileşim kuralları sağlayarak web uygulamaları ile aracılar arasındaki boşluğu doldurmanıza yardımcı olabilir. Böylece verimliliği, güvenilirliği ve görev tamamlama oranını artırır. Bir öğenin (ör. düğme veya alan) amacını anlamak için bir temsilci tarafından incelenmesi yerine, web sitesi öğenin amacını bildirir. Böylece öğe doğru şekilde kullanılır.

Bu, çok sayıda adımı olabilen ve her adımı temsilcinin yorumuna açık bırakan harekete geçirme işleminden daha güvenilirdir.

Web siteleri, bir araç tanımlayarak arama veya satın alma gibi açık bir amaç paylaşabilir. Bu araçlar, web sayfanızda görünür şekilde çalışır. Böylece kullanıcılar, görevlerin beklendiği gibi tamamlandığına dair güven kazanır. Bu sayede markanız ve insan odaklı tasarım seçimleriniz de korunur.

WebMCP'nin desteklediği özellikler:

  • Keşif: Sayfaların, checkout veya filter_results gibi aracıları araçlara kaydetmesinin standart bir yoludur.
  • JSON Şemaları: Halüsinasyonları veya yanlış anlaşılmaları azaltmak için girişlerin ve beklenen çıkışların açık tanımları.
  • Durum: Mevcut sayfa bağlamıyla ilgili ortak bir anlayış. Böylece aracı, anlık olarak hangi kaynakların kullanılabileceğini bilir.

Amacımız, kullanıcılarınızın görevleri daha kolay tamamlayabilmesi için, ajan tabanlı yeteneklere sahip herhangi bir tarayıcının uygulayabileceği ve yararlanabileceği API'ler oluşturmaktır. Bu süreci GitHub'da takip edebilirsiniz.

Kullanım alanları

WebMCP'yi web'de kullanmanın birçok yolu vardır. Örneğin:

  • Müşterilerinizin destek almasına yardımcı olun. Müşterilere yazılım sağlıyorsanız birçok farklı soruyu yanıtlamak için karmaşık bir destek akışınız olabilir. Bir temsilcinin doğru forma daha hızlı gitmesine ve alanları kullanıcı tarafından sağlanan bilgilerle doldurmasına yardımcı olmak için WebMCP'yi kullanabilirsiniz.
  • Seyahat rezervasyonunu iyileştirme. Acentelerin, karmaşık, birden fazla şehirli ve çok yolculu seyahatleri daha az adımla rezerve etmesine yardımcı olun.

Satın alma gibi bazı işlemler hassas olabilir. Kullanıcı etkileşimi için onay iletişim kutusu isteğinde bulunan bir komut ekleyebilirsiniz.

Pratik anlamda, araçlarınız aşağıdaki görevleri tamamlayabilir:

  • Yapılandırılmış formları doldurma: Temsilcilerin, kullanıcıyla yapılan görüşmeden toplanan verileri form alanlarıyla doğru şekilde eşlemesine yardımcı olacak bir submit_application aracı oluşturun. Örneğin, bir alanın tam ad mı yoksa ayrı ad ve soyadı mı gerektirdiğini ayırt edebilirsiniz.
  • İnsan odaklı arayüzlerde müşteri temsilcisi etkileşimlerini destekleme: Belirli alanlar insan kullanıcılar için tasarlanmıştır ancak müşteri temsilcileri tarafından anlaşılmayabilir. Rezervasyon veya etkinlik kaydında karmaşık tarih ve saat seçimine olanak tanıyan bir date_pick aracı oluşturabilirsiniz.
  • Daha hızlı uygulama hata ayıklama: Geliştirici ayarları sayfasında run_diagnostics aracı oluşturabilirsiniz. Böylece bir temsilci, iç içe geçmiş menülerin arkasında gizli olan düzeltmeleri tetikleyebilir.

Kullanım alanınız eksik mi? WebMCP ile ilgili paylaşmak istediğiniz heyecan verici bir fikriniz mi var? Erken erişim programına katılın ve geri bildiriminizi paylaşın.

Başlayın

WebMCP, yerel geliştirme için bir Chrome flag'i olarak kullanılabilir. Chrome 149'da kaynak denemesi olarak kullanıma sunulacaktır.

WebMCP'yi yerel olarak etkinleştirmek için:

  1. Chrome'u açıp chrome://flags/#enable-webmcp-testing simgesine gidin.
  2. İşareti Etkin olarak ayarlayın.
  3. Değişiklikleri uygulamak için Chrome'u yeniden başlatın.

WebMCP API'lerini kullanma

Web sitesi araçlarınızı ayarlamak için kullanabileceğiniz iki API vardır:

  • Imperative API: Form girişi, gezinme araçları, durum yönetimi veya diğer işlevler gibi farklı araç türlerini standart JavaScript ile tanımlayın.
  • Bildirimsel API: WebMCP aracı oluşturmak için standart HTML formlarına ek açıklamalar ekleyin.

Sınırlamalar

WebMCP, karmaşık görevleri müşteri temsilcileri ve kullanıcılar için basitleştirmeyi amaçlasa da bazı sınırlamaları vardır:

  • Göz atma bağlamı gerekir: Araç çağrıları JavaScript'te işlendiğinden görünür bir arayüz ve tarayıcı bağlamı sağlamak için bir tarayıcı sekmesi veya WebView açılmalıdır. Başka bir deyişle, başsız durumda araçları çağırmak için aracı veya yardımcı araç desteği yoktur.
  • Karmaşık arayüzler için daha fazla ek yük: Siteniz çok karmaşıksa uygulama ve arayüz durumunu işlemek için büyük olasılıkla yeniden düzenleme yapmanız veya JavaScript eklemeniz gerekir.
  • Aracın bulunabilirliği: Müşteriler ve tarayıcılar, çağrılabilir araçlar olup olmadığını öğrenmek için siteyi doğrudan ziyaret etmelidir.

Demo

Hem zorunlu hem de bildirimsel uygulamaları kapsayan demoların örnekleri mevcuttur:

Ayrıca, demo kaynak kodunu GitHub'da inceleyip keşfedebilirsiniz.

Müşteri temsilcisiyle sohbeti, inceleme uzantısıyla taklit etme

Bir aracı test etmek ve WebMCP araçlarının canlı demolar veya kendi uygulamalarınızda nasıl çalıştığını görmek için Model Context Tool Inspector uzantısını yükleyin. Bir aracının WebMCP araçlarıyla doğru şekilde etkileşim kurup kuramayacağını görmek için doğal dil istemleri girebilirsiniz.

Uzantıyla yapabilecekleriniz:

  • navigator.modelContext API'yi izleyerek bir sayfada hangi araçların kayıtlı olduğunu görebilirsiniz.
  • Araçları manuel olarak çağırın ve işlevleri yürütün.
  • JSON şemanızın doğru şekilde tanımlandığını ve tarayıcının verileri aracın beklediği gibi ayrıştırabildiğini doğrulayın.
  • Aracınız tarafından döndürülen yapılandırılmış çıkışı veya hata mesajlarını görüntüleyerek net bir şekilde yazıldıklarından ve doğru biçimlendirildiklerinden emin olun. Böylece bir temsilci bunları anlayabilir.

Uygun WebMCP araçlarını doğru şekilde tanımlayıp çağırıp çağıramadığını görmek için doğal dili kullanarak ajanla konuşun. İstemleriniz varsayılan olarak gemini-3-flash-preview modeline gönderilir.

Etkileşim kurma ve geri bildirim paylaşma

WebMCP aktif olarak tartışılmaktadır ve gelecekte değişebilir. Bu API'leri denerseniz geri bildiriminizi bizimle paylaşmanızı rica ederiz.