상담사 친화적인 웹사이트
WebMCP를 사용하여 AI 에이전트와 더 잘 작동하는 사이트를 빌드하세요.
WebMCP 작동 방식
단 3단계만으로 사이트에서 에이전트가 할 수 있는 작업을 정확하게 알려줍니다.
1단계
사이트에서 도구를 등록함
사이트에서 에이전트가 수행할 수 있는 작업을 WebMCP 도구로 선언합니다. 각 도구에는 이름, 설명, JSON 스키마가 있습니다.
// 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단계
브라우저에서 이를 노출합니다.
브라우저는 페이지의 URL, 제목, 출처 권한 범위와 함께 이러한 도구를 사용자의 WebMCP 인식 에이전트에 수집하여 표시합니다.
3단계
에이전트가 빠르고 안정적으로 조치를 취함
에이전트는 계약을 확인하고 구조화된 인수를 제공하며 나머지는 코드가 처리합니다. 사용자는 권한 및 확인을 위해 계속 참여합니다. 작동보다 빠르고 안정적입니다.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
상담사를 위한 사이트 최적화
사용자의 요구사항과 사이트의 기능에 맞는 안전한 도구를 만드세요.
WebMCP를 사용해야 하는 경우
사용자와 에이전트의 관점에서 예를 읽고 중요한 사용자 여정 (CUJ)을 지원하는 WebMCP 도구를 파악합니다.
WebMCP 전략 계획하기
다른 소프트웨어 애플리케이션과 마찬가지로 첫 번째 단계는 도구 전략을 계획하는 것입니다.
효과적인 도구 만들기
웹사이트 또는 웹 애플리케이션에 유용한 WebMCP 도구를 정의하고 빌드하는 방법을 알아보세요.
WebMCP 도구 보안
WebMCP로 도구를 빌드하는 사용자를 위한 초기 보안 가이드를 읽어보세요.
AI 에이전트로 빌드
최신 웹 안내
선호하는 워크플로에서 웹 권장사항에 액세스할 수 있도록 즐겨 사용하는 AI 코딩 에이전트와 함께 최신 웹 가이드를 사용하세요.
npx modern-web-guidance@latest install
코딩 에이전트로 확장 프로그램 빌드
최신 웹 가이드를 사용하여 코딩 에이전트의 도움을 받아 확장 프로그램을 더 빠르게 빌드하세요.
에이전트 개발자를 위한 안전 고려사항
에이전트 개발자는 신뢰할 수 없는 콘텐츠의 악성 텍스트에 대한 보호 조치를 설계해야 합니다. Google에서는 WebMCP를 사용하는 에이전트와 관련된 몇 가지 보안 기술을 식별합니다.
Chrome의 Gemini를 만나 보세요
브라우저에서 바로 AI 어시스턴스를 사용하세요. 열린 탭의 맥락에 기반하여 핵심 내용을 파악하고, 개념을 명확히 이해하고, 답변을 찾아 보세요.
Gemini는 Google 앱 전반에서 작동하여 하루를 효율적으로 보낼 수 있도록 도와줍니다.