内容提要
Font Awesome网站因采用JavaScript构建,导致AI代理只能读取空壳HTML,无法获取许可证、套餐等页面内容。为此,网站于10月20日将关键页面改为纯文本和Markdown格式,并新增llms.txt索引帮助AI定位内容;同时将套餐对比表重建为真正的表格,既方便AI读取,也改善了屏幕阅读器的无障碍体验。
延伸解读
AI 代理的阅读方式与网站技术栈的错配
文章指出,fontawesome.com 是 JavaScript 应用,浏览器执行脚本渲染页面,而多数 AI 代理只抓取原始 HTML。因此许可证、套餐等关键页面返回约 20KB 代码却无实际文本。这揭示了现代前端架构与 AI 抓取逻辑之间的常见错配:依赖客户端渲染的网站,对不执行 JS 的代理而言几乎是空壳。
为何优先修复许可证与套餐页面
Font Awesome 选择将更新日志、Pro/Free 许可证、套餐、隐私和退款页面转为纯文本和 Markdown,因为这些页面上的错误答案代价最高。开发者常向 AI 询问商业项目能否使用免费图标、各套餐包含什么等问题,若代理读不到原文,可能猜测许可证条款,而错误猜测比沉默更糟。
llms.txt 作为代理的入口索引
主站新增 fontawesome.com/llms.txt,这是一个简短的纯文本索引,遵循帮助 AI 工具定位站点内容的新兴约定。它链接到所有 Markdown 页面、文档站和 AI 代理工具,让代理无需猜测从哪里开始。这相当于为 AI 代理提供了一份站点地图,降低其遍历成本。
表格重建带来的双重收益
套餐对比网格原本用样式盒子模拟表格,AI 代理和屏幕阅读器都将其视为零散段落。重建为真正的表格后,屏幕阅读器恢复行列结构,代理也能直接读取“哪些套餐包含 Figma 插件”等答案。这一修复同时服务两类不同读者,说明语义化 HTML 对机器和辅助技术都有实际价值。
Q&A
为什么 AI 代理无法读取 Font Awesome 网站的内容?
因为 fontawesome.com 是用 JavaScript 构建的应用,浏览器执行 JavaScript 才能渲染页面,而大多数 AI 代理只抓取原始 HTML,不执行 JavaScript。对于网站的大部分内容,原始 HTML 只是一个空壳,例如许可证、套餐和更新日志页面返回的约 20KB 代码中没有任何实际文本。
Font Awesome 在 10 月 20 日对网站做了哪些修改来帮助 AI 代理?
Font Awesome 将关键页面(更新日志、Pro 许可证、免费许可证、套餐、隐私和退款页面)改为纯文本和 Markdown 格式发布,并新增了 llms.txt 索引文件(fontawesome.com/llms.txt),帮助 AI 工具找到这些页面。此外,还将套餐对比表重建为真正的表格。
llms.txt 文件是什么?它有什么作用?
llms.txt 是一个简短的纯文本索引文件,遵循新兴的约定,帮助 AI 工具在网站上导航。它链接到所有 Markdown 页面、文档和 AI 代理工具,让代理不必猜测去哪里查找信息。Font Awesome 的文档站点已有该文件,现在主站也有了。
将套餐对比表重建为真正的表格带来了哪些好处?
重建为真正的表格后,屏幕阅读器可以正确识别行和列,提升了无障碍体验;同时 AI 代理也能读取真实的表格数据,例如哪些套餐包含 Figma 插件、Solo 套餐包含多少个自定义图标等,可以直接从表格中获得答案。
为什么 Font Awesome 优先处理许可证、套餐和更新日志这些页面?
因为这些页面是错误答案代价最高的地方:许可证错误可能导致法律问题,套餐误解可能带来账单意外,更新日志遗漏可能错过新功能。因此 Font Awesome 重点确保这些页面对 AI 代理可读,提供准确信息。
除了让页面可读,Font Awesome 还提供了什么工具来防止 AI 助手猜测图标?
Font Awesome 还提供了 AI 代理工具,可以防止编码助手猜测图标。这些工具会检查用户实际的 Kit,返回真实的图标(包括自定义图标),而不是编造一个听起来正确的类名。结合本次更新,助手在图标、许可证和套餐方面都不需要猜测。