I Built a Free Open-Source SEO Checker Tool (Works with WordPress, Showit, Wix and More)

查看原文 / View Original 编辑 / Edit

I Built a Free Open-Source SEO Checker Tool (Works with WordPress, Showit, Wix and More)

我开发了一款免费开源的 SEO 检测工具（支持 WordPress、Showit、Wix 等平台）

Most free SEO tools online either require a sign-up, hit you with paywalls after the first check, or only work for WordPress sites. I got tired of it, so I built my own. 目前市面上大多数免费的 SEO 工具要么需要注册，要么在第一次检测后就弹出付费墙，或者仅支持 WordPress 站点。我对此感到厌倦，于是决定自己开发一个。

Live tool: https://adilmakhdoom44.github.io/seo-checker/ GitHub repo: https://github.com/adilmakhdoom44/seo-checker Zero sign-up. Zero API keys. Fully open source. 在线工具：https://adilmakhdoom44.github.io/seo-checker/ GitHub 仓库：https://github.com/adilmakhdoom44/seo-checker 无需注册，无需 API 密钥，完全开源。

Why I Built This

开发初衷

I’m a Showit website designer and SEO specialist at theadil.me. Most of my clients come from platforms like Showit, WordPress, Wix, and Squarespace. Every time I audit a site, I needed a fast way to check the basics: is there an H1? Is the meta description the right length? Is the sitemap accessible? 我是 theadil.me 的 Showit 网站设计师兼 SEO 专家。我的大多数客户来自 Showit、WordPress、Wix 和 Squarespace 等平台。每次审计网站时，我都需要一种快速检查基础项的方法：是否有 H1 标签？元描述（meta description）长度是否合适？站点地图（sitemap）是否可访问？

The existing free tools either:

  • Cap you at 1-2 checks per day without an account
  • Don’t support Showit or other non-WordPress platforms
  • Show you a “score” with zero actionable detail
  • Require you to install a plugin or browser extension

现有的免费工具要么：

  • 不注册每天仅限 1-2 次检测
  • 不支持 Showit 或其他非 WordPress 平台
  • 只给出一个“分数”，却没有任何可操作的细节
  • 要求安装插件或浏览器扩展

So I built a single HTML file that does 20+ checks instantly, in the browser, with no backend. 所以我编写了一个单一的 HTML 文件，无需后端，即可在浏览器中即时完成 20 多项检查。

What It Checks

检测内容

The tool runs four categories of checks: 该工具运行四个类别的检查：

Technical SEO (技术 SEO)

  • HTTPS enabled (已启用 HTTPS)
  • robots.txt accessible and has content (robots.txt 可访问且包含内容)
  • sitemap.xml accessible and valid (sitemap.xml 可访问且有效)
  • Canonical tag present (存在规范标签)
  • Viewport meta tag (mobile-friendliness signal) (视口元标签，移动端友好信号)
  • Favicon present (存在网站图标)
  • 404 error handling works correctly (404 错误处理正常)

On-Page SEO (页面 SEO)

  • Meta title length (50-60 characters is ideal) (元标题长度，理想为 50-60 字符)
  • Meta description length (150-160 characters) (元描述长度，150-160 字符)
  • H1 tag count (exactly one is best practice) (H1 标签数量，最佳实践为仅一个)
  • Image alt text (all images should have non-empty alt attributes) (图片 Alt 文本，所有图片应有非空 Alt 属性)
  • Word count estimate (500+ words signals content depth) (字数预估，500 字以上代表内容深度)
  • Internal link count (5+ internal links) (内部链接数量，5 个以上)

Social and Schema (社交与结构化数据)

  • Open Graph tags (og:title, og:description, og:image)
  • Twitter Card tags
  • JSON-LD or microdata schema markup

Performance (via Google PageSpeed Insights API) (性能，通过 Google PageSpeed Insights API)

  • PageSpeed mobile score (移动端页面速度评分)
  • Largest Contentful Paint (LCP) (最大内容渲染时间)
  • Cumulative Layout Shift (CLS) (累积布局偏移)
  • Total Blocking Time (TBT) (总阻塞时间)

Each check returns a pass, warning, or fail status, the actual value found on the page, and a one-line fix tip if something is wrong. 每项检查都会返回通过、警告或失败状态，显示页面上的实际值，并在出现问题时提供一行修复建议。

How It Works Technically

技术实现原理

The whole thing is three files: index.html, style.css, and script.js. No npm, no build step, no Node.js. 整个工具由三个文件组成：index.html、style.css 和 script.js。无需 npm，无需构建步骤，无需 Node.js。

  • Fetching external pages: I used the allorigins.win CORS proxy to fetch the raw HTML of any URL the user enters. This lets the tool work client-side without a backend.

  • 获取外部页面： 我使用了 allorigins.win CORS 代理来获取用户输入 URL 的原始 HTML。这使得工具可以在无需后端的情况下在客户端运行。

  • Parsing the HTML: Once the HTML string comes back from the proxy, I pass it to DOMParser to get a queryable document object. From there it’s standard DOM queries: querySelector(‘title’), querySelectorAll(‘img’), etc.

  • 解析 HTML： 一旦从代理返回 HTML 字符串，我将其传递给 DOMParser 以获取可查询的文档对象。之后就是标准的 DOM 查询：querySelector(‘title’)、querySelectorAll(‘img’) 等。

  • Performance data: The PageSpeed Insights API v5 is free and doesn’t require an API key for basic usage. I call it with ?strategy=mobile and pull the LCP, CLS, TBT, and overall score from the response.

  • 性能数据： PageSpeed Insights API v5 是免费的，基础使用无需 API 密钥。我通过 ?strategy=mobile 调用它，并从响应中提取 LCP、CLS、TBT 和总分。

  • Scoring: Each check is worth 1 point (pass), 0.5 points (warning), or 0 points (fail). The final score is normalized to 0-100 and displayed as an animated SVG ring.

  • 评分： 每项检查计 1 分（通过）、0.5 分（警告）或 0 分（失败）。最终分数归一化为 0-100，并以动画 SVG 圆环形式显示。

It Works on Every Platform

适用于所有平台

This is the part I care most about. The tool does not care what CMS or website builder your site uses. It fetches the rendered HTML output, which looks the same whether the site was built on: 这是我最关心的部分。该工具不在乎你的网站使用什么 CMS 或网站构建器。它获取的是渲染后的 HTML 输出，无论网站是基于以下平台构建的，结果都是一样的：

  • WordPress with Yoast or RankMath
  • Showit with a custom design
  • Wix or Squarespace
  • Webflow, Ghost, or a static site
  • A custom-coded HTML site

If the page is publicly accessible, the tool can audit it. 只要页面是公开可访问的，该工具就能对其进行审计。

SEO Score and What It Means

SEO 分数及其含义

I built the scoring around what actually moves rankings: 我围绕真正影响排名的因素构建了评分系统：

  • A perfect SEO score on this tool means your on-page fundamentals are solid.
  • 在此工具上获得满分意味着你的页面基础非常扎实。
  • Warnings flag things like a title that is slightly too long or a meta description that is missing.
  • 警告会标记出诸如标题略长或缺少元描述之类的问题。
  • Fails flag critical issues like no H1, no sitemap, or missing Open Graph tags.
  • 失败会标记出关键问题，如没有 H1、没有站点地图或缺少 Open Graph 标签。

The score is not a vanity metric. Every point maps to a specific, fixable issue. 这个分数不是虚荣指标。每一分都对应一个具体的、可修复的问题。

Export to CSV

导出为 CSV

After running an audit, you can click Export CSV to download a spreadsheet with all results: section, check name, status, value found, and fix tip. Useful for sending to a client or tracking changes over time. 运行审计后，你可以点击“导出 CSV”下载包含所有结果的电子表格：包括部分、检查名称、状态、发现的值和修复建议。这对于发送给客户或跟踪随时间的变化非常有用。

Try It

立即尝试

https://adilmakhdoom44.github.io/seo-checker/ GitHub: https://github.com/adilmakhdoom44/seo-checker

Run it on your own site and let me know what score you get. If you find a bug or want to add a check, pull requests are open. 在你的网站上运行一下，告诉我你得到了多少分。如果你发现 Bug 或想增加检查项，欢迎提交 Pull Request。

I also built a dedicated Showit Website Analyzer for Showit-specific audits if you are a Showit designer or have a Showit site. 如果你是 Showit 设计师或拥有 Showit 网站，我还专门开发了一个用于 Showit 特定审计的 Showit 网站分析器。

Built by Adil Makhdoom — Showit Website Designer and SEO Specialist. 由 Adil Makhdoom 开发 —— Showit 网站设计师兼 SEO 专家。

← 返回新闻列表 / Back to news list