方法一：引入式

访问时直接读取MCP服务端的工具，所以这个方法是需要后端有对应服务支持，如：webmcp.js是支持库，data-mcp-url指向的是MCP服务端地址。

方法二：命令式

使用navigator.modelContext接口（Chrome浏览器或是Chromium内核的146版以上），这是jquery代码样式。

方法三：声明式

这是在前端代码的标签中添加WebMCP指定的特殊属性，可以让AI-Agent直接调用函数控制。

仔细检查并且完善安全性。

这是个至关重要的问题，由于是对外放权由AI操控，这难免会存在风险，但是如果能够完善安全限制，控制权限的范畴，那么就可以放心了，而且可以根据网站的性质，选择合适的方法，举例：引入式可以用于功能网站、命令式可以用于简易表单提交的网站、声明式可以用于常规的标准网站。

结语：不要重复或是叠加使用不同的WebMCP技术方法，会造成AI的错误以及混乱，甚至会导致破坏性，这就很不利于网站的GEO了，具体还需针对性的执行操作。