CELL AI DEVLOG

WebMCP 완전 가이드 — Google I/O 2026 발표, AI 에이전트가 웹사이트를 쓰는 방식이 바뀐다

AI 에이전트가 웹사이트를 쓸 때 지금까지는 눈 감고 버튼을 때려왔습니다. WebMCP는 웹사이트가 에이전트한테 직접 사용 설명서를 건네주는 표준입니다.핵심 요약→ WebMCP(Web Model Context Protocol) = AI 에이전트가 웹사이트를 구조적으로 사용할 수 있게 해주는 브라우저 표준 제안→ 2026년 2월 Chrome 146 Canary 플래그로 첫 공개 → 5월 Google I/O 2026에서 공식 발표, Chrome 149 Origin Trial 예정→ W3C Community Group Draft 상태 — 아직 정식 표준 아님, 하지만 방향성 명확→ 핵심 문제 해결: 기존 브라우저 에이전트는 DOM 스크래핑·스크린샷 분석으로 작동 → 오류율 높고 UI 변경에 취약→ WebMCP..

2010년대 초, 모바일 검색 트래픽이 올라오기 시작할 때 먼저 반응형 웹을 준비한 사이트는 이후 몇 년간 유리한 고지를 점했습니다. WebMCP는 그 분기점과 닮아 있습니다. SEO 전문가 Dan Petrovic은 WebMCP를 "구조화 데이터 이후 기술 SEO의 가장 큰 변화"라고 불렀습니다. 구조화 데이터가 "이 페이지가 무엇인지"를 AI에게 알렸다면, WebMCP는 "이 페이지에서 무엇을 할 수 있는지"를 알립니다. SEO → GEO → AEO로 이어지는 흐름의 끝에서, 웹사이트 전략의 기준이 어떻게 바뀌는지 실무 관점으로 정리했습니다.이 포스트 한 줄 요약 → SEO(검색 노출) → GEO(AI 인용) → AEO(에이전트 실행)로 최적화 패러다임 진화 중 → 구조화 데이터: "이 상품은 10만원..

1편에서 WebMCP가 왜 등장했는지, 어떤 표준화 흐름에 있는지 살펴봤습니다. 2편은 코드입니다. 실제로 어떻게 웹사이트에 에이전트용 도구를 심는지 — 테스트 환경 셋업부터 Declarative API, Imperative API, 보안 주의사항, React 연동까지 직접 구현 가능한 코드로 전부 정리했습니다.이 포스트 한 줄 요약 → 테스트 환경: Chrome 146+ Canary, chrome://flags → WebMCP for testing 활성화 → Origin Trial: Chrome 149부터 실제 도메인 트래픽 테스트 가능 (6월 2일~) → HTTPS 필수 — HTTP 페이지에서는 navigator.modelContext 미노출 → Declarative API: HTML 에 toolna..

AI 에이전트가 웹을 사용하는 방식은 지금까지 이랬습니다. 화면을 캡처하고, DOM을 파싱하고, 버튼이 어디 있을지 추측하고, 클릭하고, 다시 기다립니다. 느리고, 깨지기 쉽고, 디자이너가 클래스 하나만 바꿔도 망가집니다. 2026년 5월 19일 Google I/O에서 공개된 **WebMCP(Web Model Context Protocol)**는 이 구조를 근본부터 바꾸려는 시도입니다. 웹사이트가 에이전트에게 "이렇게 써달라"고 직접 말할 수 있는 표준입니다. Chrome 149 Origin Trial이 6월 2일 열리고, Microsoft가 공동 저자로 참여했으며, 이미 Expedia를 포함한 글로벌 브랜드가 실험 중입니다. 무엇이 왜 등장했는지, 어떤 구조이고, 어디까지 왔는지 정리했습니다.이 포스트..