灯塔假旗

Question

我通过 web.dev 对我的网站进行了 Lighthouse 测试，结果显示了 2 个我不太理解的“错误”。

第一点：“表单元素没有关联的标签”。
Lighthouse 认为我没有为表单使用标签。但是，我的代码中有以下内容：

<input id="burger" type="checkbox" />
<label for="burger">

这是我唯一一次使用 input。
那么为什么会出现这条信息呢？

第二点：“robots.txt 无效”。
我的 robots.txt 文件使用以下内容：

User-agent: *
Disallow: /testlab/
Disallow: /en/page-not-found.htm
Disallow: /en/page-not-found.htm

User-agent: WebReaper
User-agent: WebCopier
User-agent: Offline Explorer
User-agent: HTTrack
User-agent: Microsoft.URL.Control
User-agent: EmailCollector
User-agent: penthesilea
Disallow: /

sitemap: https://link-to-sitemap.com

据我所知，内容应该是被不同的爬虫识别的。
为什么我在 Lighthouse 测试中将此视为错误？

这里是link网址，如果想运行自己测试：https://type-error.netlify.app

注意事项：我已经通过 netlify.toml 文件设置了重定向和 headers，也许这会有所帮助。

编辑：运行使用 Chrome 开发工具进行 Lighthouse 测试时，显示 robots.txt 的更多信息：“Lighthouse 无法下载 robots.txt 文件".

Answer 1

1. 表单元素没有关联标签

您有一个没有任何结束元素或名称的开始标签元素。

<input id="burger" type="checkbox" />
<label for="burger">

您应该有一个结束标签和一个正确的标签名称。

<input id="burger" type="checkbox" />
<label for="burger">burger</label>

2. robots.txt 无效

“robots.txt 无效”确实是一个错误的标记。参见 - https://github.com/GoogleChrome/lighthouse/issues/12936

我在自己的网站上遇到了同样的问题运行。但是，当使用 chrome 扩展的灯塔时，它会通过。开发工具版本似乎有问题。

灯塔假旗

Lighthouse false flag

html

seo

robots.txt

lighthouse