一、SEO 的本质：搜索引擎如何工作

要真正排名提高。先要弄清搜索引擎的三大主要流程

┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│ 抓取 Crawling │ → │ 索引 Indexing │ → │ 排名 Ranking │
│ │ │ │ │ │
└─────────────┘ └─────────────┘ └─────────────┘

. 抓取

搜索引擎派出爬虫遍历互联网，通过链接发现新页面。

痛点：网站频繁出现“抓取错误”或“页面未被收录”，导致流量停滞。

• Crawl Budget搜索引擎每天愿意抓取的页面数量上限。
• 抓取效率页面加载速度、运行稳定程度。
• 可发现性内链结构、Sitemap、外链数量。

. 索引

爬虫抓取内容后搜索引擎分析页面主题、质量、相关性并存入索引库。

痛点：内容被标记为“低质量”或“不可解析”，即使被抓取也不会进入索引。

• 页面内容质量
• 技术可解析性
• 使用者体验信号

. 排名

使用者搜索时搜索引擎从索引库中筛选最相关、最优质的结果进行排序展示。

痛点：排名波动剧烈或长期停留在第 10 页，导致点击率几乎为零。

二、技术 SEO：让搜索引擎“看得懂”你的网站

. 网站架构与 URL 设计

✅ 扁平化架构

首页
├── 分类页 /category/seo/
│ ├── 文章 /article/seo-guide/
│ └── 文章 /article/seo-tips/
├── 分类页 /category/frontend/
│ ├── 文章 /article/react-hooks/
│ └── 文章 /article/vue3-composition/

优势：任何页面距离首页不超过 # 次点击权重传递效率高。

❌ 深层嵌套架构

首页 → 栏目 → 子栏目 → 专题 → 文章详情 

URL 设计规范

. 页面渲染方式与 SEO

CSR的 SEO 陷阱

文章内容…
...

Crawlable 问题：PWA 或纯 CSR 页面往往返回空白 DOM，导致爬虫无法获取有效内容。

方法对比

Next.js 示例：  

& #javascript
export default async function Page {
const res = await fetch;const post = await res.json;return (


);}
. 主要网页指标




指标
目标值
测量内容
调整方向


LCP