# SEO Technical Foundation

> SEO/AEO 技术基础诊断子模块。检查网站的技术健康状况，包括死链扫描、页面加载速度分析、移动端适配检测、HTTPS 安全配置。当用户提到"网站打不开""页面很慢""手机上显示不对""SSL 证书"或任何技术层面的网站问题时触发。也可作为完整诊断流程的第一个子模块被编排器调用。

- Skill: `jrr996shujin-png/seo-technical-foundation` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jrr996shujin-png/seo-technical-foundation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jrr996shujin-png/seo-technical-foundation/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: jrr996shujin-png (https://skillmd.com/u/jrr996shujin-png)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jrr996shujin-png/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 项）
```

