Web sitenizi ajanlara hazır hale getirmek için geliştirici araç seti

Kasper Kulikowski

Michael Hablich

Yayınlanma tarihi: 22 Haziran 2026

Yapay zeka aracıları yalnızca metin oluşturmaktan web sitenizde gezinmeye, etkileşime girmeye ve karmaşık görevleri tamamlamaya doğru evrildikçe geliştiricilerin, bu insan olmayan kullanıcılar için yüksek kaliteli bir deneyim sağlamak üzere özel araçlara ihtiyacı olacak. Yeni Lighthouse Agentic Browsing kategorisi, Chrome Geliştirici Araçları'ndaki geliştirmelerle birlikte, aracıya hazır web siteleri oluşturmanıza yardımcı olacak deterministik denetimler ve bir test çerçevesi sunar.

Ajan odaklı web'e geçiş iki ana aşamadan oluşur: Ajanların web'de arama yapması ve web'i kullanması.

Temsilciler yalnızca web sitelerini aradığında arama motoru optimizasyonu (SEO) ilkeleri geçerliliğini korur. Bu blog yayınında, bir aracı doğrudan web sitesiyle etkileşimde bulunduğunda geliştiricilerin yapabileceği çalışmalara odaklanıyoruz.

Ajan için hazır web sitenizi denetleme, iyileştirme ve hatalarını ayıklama

Yapay zeka aracısının sitenizdeki bir akışı (ör. randevu alma veya sipariş verme) güvenilir bir şekilde tamamlayabilmesi için tahmin edilebilir ve makine tarafından okunabilir sinyallere ihtiyacı vardır. Bu hazırlığı değerlendirmenize ve iyileştirmenize yardımcı olacak araçları aşağıda bulabilirsiniz.

Web sitenizin yapay zeka destekli okumaya uygunluğunu denetleme

Lighthouse'taki yeni Agentic browsing category (Agent destekli tarama kategorisi), M150 sürümünden itibaren kullanılabilir. Bu kategori, geliştiricilere web sitelerinin ne kadar agent dostu olduğunu değerlendirmek için bir dizi deterministik denetim sunarak yeni sektör standartlarının benimsenmesini teşvik eder.

• Denetimlerde kontrol edilenler: Denetimler, makine etkileşimi için kritik öneme sahip üç temel alana odaklanır:

  • Erişilebilirlik: Erişilebilirlik öncelikle insanlar içindir. Aracılar, yardımcı teknoloji (AT) için DOM'dan türetilen erişilebilirlik ağacını birincil veri modeli olarak kullanır. Agentic Browsing denetimi, Erişilebilirlik denetimindeki makine etkileşimi için kritik olan bir kategori alt kümesini doğrular. Örneğin, her iki denetleme de her etkileşimli öğenin programatik bir adı olduğunu doğrular. Düzgün biçimlendirilmiş bir erişilebilirlik ağacı, yapay zeka ajanlarının sayfanızı anlamasının temel yoludur.
  • Kararlılık: Öğelerin beklenmedik şekilde hareket etmemesini sağlamak için Cumulative Layout Shift (CLS) kullanarak görsel kararlılığı ölçer ve temsilcinin yanlış tıklamalarını önler.
  • WebMCP entegrasyonu: Kayıtlı WebMCP araçlarının kullanılabilirliğini, bildirimsel WebMCP'nin eksik olduğu formları ve şema geçerliliğini kontrol eder. WebMCP'yi kullanmak, temsilcilerin sitenizin mantığını ve formlarını açıkça göstermesine yardımcı olarak etkileşimi güvenilir hale getirir.

• Puan: Diğer Lighthouse kategorilerinin aksine, yayınlandığı sırada Agentic Browsing bilgilendiricidir ve karşılaştırma yapılmamıştır. Burada kesin bir sıralama yerine, uygulanabilir sinyaller (geçti veya başarısız durumu ve uyarılar) sağlamaya odaklanılır.

Belirli denetleme kontrolleri ve iyileştirme için yapabilecekleriniz hakkında daha fazla bilgi edinmek istiyorsanız Lighthouse için aracıya göz atma denetimleri dokümanlarına bakın.

Temsilci ile web sitesi arasındaki etkileşimleri daha hızlı ve güvenilir hale getirme

WebMCP, mevcut web sitelerindeki yapı araçlarını yapay zeka ajanlarına sunmayı amaçlayan, ajan etkileşimlerini hızlandıran ve basitleştiren bir standart önerisidir. Uygulama hakkında daha fazla bilgi için WebMCP hakkında bilgi edinin başlıklı makaleyi inceleyin.

Tercih ettiğiniz kodlama aracını kullanarak en yeni özellikleri uygulayın

Modern Web Rehberi, geliştiricilerin aracıya hazır web siteleri oluşturmasına yardımcı olacak bir dizi en iyi uygulama ve beceri sunar. WebMCP araçlarının uygulanmasını kodlama aracınıza devretmenize olanak tanıyan webmcp becerisini içerir. Modern Web Rehberi'ni geliştirme iş akışınıza entegre ederek uygulamanızın modern ve ajan dostu standartlara uygun şekilde sıfırdan oluşturulmasını sağlayabilirsiniz. Daha fazla bilgi edinmek için Modern Web Rehberi belgelerine bakın.

Chrome Geliştirici Araçları ile web sitenizi test etme ve hatalarını ayıklama (aracılar için)

Ayrıntılı hata ayıklama ve yinelemeli geliştirme için Chrome Geliştirici Araçları for Agents, benzersiz bir test kişiliği sunar. Bu sayede, kendi yapay zeka destekli IDE'nizi veya kodlama aracınızı bir göz atma aracına dönüştürerek yüksek düzeyde kontrol elde edebilirsiniz.

Temsilciler için Geliştirici Araçları ile şunları yapabilirsiniz:

• Temsilci etkileşimini simüle etme: Bir temsilcinin atacağı adımları tam olarak simüle edebilir, hataları yeniden oluşturmak ve web sitenizin akışlarının belirleyici olduğunu doğrulamak için etkili bir şekilde "kullanıcı (veya temsilci) olabilirsiniz".
• Doğrudan Lighthouse çağrısı: Test ortamınız, etkin sekmede lighthouse_audit aracını doğrudan çağırabilir. Bu sayede, sayfanın mevcut durumuna göre anında çok kategorili bir durum denetimi yapılır. Böylece, düzeltmeleri Agentic Browsing standartlarına göre yinelemeli olarak doğrulayabilirsiniz.
• Ekran kaydı ve hata ayıklama: Araç, ayrıntılı günlük kaydı ve ekran kaydı özellikleri sunar. Böylece, temsilcinin sayfayı tam olarak nasıl algıladığını ve sayfayla nasıl etkileşimde bulunduğunu görebilirsiniz. Bu, erişilebilirlik ağacı gibi, aracı şaşırtabilecek bazı makine tarafından okunabilir sinyalleri ortaya çıkarır.

Bu sayede, dağıtımdan önce insan olmayan kullanıcılar için yüksek kaliteli bir deneyim sağlayabilirsiniz.

Chrome Geliştirici Araçları'nın Ajanlar için özellikleri ve yapılandırması hakkında daha fazla bilgi edinmek için GitHub depomuza göz atın.

Aşağıdaki Chrome Geliştirici Araçları yapılandırma örneği, Chrome Canary'ye bağlanır.~/.gemini/config/mcp_config.json

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

Örnek sorguyu kullanın: "Chrome Geliştirici Araçları MCP'yi kullanarak https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ adresine git ve 10 mantar ve 2 dolmalık biber içeren bir pizza oluştur. Yaptıklarının ve çağırdığın araçların özetini ver."

Temsilciye hazır olma Lighthouse denetimi yapmak için Temsilci Geliştirici Araçları'nı da kullanabilirsiniz:

"Chrome Geliştirici Araçları MCP'yi kullanarak https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname adresinde bir Lighthouse denetimi yapmak istiyorum. Bana tam bir özet ver."

Sırada ne var?

Katkıda bulunmak ve tartışmaya katılmak için resmi Lighthouse deposuna bakın.

WebMCP hakkında daha fazla bilgi için WebMCP dokümanlarına bakın. Modern Web Rehberi hakkında daha fazla bilgi için Modern Web Rehberi belgelerine bakın. Web sitenizi üretken yapay zeka için optimize etme hakkında daha fazla bilgi edinmek için Web sitenizi Google Arama'daki üretken yapay zeka özellikleri için optimize etme başlıklı makaleyi inceleyin.