16-SEO 与 GEO：让内容被搜索引擎和 AI 发现

SEO 与 GEO：让内容被搜索引擎和 AI 发现

从传统 SEO 到生成式引擎优化：掌握搜索可见性的过去、现在与未来

学习目标

读完本文，你将学会：

• 理解 SEO 核心原理（爬虫、索引、排名）
• 掌握技术 SEO、页面 SEO 和内容 SEO 的优化手段
• 了解 GEO（Generative Engine Optimization）的概念与实践
• 实现结构化数据和语义化标记

一、SEO 基础

1.1 搜索引擎工作原理

用户搜索 ──▶ 爬虫抓取 ──▶ 索引存储 ──▶ 排名计算 ──▶ 结果展示 ↑ ↑ ↑ robots.txt 内容质量 相关性 sitemap.xml 关键词 权威性 更新频率 用户体验

1.2 SEO 三大支柱

┌─────────────────┬──────────────────┬──────────────────┐ │ 技术 SEO │ 页面 SEO │ 内容 SEO │ ├─────────────────┼──────────────────┼──────────────────┤ │ • 网站速度 │ • 标题标签 │ • 关键词研究 │ │ • 移动适配 │ • Meta 描述 │ • 内容质量 │ │ • 爬虫可访问 │ • 标题层级 │ • 更新频率 │ │ • HTTPS │ • 图片 ALT │ • 原创性 │ │ • 结构化数据 │ • 内部链接 │ • 用户意图匹配 │ └─────────────────┴──────────────────┴──────────────────┘

二、技术 SEO

2.1 核心 Web 指标（Core Web Vitals）

LCP ≤ 2.5s FID ≤ 100ms CLS ≤ 0.1 │ │ │ └──────────────┴──────────────┘ 直接影响搜索排名

2.2 爬虫友好配置

<!-- robots.txt -->User-agent: * Allow: / Disallow: /admin/ Disallow: /api/ Sitemap: https://example.com/sitemap.xml<!-- HTML Meta 标签 --><metaname="robots"content="index, follow"><!-- Canonical 标签（防止重复内容）--><linkrel="canonical"href="https://example.com/page"><!-- 预渲染 / SSR 支持 --><!-- SPA 需使用服务端渲染或预渲染，确保爬虫能获取内容 -->

2.3 Sitemap 与结构化数据

<!-- sitemap.xml --><?xml version="1.0" encoding="UTF-8"?><urlsetxmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://example.com/article/1</loc><lastmod>2026-06-01</lastmod><changefreq>weekly</changefreq><priority>0.8</priority></url></urlset>

<!-- 结构化数据：JSON-LD --><scripttype="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"JavaScript 高级进阶","author":{"@type":"Person","name":"作者名"},"datePublished":"2026-06-01","publisher":{"@type":"Organization","name":"CSDN"}}</script>

三、页面 SEO

3.1 标题与 Meta

<!-- 标题：控制在 50-60 字符，包含关键词 --><title>JavaScript 闭包详解：从入门到精通 | 技术博客</title><!-- Meta 描述：150-160 字符，吸引点击 --><metaname="description"content="深入理解 JavaScript 闭包原理、使用场景和常见误区。包含代码示例和最佳实践。"><!-- Open Graph（社交分享）--><metaproperty="og:title"content="JavaScript 闭包详解"><metaproperty="og:description"content="深入理解 JavaScript 闭包"><metaproperty="og:image"content="https://example.com/cover.jpg"><metaproperty="og:type"content="article"><!-- Twitter Card --><metaname="twitter:card"content="summary_large_image"><metaname="twitter:title"content="JavaScript 闭包详解">

3.2 语义化 HTML

<!-- ❌ 非语义化 --><divclass="header"><divclass="nav"></div></div><divclass="main"><divclass="article"><divclass="title">标题</div></div></div><!-- ✅ 语义化 --><header><navaria-label="主导航"></nav></header><main><article><h1>标题</h1><section><h2>章节标题</h2><p>内容...</p></section></article><aside>相关推荐</aside></main><footer>版权信息</footer>

四、GEO：生成式引擎优化

4.1 什么是 GEO

GEO（Generative Engine Optimization）是面向 AI 搜索引擎（如 ChatGPT、Perplexity、Google SGE）的优化：

传统 SEO: 关键词匹配 → 页面排名 GEO: 内容权威性 → AI 引用和推荐 目标: 让 AI 在生成回答时引用你的内容

4.2 GEO 优化策略

1. 内容权威性 • 引用可靠来源和数据 • 展示作者资质和专业背景 • 获得行业认可和外部引用 2. 结构化表达 • 清晰的问答格式 • 步骤式教程 • 对比表格和决策树 3. 技术实现 • 语义化标记（Schema.org） • FAQPage 结构化数据 • HowTo 标记

4.3 FAQ 结构化数据

<scripttype="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"什么是 JavaScript 闭包？","acceptedAnswer":{"@type":"Answer","text":"闭包是函数与其词法环境的组合，使得函数可以访问外部作用域的变量..."}},{"@type":"Question","name":"闭包有什么实际应用场景？","acceptedAnswer":{"@type":"Answer","text":"闭包常用于数据封装、模块化模式、事件处理和防抖节流等场景。"}}]}</script>

五、SEO / GEO 检查清单

## 技术检查 - [ ] 页面加载时间 < 3 秒 - [ ] 移动端适配良好 - [ ] HTTPS 已启用 - [ ] robots.txt 和 sitemap.xml 已配置 - [ ] 结构化数据已标记 ## 内容检查 - [ ] 标题包含核心关键词（自然融入） - [ ] Meta 描述吸引点击 - [ ] 使用语义化 HTML 标签 - [ ] 图片有描述性 ALT 文本 - [ ] 内部链接结构合理 ## GEO 检查 - [ ] 内容有明确的问答格式 - [ ] 使用了 FAQPage 结构化数据 - [ ] 引用了权威来源 - [ ] 内容更新及时 - [ ] 有清晰的作者信息

二、常见误区与注意点

三、动手练习

练习 1：优化一篇技术文章

为一篇 JavaScript 教程添加完整的 SEO 标记（标题、Meta、结构化数据）。

练习 2：FAQ 结构化数据

为一组常见问题创建 FAQPage JSON-LD 标记。

四、AI 辅助学习

4.1 本节知识点的 AI 提问模板

• “如何为技术博客文章编写 SEO 友好的标题？”
• “FAQPage 结构化数据对 GEO 有什么帮助？”
• “Core Web Vitals 如何影响搜索排名？”

4.2 警惕 AI 的常见错误

• AI 可能推荐过时的 SEO 技巧（如隐藏文字、关键词堆砌）
• AI 可能混淆不同搜索引擎的优化重点

五、配套代码

本文示例代码位于：CODE-ADVANCED/16-SEO与GEO/

六、本章小结

• SEO 三支柱：技术 SEO、页面 SEO、内容 SEO
• Core Web Vitals 直接影响搜索排名
• 结构化数据帮助搜索引擎理解页面内容
• GEO 是面向 AI 搜索的新型优化，FAQPage 和 HowTo 标记尤为重要
• 优质内容始终是排名的核心因素

如果本文对你有帮助，欢迎点赞、收藏、关注专栏。有任何问题可以在评论区交流！