我在一天内构建了6个免费SEO工具——我的收获

发布: (2026年4月6日 GMT+8 09:38)
5 分钟阅读
原文: Dev.to

Source: Dev.to

Introduction

SEO 工具随处可见,但大多数都被注册、API 限制或订阅墙所锁定。我想要一个可以毫无摩擦地直接使用的工具,于是我在一个周末构建了六个工具并开源了实现方式。所有工具都在浏览器中运行(四个客户端)或通过轻量级服务器获取(两个 API 路由),且零外部 API 成本。

What the tools do

工具工作原理主要优势
Schema Generator可视化表单 → 有效的 JSON‑LD(FAQPage、Article、HowTo、Product、Organization、BreadcrumbList)。点击 “Copy HTML” 并粘贴到你的 “ 中。一键链接到 Google Rich Results Test。在几秒钟内生成结构化数据,而无需手动编写。
LLMs.txt Generator输入任意 URL,获取其站点地图,提取标题/描述,按照 llmstxt.org 标准将所有内容格式化为 llms.txt + llms-full.txt为 AI 助手(ChatGPT、Claude 等)提供引用文件;缺少 llms.txt 会导致引用缺失。
Hreflang Builder添加语言/URL 对,生成带 x-default 的自引用 hreflang HTML。验证重复和缺失的标签。每次为站点新增语言时可节省约 10 分钟。
Meta Analyzer像素级截断检查(Google 按像素而非字符计量)。实时 SERP 预览、关键词密度分析、强词检测。根据 Google 2026 年 2 月核心更新规则标记标题中的 “Best”/“Top”。确保标题和 meta 描述符合 Google 的显示限制并得到优化。
Robots.txt Tester粘贴你的 robots.txt,针对 15+ 用户代理(包括 GPTBot、ClaudeBot、PerplexityBot、Google‑Extended)测试任意 URL 路径。显示匹配的规则以及是 Allow 还是 Disallow验证 AI 爬虫是否被正确阻止或允许。
OG Preview获取任意 URL 并查看其在 Twitter、LinkedIn、Slack 和 Discord 上的渲染效果。每个平台的裁剪方式不同,工具会展示四种预览并检测缺失或损坏的标签。确保在主要平台上的社交分享预览保持一致。

Why I built them

  • 我之前为每篇博客手动编写 JSON‑LD。Schema Generator 将时间缩短至约 30 秒。
  • AI 助手依赖 llms.txt 进行站点引用;没有它会失去在 AI 生成答案中的可见性。
  • 管理多语言 hreflang 标签容易出错;Hreflang Builder 实现了自动验证。
  • 标题和 meta 描述的截断是按像素计量的,而非字符;Meta Analyzer 提供了真实的预览。
  • 阻止 AI 爬虫正成为默认做法,但许多站点并不知道自己的 robots.txt 规则是否真正生效。
  • 社交预览不一致会导致点击率下降;OG Preview 将平台特定的裁剪统一展示。

Architecture

  • Client‑side first – 六个工具中有四个完全在浏览器中运行。无需服务器、无需 API、无数据保留。
  • Server fetch only when needed – LLMs.txt Generator 和 OG Preview 需要获取外部 URL(CORS),因此使用 Next.js API 路由。
  • Zero API cost – 不使用 OpenAI 或付费 API;工具依赖 fetch() 和正则表达式解析。
  • Dynamic routing – 单个 [tool]/page.tsx 处理未发布工具的占位;准备好后使用特定路由覆盖。

Known limitations & future work

  • Schema Generator – 目前仅生成 JSON‑LD;可以加入客户端对 Schema.org 规范的验证。
  • Meta Analyzer – 像素宽度估算是近似值;使用基于 Canvas 的测量可以提升准确性。

Availability

All six tools are live at . No sign‑up, no API key required. Feedback is welcome.

Call to action

What free SEO tools do you actually use daily? Let me know what’s missing from the landscape.

0 浏览
Back to Blog

相关文章

阅读更多 »