近期 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概览中的提及率

相关文章

  • Google抓取优化实战指南

    7大Google谷歌抓取优化实战指南

    很多网站明明持续更新内容,却依然面临“Google不收录、页面抓取慢、排名迟迟不上升”等问题,本质原因往往并不在内容,而在网站抓取与索引效率。本文将从抓取预算、内部链接、页面价值、网站结构等角度,系统解析如何提升Google抓取效率与页面收录率,帮助外贸建站的企业建立更稳定的SEO增长基础。 一、写在Google谷歌抓取优化实战指南之前 在做出任何更改之前,商家必须区分一个关键问题:谷歌机器人是根本不访问自己的网站,还是访问了但拒绝索引页面?这两个问题需要完全不同的解决方案。谷歌搜索控制台(GS…

    网站SEO 2026年 5月 15日
  • 页面优化的主要内容

    网站页面优化的主要内容有哪些

    网站页面优化的主要内容有哪些?页面优化主要是针对网站内部元素进行优化的网站排名方法,其包括的主要内容有页面内容、标题标签和URL等。可以说页面优化是企业跨境出海/外贸建站必备的实践技能之一,只有学好了网站页面的优化方法,才能高效的对独立站内部进行检测,以最大程度上提高搜索引擎抓取网站的机率,所以下文将基于此为大家详细介绍网站页面优化是什么及主要内容有哪些的内容。 一、网站页面优化是什么 页面优化是优化网站上元素的做法,以便提高网站排名并从搜索引擎获得更多相关流量,与站外SEO相反,具体指的是页面…

    网站SEO 2025年 3月 11日
  • 更多功能选择

    外贸网站推广:外贸怎么找客户资源?

    商家搭建好外贸网站后,面临的第一个问题便是外贸客户资源的查找,那么客户资源到底该怎么找呢?商家可以借助Google地图、Facebook等方法来搜索潜在客户的信息,从而拓展客户资源,进行外贸建站相关的运营推广工作。下文将基于此为大家具体介绍外贸客户资源的寻找方法。 一、 利用Google地图找客户资源 很多国外的公司会在谷歌地图上标明自己的位置以及展示相关的信息,所以用户可以通过Google地图查找到想要寻找的公司信息。首先需要打开Google地图,点击谷歌搜索界面右上方图示按钮。 然后找到Ma…

    常见问题 2024年 9月 25日
  • 创建WordPress自定义页面模板

    WordPress自定义页面模板如何创建?

    各位站长在使用WordPress进行外贸建站时,通常会遇到自定义页面模板创建这一问题,那么如何通过页面的自定义设计,获得自己想要的外贸网站呢?通常有两种方法,分别是手动创建和使用页面构建插件进行创建,而本文接下来主要和大家介绍的是第一种方法,具体操作步骤如下。 创建WordPress自定义页面模板可让各位商家更自由地设计网站的外观。手动创建WordPress页面模板虽然需要一些编码知识,但是可以为自定义模板设计提供很大的灵活性。 重要提示!在本教程中,将创建并上传模板文件到商家当前的主题。建议先…

    科灯跨境学院 2024年 7月 29日
  • WordPress AI SEO

    WordPress AI SEO插件及优化方法

    近几年人工智能的快速发展,为SEO行业带来了相关的改变,从AI撰写TDK,到GEO、AEO的爆发式增长,利用AI 来实现WordPress优化似乎是一项重要的工作。所以下文将基于WordPress AI SEO插件是什么、主要特点及推荐、WordPress AI SEO优化方法向大家展示有关内容。 一、什么是WordPress AI SEO插件 可以把AI SEO工具看作是超级智能的插件,它使用AI和机器学习使WordPress独立站在谷歌上更显眼,他们不只是猜测什么可能奏效,而且还提供更深的功…

    网站SEO 2025年 7月 18日
  • PHP

    如何安装并配置PHP集成开发环境?

    各位开发人员既可以通过手动安装PHP开发环境,也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器,极大地简化了Web开发的流程,通过在一个平台进行编辑、测试、调试等操作,实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装,帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx:Apache和Nginx是最常用的Web服务…

    开发教程 2024年 7月 25日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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