seo-technical-foundation

技术基础诊断模块

本模块负责检查网站的底层技术健康度，满分 20 分。

检查项

1. 死链扫描（5 分）

检查方法：

1. 用 web_fetch 获取目标页面 HTML
2. 提取页面中所有 <a href="..."> 链接
3. 对内部链接逐一 web_fetch 检查状态
4. 记录返回 4xx/5xx 的链接

评分：

• 5 分：零死链
• 3 分：1-3 个死链
• 1 分：4-10 个死链
• 0 分：超过 10 个死链

输出格式：

状态：✅/⚠️/❌
死链数量：X 个（共检查 Y 个链接）
死链列表：
- [链接文本](URL) → 状态码 XXX
修复建议：移除或更新以上死链，设置合适的 301 重定向

2. 页面加载速度（5 分）

检查方法： 由于无法直接调用 PageSpeed Insights API，采用源码分析法：

1. 检查 HTML 文件大小（web_fetch 响应体大小）
2. 统计外部资源引用数量（CSS、JS、字体文件）
3. 检查是否有内联关键 CSS（<style> 标签在 <head> 中）
4. 检查图片是否使用懒加载（loading="lazy"）
5. 检查是否有资源预加载提示（<link rel="preload">）
6. 检查是否有未压缩的大型内联脚本

评分：

• 5 分：HTML < 100KB + 懒加载 + 资源优化良好
• 3 分：HTML < 300KB，有部分优化措施
• 1 分：HTML > 300KB 或缺少大多数优化
• 0 分：HTML > 500KB 且无任何优化

输出格式：

状态：✅/⚠️/❌
HTML 大小：XXX KB
外部资源数：CSS X 个, JS Y 个, 字体 Z 个
懒加载：是/否
资源预加载：是/否
关键 CSS 内联：是/否
修复建议：（具体建议）

3. 移动端适配（5 分）

检查方法：

1. 检查是否有 <meta name="viewport" content="width=device-width, initial-scale=1">
2. 检查 CSS 中是否使用媒体查询（@media）
3. 检查是否使用响应式框架（Bootstrap、Tailwind 等的类名特征）
4. 检查触摸目标大小提示（检查小按钮/链接是否有足够的 padding）
5. 检查是否有 <meta name="format-detection"> 等移动端相关 meta

评分：

• 5 分：viewport 正确 + 有响应式设计信号
• 3 分：viewport 正确但响应式信号弱
• 1 分：viewport 缺失但有部分响应式设计
• 0 分：viewport 缺失且无响应式设计

输出格式：

状态：✅/⚠️/❌
Viewport 标签：有/无（内容：...）
响应式设计信号：媒体查询 X 处, 框架类名: ...
修复建议：（具体建议）

4. HTTPS 安全（5 分）

检查方法：

1. 检查目标 URL 是否为 HTTPS
2. web_fetch HTTP 版本看是否有 301 重定向到 HTTPS
3. 检查页面中是否有混合内容（HTTP 资源引用在 HTTPS 页面中）
4. 检查是否有 HSTS 相关的 meta 标签
5. 检查表单 action 是否使用 HTTPS

评分：

• 5 分：HTTPS + HTTP→HTTPS 重定向 + 无混合内容
• 3 分：HTTPS 但有少量混合内容
• 1 分：HTTP 有重定向到 HTTPS 但有问题
• 0 分：仍在使用 HTTP，无 HTTPS

输出格式：

状态：✅/⚠️/❌
HTTPS：是/否
HTTP→HTTPS 重定向：是/否
混合内容：X 个（列出 HTTP 资源 URL）
修复建议：（具体建议）

汇总输出

完成所有 4 项检查后，输出本模块汇总：

## 技术基础 — 得分 X/20

| 检查项 | 得分 | 状态 |
|--------|------|------|
| 死链扫描 | X/5 | ✅/⚠️/❌ |
| 页面加载速度 | X/5 | ✅/⚠️/❌ |
| 移动端适配 | X/5 | ✅/⚠️/❌ |
| HTTPS 安全 | X/5 | ✅/⚠️/❌ |

关键发现：（1-2 句总结）
优先修复：（最重要的 1-2 项）