ChatGPT Tambah Dukungan WebMCP: Website Bisa Punya Tool untuk AI Agent

ChatGPT Tambah Dukungan WebMCP: Website Bisa Punya Tool untuk AI Agent

ChatGPT WebMCP membuka cara baru bagi website untuk berinteraksi dengan AI agent. Alih-alih memaksa agent menebak tombol, field, dan alur antarmuka hanya melalui klik serta input visual, sebuah website kini dapat mengekspos action terstruktur yang bisa ditemukan dan digunakan langsung oleh ChatGPT ketika halaman tersebut sedang dibuka.

Perubahan ini dibahas dalam laporan Search Engine Journal tentang dukungan WebMCP di ChatGPT. Menurut laporan tersebut dan dokumentasi resmi OpenAI, site tools berbasis WebMCP tersedia melalui browser bawaan aplikasi desktop ChatGPT pada akun dan model yang mendukungnya.

WebMCP bukan pengganti website biasa. Pengguna tetap membuka halaman seperti normal. Bedanya, website dapat memberi agent sebuah “kontrak” terstruktur mengenai tindakan apa yang tersedia, parameter apa yang dibutuhkan, dan fungsi apa yang akan dijalankan. Ini membuat interaksi agentic berpotensi lebih deterministik dibanding hanya mengandalkan automation berbasis visual.

Daftar Isi
  1. Apa Itu WebMCP?
  2. Apa Bedanya WebMCP dengan MCP Biasa?
  3. Bagaimana ChatGPT Menggunakan Site Tools?
  4. Kenapa WebMCP Bisa Lebih Andal daripada Agent yang Hanya Klik UI?
  5. Bagaimana Developer Membuat Tool WebMCP?
  6. Apa Contoh Use Case WebMCP untuk Website Bisnis?
  7. 1. E-commerce
  8. 2. SaaS dashboard
  9. 3. Booking
  10. 4. Document management
  11. 5. Customer portal
  12. Apakah WebMCP Menggantikan Website UI?
  13. Apa Artinya Menjadi Website yang Agent-Friendly?
  14. Apa Risiko Keamanan WebMCP?
  15. Bagaimana ChatGPT Menangani Action Sensitif?
  16. Apa Prinsip Keamanan Saat Membuat WebMCP Tool?
  17. Apakah WebMCP Akan Mempengaruhi SEO dan Ranking?
  18. Apa Bedanya AI Visibility dan Agent Usability?
  19. Siapa yang Sudah Bisa Menggunakan WebMCP di ChatGPT?
  20. Apakah WebMCP Sudah Menjadi Standar W3C?
  21. Bagaimana Developer Bisa Mulai Mempersiapkan Website untuk WebMCP?
  22. Apa Contoh Arsitektur WebMCP yang Sehat?
  23. Apa Dampak WebMCP untuk Desain Website di Masa Depan?
  24. FAQ tentang ChatGPT WebMCP
  25. Apa itu ChatGPT WebMCP?
  26. Apakah WebMCP sama dengan MCP connector?
  27. Apakah WebMCP membuat website ranking lebih tinggi di AI search?
  28. Apakah WebMCP bisa menjalankan action yang mengubah data?
  29. Apakah semua website sudah mendukung WebMCP?
  30. Apakah WebMCP sudah menjadi standar final?
  31. Kesimpulan

Apa Itu WebMCP?

WebMCP adalah proposed web standard yang memungkinkan website menyediakan tool terstruktur secara langsung kepada AI agent yang berjalan di browser. Tool tersebut dapat digunakan untuk membaca data, menjalankan pencarian, mengisi form, mengubah state aplikasi, atau melakukan action lain yang memang disediakan website.

Konsepnya berkaitan dengan software agent, yaitu software yang dapat melakukan tindakan untuk membantu mencapai tujuan pengguna. Bedanya, WebMCP memberi website cara eksplisit untuk memberitahu agent: “ini action yang tersedia dan ini input yang dibutuhkan.”

Menurut dokumentasi Chrome, website dapat mendaftarkan tool yang memiliki nama, deskripsi, dan JSON schema. Browser kemudian mengekspos tool tersebut kepada agent yang kompatibel.

Secara konseptual alurnya seperti ini:

Website
   ↓
Register WebMCP Tool
   ↓
Browser membaca tool
   ↓
AI Agent menemukan capability
   ↓
User meminta tugas
   ↓
Agent mengirim structured arguments
   ↓
Website menjalankan action

Apa Bedanya WebMCP dengan MCP Biasa?

WebMCP berbeda dari Model Context Protocol berbasis server yang sudah lebih dulu digunakan untuk menghubungkan AI application dengan tool atau data eksternal.

Aspek

WebMCP

Server-Based MCP

Lokasi tool

Disediakan oleh webpage yang sedang dibuka

Disediakan oleh local atau remote MCP server

Konteks

Terkait halaman dan session browser saat ini

Dapat bekerja tanpa webpage tertentu terbuka

Discovery

Tool ditemukan dari halaman

Tool berasal dari connector/server yang dikonfigurasi

Use case

Interaksi langsung dengan website

Integrasi aplikasi, database, service, atau workflow eksternal

Search Engine Journal menekankan bahwa WebMCP tidak membutuhkan setup connector MCP terpisah untuk halaman yang menyediakan site tools. Tool tersedia ketika pengguna sedang berada di halaman terkait dan hilang ketika halaman ditutup.

Baca Juga:

Bagaimana ChatGPT Menggunakan Site Tools?

Dalam aplikasi desktop ChatGPT, pengguna dapat membuka browser bawaan lalu mengunjungi website yang mendukung site tools. Jika tool tersedia dan akun pengguna memiliki akses, indikator akan muncul di address bar.

Pengguna kemudian bisa meminta ChatGPT melakukan sesuatu seperti:

  • mencari dokumen;
  • mengedit file;
  • menjelajahi dashboard;
  • membandingkan pilihan perjalanan;
  • memperbarui shopping cart;
  • menjalankan action lain yang disediakan website.

Menurut dokumentasi resmi OpenAI, ChatGPT dapat menemukan tool yang sesuai secara otomatis. Namun tool tersebut tetap scoped ke webpage yang menyediakannya dan tidak otomatis berpindah ke halaman atau website lain.

Kenapa WebMCP Bisa Lebih Andal daripada Agent yang Hanya Klik UI?

Karena agent tidak harus menebak struktur interface. Pada automation visual biasa, agent harus mengidentifikasi tombol, label, menu, posisi field, dan perubahan state seperti pengguna manusia.

UI dapat berubah, tombol dapat berpindah, dialog dapat muncul, dan layout mobile atau desktop bisa berbeda. Semua itu menambah peluang kegagalan.

Dengan WebMCP, website dapat menyediakan interface terstruktur seperti:

{
  "name": "bookSlot",
  "description": "Reserve a consultation slot",
  "input": {
    "date": "2026-09-10",
    "time": "14:00",
    "name": "Pengguna",
    "email": "user@example.com"
  }
}

Agent tidak harus menebak field mana untuk tanggal dan mana untuk email. Ia mendapatkan schema yang menjelaskan input secara eksplisit.

Chrome menggambarkan pendekatan ini sebagai cara agar agent dapat menjalankan action dengan kecepatan, reliability, dan precision yang lebih tinggi dibanding hanya melakukan actuation terhadap UI.

Bagaimana Developer Membuat Tool WebMCP?

Dokumentasi Chrome menyediakan pendekatan imperative API menggunakan JavaScript. Website dapat mendaftarkan fungsi melalui interface document.modelContext.

Contoh konseptual yang disederhanakan:

document.modelContext.registerTool({
  name: "searchProducts",
  title: "Search products",
  description: "Find products matching user criteria",
  inputSchema: {
    type: "object",
    properties: {
      query: { type: "string" },
      maxPrice: { type: "number" }
    },
    required: ["query"]
  },
  execute: async (input) => {
    return await searchCatalog(input);
  }
});

Contoh ini bersifat ilustratif dan bukan kode production-ready. Authentication, authorization, validation, rate limiting, error handling, logging, dan security control tetap harus ditambahkan sesuai aplikasi.

WebMCP juga memiliki pendekatan declarative yang memungkinkan form HTML tertentu diberi annotation agar dapat digunakan sebagai tool tanpa harus membangun seluruh interaksi secara imperative.

Apa Contoh Use Case WebMCP untuk Website Bisnis?

WebMCP paling menarik untuk halaman yang memiliki user journey jelas dan membutuhkan action terstruktur.

1. E-commerce

Website dapat menyediakan tool untuk mencari produk, memfilter berdasarkan spesifikasi, mengecek variant, atau memperbarui cart.

Alih-alih agent harus membuka product listing, klik filter, memilih ukuran, lalu menekan tombol add to cart, website dapat menyediakan action yang secara eksplisit menerima parameter produk dan variant.

2. SaaS dashboard

Aplikasi dapat menyediakan tool untuk mencari record, mengubah status task, membuat report, atau membaca statistik tertentu sesuai permission pengguna.

3. Booking

Situs perjalanan atau appointment dapat mengekspos tool untuk mencari jadwal, mengecek availability, dan mengisi data reservasi.

4. Document management

Website dapat memberi tool untuk mencari dokumen, membaca metadata, atau menjalankan action editing yang telah disetujui pengguna.

5. Customer portal

Agent dapat membantu pengguna menemukan invoice, mengecek status order, atau memperbarui informasi tertentu tanpa menavigasi puluhan menu secara manual.

Apakah WebMCP Menggantikan Website UI?

Tidak. WebMCP menambah interface untuk agent, bukan menghapus interface manusia.

Website tetap perlu memiliki UI yang baik untuk pengguna biasa. WebMCP bekerja sebagai machine-facing capability layer yang berjalan bersama interface visual.

Ini mirip dengan bagaimana sebuah aplikasi dapat memiliki UI dan API secara bersamaan. Pengguna manusia menggunakan UI; software lain menggunakan API. WebMCP mencoba membawa konsep tool interface tersebut lebih dekat ke halaman web yang sedang digunakan agent.

Untuk product team, konsekuensinya menarik: sebuah user journey ke depan mungkin perlu didesain dalam dua bentuk sekaligus.

  • Human journey: tombol, form, menu, visual feedback.
  • Agent journey: structured tools, schema, permission, action result.

Apa Artinya Menjadi Website yang Agent-Friendly?

Website agent-friendly adalah website yang memungkinkan AI agent memahami capability dan menyelesaikan tujuan pengguna tanpa terlalu banyak menebak UI.

Chrome menyarankan developer memulai dari critical user journey, bukan sekadar mengekspos sebanyak mungkin fungsi sebagai tool.

Misalnya sebuah website konsultasi memiliki alur utama:

Cari layanan
→ cek slot
→ pilih waktu
→ masukkan kontak
→ booking konsultasi

Alih-alih membuat lima puluh tool kecil untuk setiap tombol, developer bisa memikirkan tool yang merepresentasikan tujuan pengguna secara logis.

Prinsip ini penting karena terlalu banyak tool yang tumpang tindih justru dapat membuat agent sulit memilih action yang benar.

Apa Risiko Keamanan WebMCP?

WebMCP menambah attack surface karena AI agent dapat menjalankan action pada website dalam session pengguna. Risiko menjadi lebih tinggi jika tool dapat mengubah data, melakukan transaksi, mengirim pesan, atau mengakses informasi pribadi.

Dokumentasi Chrome secara khusus menyoroti risiko prompt injection. Karena model memproses instruksi dan konten sebagai token, teks berbahaya dari halaman atau tool output dapat mencoba memengaruhi perilaku agent.

Beberapa risiko yang perlu diperhatikan:

  • malicious tool description;
  • prompt injection dari content halaman;
  • data exfiltration;
  • tool dengan permission terlalu luas;
  • parameter injection;
  • cross-origin access yang tidak tepat;
  • action destruktif tanpa konfirmasi.

Karena itu, WebMCP tidak boleh diperlakukan seperti shortcut untuk mengekspos backend function langsung ke model.

Bagaimana ChatGPT Menangani Action Sensitif?

Menurut dokumentasi OpenAI, site tools dapat bekerja dalam signed-in session pengguna. ChatGPT meminta izin sebelum berinteraksi dengan situs dan memberikan confirmation untuk action tertentu yang sensitif.

Contoh action yang membutuhkan perhatian lebih termasuk:

  • melakukan pembelian;
  • menghapus data;
  • mengubah account setting;
  • mengirim pesan;
  • membagikan informasi pribadi.

OpenAI juga menegaskan bahwa safety review pada tool invocation tidak menjamin website atau hasil tool sepenuhnya dapat dipercaya.

Jadi developer tetap bertanggung jawab menerapkan authorization dan validation di sisi aplikasi.

Apa Prinsip Keamanan Saat Membuat WebMCP Tool?

Tool harus menggunakan prinsip least privilege: berikan hanya capability yang benar-benar diperlukan untuk tugas tersebut.

  1. Validasi semua input. Jangan percaya structured argument hanya karena berasal dari agent.
  2. Gunakan permission yang sama dengan user. Agent tidak boleh mendapat akses melampaui session pengguna.
  3. Pisahkan read dan write action. Tool membaca data sebaiknya berbeda dari tool yang mengubah data.
  4. Konfirmasi action berisiko. Pembelian, penghapusan, dan pengiriman pesan perlu guardrail.
  5. Catat activity log. Action agent perlu dapat diaudit.
  6. Gunakan rate limiting. Cegah abuse atau loop request.
  7. Sanitasi tool output. Jangan meneruskan content tidak tepercaya tanpa kontrol.

Ini bukan daftar keamanan lengkap. Untuk production implementation, developer perlu mengikuti spesifikasi WebMCP terbaru, browser security guidance, dan threat model aplikasi sendiri.

Apakah WebMCP Akan Mempengaruhi SEO dan Ranking?

Belum ada dokumentasi yang menyatakan demikian. Ini adalah batas yang penting.

Search Engine Journal secara eksplisit menyebut bahwa dokumentasi WebMCP tidak menjelaskan pengaruhnya terhadap ranking, citation, recommendation, atau discoverability.

Jadi klaim seperti “pasang WebMCP agar ranking lebih tinggi di ChatGPT” belum memiliki dasar.

WebMCP saat ini lebih tepat dipahami sebagai teknologi agent interaction, bukan ranking signal.

Sebuah website dapat menjadi lebih mudah digunakan agent saat pengguna sudah berada di halaman tersebut, tetapi itu tidak otomatis membuat halaman lebih sering ditemukan atau direkomendasikan oleh AI search.

Apa Bedanya AI Visibility dan Agent Usability?

AI visibility menjawab apakah sebuah brand atau halaman ditemukan, disebut, atau dikutip. Agent usability menjawab apakah agent dapat menyelesaikan task dengan efektif setelah berada di website.

Aspek

AI Visibility

Agent Usability

Tujuan

Ditemukan atau disebut

Menyelesaikan task

Contoh

Brand masuk recommendation AI

Agent dapat booking atau update cart

Fokus

Content, entity, citation, retrieval

Tools, permissions, workflow

WebMCP

Belum terbukti menjadi ranking factor

Relevan langsung

Perbedaan ini membantu tim tidak mencampur strategi AEO dengan desain agentic application.

Siapa yang Sudah Bisa Menggunakan WebMCP di ChatGPT?

Menurut Search Engine Journal dan dokumentasi OpenAI saat artikel ini disusun, site tools tersedia melalui browser bawaan aplikasi desktop ChatGPT pada akun yang mendapatkan akses.

SEJ melaporkan bahwa dukungan ini membutuhkan GPT-5.6 Sol atau Terra, sementara GPT-5.6 Luna tidak mendukung WebMCP. Site tools juga disebut tidak tersedia pada workspace Enterprise dan Edu pada saat laporan diterbitkan.

Karena fitur ini masih dalam rollout dan WebMCP sendiri merupakan proposed standard yang terus berkembang, developer sebaiknya memeriksa dokumentasi resmi terbaru sebelum mengambil keputusan production.

Chrome juga menyediakan eksperimen WebMCP melalui experimental flag atau origin trial untuk developer yang ingin menguji implementasi.

Apakah WebMCP Sudah Menjadi Standar W3C?

Belum menjadi W3C Recommendation atau standar final. Search Engine Journal menyebut WebMCP sebagai experimental open standard, dan spesifikasinya berada dalam W3C Web Machine Learning Community Group, bukan Standards Track.

Chrome juga menyatakan API ini masih berada dalam active discussion dan dapat berubah.

Implikasinya: hindari membuat arsitektur bisnis kritis yang sepenuhnya bergantung pada detail API eksperimental tanpa abstraction layer dan fallback.

Bagaimana Developer Bisa Mulai Mempersiapkan Website untuk WebMCP?

Tidak perlu langsung mengubah seluruh aplikasi. Mulailah dari satu critical user journey yang paling bernilai.

  1. Pilih task yang jelas. Misalnya mencari produk, booking jadwal, atau menemukan dokumen.
  2. Definisikan input dan output. Jangan membuat tool dengan parameter ambigu.
  3. Hubungkan ke logic aplikasi yang sudah ada. Hindari menduplikasi business logic hanya untuk agent.
  4. Terapkan authorization. Tool harus mengikuti permission pengguna.
  5. Tambahkan confirmation untuk action sensitif.
  6. Uji error condition. Bagaimana jika item habis, slot penuh, atau data tidak valid?
  7. Sediakan fallback UI. Website tetap harus bisa digunakan tanpa agent.
  8. Monitor logs. Pantau tool invocation, failure rate, dan unexpected behavior.

Jika tim Anda sebelumnya membahas AI crawler, citation, atau website yang siap untuk Generative AI, artikel internal Google AI Mode Bisa Booking Hotel Langsung: Apa Dampaknya untuk Travel? dapat digunakan sebagai internal link silo setelah URL artikel sebelumnya diverifikasi.

Apa Contoh Arsitektur WebMCP yang Sehat?

Misalnya sebuah dashboard inventory sudah memiliki API internal untuk mencari stock.

Arsitektur ideal bukan membuat query database langsung dari tool WebMCP:

WebMCP Tool
    ↓
Application Service
    ↓
Authorization Check
    ↓
Existing Business Logic
    ↓
Database / External API

Dengan pola ini, WebMCP menjadi adapter baru di atas sistem yang sudah ada. Rule seperti akses tenant, validasi role, stock visibility, dan audit logging tetap menggunakan logic aplikasi yang sama.

Pendekatan ini lebih aman daripada membangun tool yang langsung mengeksekusi operasi database hanya berdasarkan argument dari agent.

Apa Dampak WebMCP untuk Desain Website di Masa Depan?

WebMCP menunjukkan bahwa website mulai memiliki audience baru: bukan hanya manusia dan crawler, tetapi juga agent yang menjalankan task atas nama manusia.

Selama bertahun-tahun developer mengoptimalkan website untuk dua interface:

  • visual interface untuk manusia;
  • machine-readable structure untuk search engine dan integration.

Agent menambahkan layer ketiga: actionable interface.

Website tidak hanya perlu bisa dibaca mesin. Website mulai perlu menjelaskan tindakan apa yang aman dan tersedia untuk dijalankan mesin.

Ini berpotensi mengubah banyak area product development, dari checkout dan booking hingga dashboard admin dan customer service portal.

FAQ tentang ChatGPT WebMCP

Apa itu ChatGPT WebMCP?

ChatGPT WebMCP adalah dukungan site tools berbasis proposed WebMCP standard yang memungkinkan ChatGPT menggunakan action terstruktur yang disediakan oleh webpage dalam browser bawaan aplikasi desktop.

Apakah WebMCP sama dengan MCP connector?

Tidak. WebMCP menyediakan tool langsung dari webpage yang sedang dibuka, sementara server-based MCP menghubungkan AI application ke local atau remote server dan dapat bekerja tanpa halaman web tertentu terbuka.

Apakah WebMCP membuat website ranking lebih tinggi di AI search?

Belum ada bukti atau dokumentasi yang menyatakan demikian. Dokumentasi saat ini tidak menghubungkan WebMCP dengan ranking, citation, recommendation, atau discoverability.

Apakah WebMCP bisa menjalankan action yang mengubah data?

Ya, jika website menyediakan tool tersebut dan permission pengguna mengizinkannya. Action sensitif tetap membutuhkan guardrail dan dapat memerlukan konfirmasi pengguna.

Apakah semua website sudah mendukung WebMCP?

Tidak. Website harus menyediakan site tools, browser dan model harus mendukung fitur tersebut, dan akses juga bergantung pada rollout akun.

Apakah WebMCP sudah menjadi standar final?

Belum. Saat ini WebMCP masih berupa proposed dan experimental web standard yang sedang dikembangkan dan dapat berubah.

Kesimpulan

ChatGPT WebMCP menandai pergeseran penting dari browser automation berbasis klik menuju website yang secara eksplisit menyediakan tool untuk AI agent. Website dapat mendefinisikan action, input schema, dan logic yang dapat digunakan ChatGPT dalam session pengguna.

Manfaat utamanya berada pada reliability dan agent usability. Agent tidak harus menebak interface untuk setiap task. Namun kemampuan ini juga membawa risiko baru seperti prompt injection, data exfiltration, excessive permission, dan action destruktif yang membutuhkan desain keamanan serius.

Yang tidak kalah penting: belum ada dokumentasi yang menyatakan WebMCP meningkatkan ranking, citation, atau AI search visibility. Jadi teknologi ini sebaiknya diposisikan sebagai bagian dari arsitektur agent-friendly website, bukan shortcut SEO.

Jika bisnis Anda ingin mengevaluasi WebMCP, agentic workflow, integrasi AI ke web application, atau desain website yang lebih siap digunakan AI agent, Anda dapat diskusikan kebutuhan teknologi bisnis kamu bersama tim teknis.

Punya Proyek di Pikiran?

Yuk bangun sesuatu yang keren bareng.

Hubungi Kami →
Bagikan
Artikel Sebelumnya

Google AI Mode Bisa Booking Hotel Langsung: Apa Dampaknya untuk Travel?

Artikel Selanjutnya

Aplikasi ERP: Apa Itu, Cara Kerja, dan Kapan Bisnis Anda Butuh

Artikel Terkait

Product Pages Mendominasi AI Citation: Apa Artinya untuk B2B?

20 September 2026

Product Pages Mendominasi AI Citation: Apa Artinya untuk B2B?

Masuk ChatGPT Itu Mudah, Checkout AI Agent Justru Tantangan Besarnya

18 September 2026

Masuk ChatGPT Itu Mudah, Checkout AI Agent Justru Tantangan Besarnya

Markdown untuk AI SEO: Benarkah Membantu Citation dan Crawling?

20 September 2026

Markdown untuk AI SEO: Benarkah Membantu Citation dan Crawling?

Komentar

Ada pertanyaan atau masukan? Tulis di kolom komentar!

Tulis komentar