我构建了一个免费工具，一次扫描即可分析15+站点元数据文件

Source: Dev.to

问题

作为开发者，我们经常需要验证：

• 我的 meta 标签是否正确？
• 我的 Open Graph 预览在 Twitter/LinkedIn 上是否显示良好？
• 我的 robots.txt 是否错误地阻止了页面？
• 我的站点地图是否包含所有重要的 URL？
• 我的 JSON‑LD 结构化数据是否有效？

大多数工具一次只能检查一项。我想要 一站式全覆盖。

功能概述

输入一个 URL，即可即时分析以下内容：

1. 基础 Meta 标签

标题、描述、关键词、viewport、字符集——并进行字符数校验。

2. Open Graph 与 Twitter 卡片

精准预览站点在社交媒体上的展示效果。

3. 图标与 Favicons

一次性查看所有 apple-touch-icons、favicon 以及 PWA 图标。

4. robots.txt 分析

解析指令、站点地图引用以及爬取规则，一目了然。

5. 站点地图发现

自动检测站点地图，显示 URL 数量和结构概览。

6. JSON‑LD 结构化数据

查看并验证你的 schema.org 标记。

7. Web Manifest

manifest.json 分析，包括应用图标、主题颜色和显示模式。

8. security.txt 与 llms.txt

是的，这些也会检查——细节决定成败。

杀手锏：LLM‑Ready 导出

你可以将所有元数据导出为：

• JSON — 供程序化使用
• Markdown — 完美适配 AI 工作流的格式

一键打开 AI

直接导出到 Claude、ChatGPT 或 Gemini。非常适合：

• “分析该站点的 SEO 并给出改进建议”
• “将此元数据与竞争对手站点进行对比”
• “生成技术 SEO 审计报告”

文件大小概览

一目了然地查看每个抓取文件的大小，帮助识别臃肿的站点地图、缺失文件或过大的响应。

同样适配移动端

完全响应式设计，在任何设备上都能流畅使用。随时随地检查站点元数据。

技术栈

给好奇的开发者看一眼：

• Next.js 15 — 带 App Router 的 React 框架
• Tailwind CSS — 实用优先的样式库
• shadcn/ui — 美观且可访问的组件库
• Cheerio — 服务端 HTML 解析

整个应用已开源。

接下来会有什么？

正在考虑的功能：

• 历史对比（随时间跟踪变化）
• 批量 URL 分析
• API 接口，供 CI/CD 集成使用
• 浏览器扩展

欢迎告诉我你觉得哪些功能会有帮助！

还有一点…

需要项目的 PWA 图标吗？我还制作了 pwa-icons ——只需一张图片即可生成所有平台专用图标。

npx pwa-icons generate logo.png

这正是我用来为 Site Metadata Explorer 本身生成所有图标的工具。