近期 Lighthouse 13.3 版本正式更新,新增智能体浏览检测分类,从无障碍访问树、llms.txt 规范、WebMCP 协议、页面布局偏移四大维度校验网站对 AI 智能体的适配能力。对于WordPress、Shopify搭建的外贸独立站而言,优化该项指标可提升谷歌 AI 抓取效率,改善站点收录与自然排名,助力企业在海外推广中获取更多精准询盘。

Lighthouse新增智能体浏览模块

一、什么是智能体浏览分类

Lighthouse 长期以来核心定位是网页性能测试工具,同时也配套多项网站质量检测,涵盖网页无障碍访问、搜索引擎优化、网页开发最佳实践等维度。

本次新增的智能体浏览分类,会执行多项检测,判断AI智能体能否顺畅与你的跨境电商网站交互。

Lighthouse 报告里的智能体浏览模块会检测以下四项内容:

1、网站无障碍访问树结构是否规范完整

2、页面渲染后是否出现内容偏移

3、WebMCP 协议是否正确部署

4、llms.txt 文件是否符合规范要求

两项重要说明

1、智能体浏览分类目前仍处于开发测试阶段。网站该如何优化才能适配AI智能体高效访问,行业内尚未形成统一、明确的标准。

2、即便没有接入任何AI相关新功能,也不会判定该项检测不合格。例如示例站点 example.com 就拿到了2/2的满分绿色达标评级。

如何查看网站的智能体浏览得分

可以通过在线工具检测网站,也能在本地设备运行 Lighthouse 完成测试。目前网页速度洞察(PageSpeed Insights)与Chrome开发者工具仍搭载旧版Lighthouse,但未来数月内会完成版本更新。

本地电脑运行检测

在本地终端使用 Lighthouse 命令行工具检测:

1、安装最新版 Lighthouse:

`npm install -g lighthouse@latest`

2、执行检测示例:

`lighthouse --view https://web.dev/`

搭建适配AI智能体的网站

谷歌近期发布了适配AI智能体网站的官方指南,Lighthouse 新增检测项与指南内的优化建议高度重合。这份指南有一个核心要点:AI智能体会通过多种形式读取、解析网站内容,包括页面截图、HTML源码、无障碍访问树。

智能体浏览分类具体检测哪些内容

Lighthouse 能识别出哪些AI智能体访问障碍?该分类整合了原有报告数据与多项全新检测规则。

1、无障碍访问树结构不规范

无障碍访问树是网页页面结构的简化语义模型,屏幕阅读器与AI智能体都会依赖它解析页面。这项检测基于Lighthouse原有无障碍检测规则开发。

相比完整HTML代码、网站截图,AI智能体解析无障碍访问树的效率更高。

无障碍访问树结构异常

规范完整的无障碍访问树,能帮助AI智能体顺畅浏览、交互网页。

不达标检测示例说明

检测项:ARIA属性取值必须合法有效

异常元素示例代码:

```html

<button id="rightarrow_5854c375-0f00-421d-8c86-df6bb065d21b"

class="slider_arrow slider__arrow--right" tabindex="0"

aria-label="切换至上一项" aria-controls="swiper-wrapper52cc9afa327cba72"

aria-disabled="false">

```

2、WebMCP 协议校验

WebMCP 是一套浏览器端API,网站可通过它提供专属指令,供AI智能体调用交互。和通用MCP服务不同,WebMCP专为浏览器会话内的前端交互设计。

该API提供声明式实现方案,可直接在页面HTML表单中添加标记。WebMCP检测会校验表单标记是否存在、标记是否匹配标准数据结构。

WebMCP数据结构不合法

合法的WebMCP数据结构是AI智能体正确识别、调用网页功能工具的必要条件,浏览器报错与警告需全部修复。

Lighthouse 会列出页面上所有已注册的WebMCP工具,无论通过HTML声明式API、还是`navigator.modelContext.registerTool`代码动态注册均会展示。

已注册的WebMCP工具

3、llms.txt 文件不符合规范

llms.txt 是一套行业提议标准,网站通过该文件向AI智能体、爬虫提供站点说明信息,不过目前主流AI工具尚未大规模支持。

推荐阅读:《LLMs.txt是什么 有什么用》

Lighthouse 新增检测规则会校验网站是否部署llms.txt;若存在该文件,则进一步检查是否缺失一级标题(H1)、内容过短、未包含任何链接等问题。

llms.txt 文件不符合规范

如果 llms.txt 文件不遵循标准规范,大语言模型可能无法准确理解网站爬取规则、以及站点内容用于模型训练的授权范围。llms.txt 必须是Markdown格式文件,且至少包含一个一级标题(例如 ` 站点标题`)。

常见报错:文件缺少必填一级标题(标题)

4、页面布局偏移检测

页面元素无预期偏移会严重影响网站可用性。谷歌早在2020年推出累积布局偏移(CLS) 指标,专门衡量页面偏移问题。

该指标为何对AI智能体至关重要?

谷歌官方指南解释:需保证页面布局稳定。AI智能体依靠截图识别页面元素,频繁偏移会造成识别混乱。

本质上,这项检测只是将原有CLS得分纳入智能体浏览分类展示。AI智能体的页面交互速度远快于人类访客,页面加载过程中的布局偏移,对智能体造成的干扰会更严重。

累积布局偏移数值 0.821

累积布局偏移指标用于衡量可视区域内页面元素的位移幅度。

智能体浏览分类下的全部检测规则,旨在保障AI智能体拥有高质量、可正常浏览的网站环境,同时校验WebMCP部署的正确性。该分类仍处于开发阶段,检测规则后续可能调整。

补充专业术语注释(便于建站/开发理解)

1、Agentic Browsing:智能体浏览,专指AI自主代理访问、操作网页的场景

2、Accessibility Tree:无障碍访问树,网页语义结构化模型,AI与读屏工具通用

3、WebMCP:浏览器端模型上下文协议(Web Model Context Protocol),让网站向AI开放可调用功能

4、llms.txt:面向大模型的站点说明文件,对标给搜索引擎用的robots.txt

5、CLS(Cumulative Layout Shift):累积布局偏移,网页核心体验指标

6、ARIA:无障碍富互联网应用属性,用于补充HTML语义信息

推荐阅读:

《谷歌核心网页(Core Web Vitals)指标是什么及如何优化》

《外贸网站不被AI引用:3步改造让AI主动收录》

《AI SEO是什么及优化如何做》

《如何提高海外独立站在谷歌AI概览中的提及率》

相关文章

  • htaccess文件

    .htaccess在哪里 .htaccess文件主要用于哪些目的?

    .htaccess在哪里? WordPress .htaccess文件通常位于WordPress public_html或www文件夹中,即根目录中,可以主要应用于管理永久链接结构、提高网站性能、设置重定向等目的,所以下文将基于.htaccess文件及其相关设置展开有关内容的叙述,为大家在WordPress外贸建站开发中提供一定操作指导。 一、什么是.htaccess文件 .htaccess文件是“超文本访问”的缩写,是Apache Web服务器使用的强大服务器配置文件。在WordPress上下…

    开发教程 2024年 11月 15日
  • Twenty20 Image Before-After插件

    WordPress网站怎么设置产品的前后效果对比图?

    大多数站长在使用WordPress进行外贸建站时,可以在WordPress网站上安装一些具有前后对比效果的插件,就可以呈现出产品的前后效果图了。产品的前后对比图可以帮助顾客更好地了解商家的产品,以便用户进行购买。一张好的产品效果对比图可以提高店铺销量,和转化率。那么,如何使用WordPress插件来实现产品效果的前后对比呢,将是本文接下来的叙述要点。 各位商家可以通过添加相关功能的WordPress插件就可以完成该效果。这里给大家演示的WordPress插件是Twenty20 Image Bef…

    科灯跨境学院 2024年 7月 3日
  • 首选来源扩展至 AI 模式与 AI 概览

    Google AI搜索重大更新:首选来源、观点轮播与高引用标签全面上线

    2026年5月,Google对其AI搜索生态进行了一次重要升级,也为谷歌营销从业者带来了全新的流量布局机会。此次更新围绕三大核心功能展开:首选来源正式扩展至AI概览与AI模式、全新的观点轮播上线,以及高引用标签覆盖范围大幅扩大。这意味着Google搜索结果的流量分配逻辑正在悄然改变——谁能进入用户的”首选来源”列表,谁就能在AI生成的搜索回答中获得更高曝光与更强点击优势。 1、首选来源(Preferred Sources)扩展至 AI 模式与 AI 概览 Google 正…

    科灯跨境学院 2026年 5月 28日
  • WordPress多站点

    WordPress多站点是什么?

    WordPress多站点是一种在单个WordPress安装上托管多个WordPress站点的方法,是外贸网站建设中商家通常提高网站搜索排名的重要手段,下文将为大家具体介绍WordPress多站点的相关知识,为大家了解WordPress多站点提供一些建议。 一、什么是WordPress多站点 WordPress多站点是共享单个WordPress安装的WordPress站点的集合。使用多站点网络,可以允许用户创建自己的站点,也可以配置网络,管理员可以创建站点。这些网站在网络上被称为“子网站”或“个人…

    常见问题 2024年 9月 19日
  • Shopify

    Shopify建站服务费用价格是多少 Shopify外贸独立站建站服务商推荐

    企业搭建跨境电商独立站时,Shopify建站服务费用通常由页面设计、店铺配置、功能开发和交付支持等工作决定。除了支付给服务商的费用,还需要考虑Shopify平台订阅、域名及付费应用等支出。比较报价时,应先确认包含哪些工作,再判断是否符合预算。 一、Shopify与普通自建站的区别 这里的普通自建站,主要指使用WordPress与WooCommerce等系统,自行选择主机并部署的网站。Shopify属于托管式电商平台,平台套餐包含网站托管和SSL证书,商家通常不需要另外购买用于运行店铺的服务器。 …

    常见问题 2026年 9月 17日
  • 跨境独立站收款支付通道

    跨境独立站怎么收款:支付通道详解

    跨境独立站怎么收款?跨境独立站收款可以通过PayPal、PingPong等常用收款方式进行收款,也可以使用Stripe、2Checkout等信用卡收款,同样也支持电汇、Money Gram等线下收款,此外跨境商家还应该了解北美、亚太、欧洲等地区的本地支付通道。本文将在此基础上,为大家具体介绍每种跨境电商独立站收款方式的概况,以供大家选择。 跨境独立站怎么收款一:常用支付通道 1、PayPal PayPal目前是全球广为使用的支付和收款渠道之一,是使用率最高的收付款方式之一,支持包括Shopify…

    常见问题 2025年 5月 2日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部