SEO × GEO 入门课SEO × GEO Beginner Course
从搜索引擎如何工作讲到生成式搜索引用，用 24 节交互课程帮助完全新手边学边练。A 24-lesson interactive course that takes complete beginners from search fundamentals to citation in generative search.
- 24 节课程24 lessons
- 交互练习Interactive exercises
- SEO 基础SEO foundations
- GEO 入门GEO foundations
背景与初衷Context
搜索优化既涉及内容，也涉及抓取、索引、页面结构、站外信号和数据复盘。进入生成式搜索后，还要理解 AI 如何寻找与引用来源，并区分平台事实、行业经验与教学示意。Search optimization spans content, crawling, indexing, page structure, external signals, and measurement. Generative search adds questions about how AI discovers and cites sources, and how to separate platform facts from practice and teaching simplifications.
打开项目Open project
可通过下方链接查看当前可访问版本。Open the current version through the link below.
核心痛点Problems
SEO 和 GEO 术语很多，零散教程又常直接跳到技巧，新手很难建立完整的理解顺序。SEO and GEO contain dense terminology, while scattered tutorials often jump to tactics before beginners have a usable mental model.
- 概念之间有依赖关系，按热门技巧零散学习容易断层。Concepts depend on one another, so learning isolated popular tactics creates gaps.
- 只读定义难以理解搜索结果、HTML 与爬虫之间的关系。Definitions alone do not show how results, HTML, and crawlers relate.
- GEO 变化快，未经标注的结论容易被误当成平台规则。GEO changes quickly, and unlabelled claims can be mistaken for platform rules.
处理方式Approach
把课程拆成六个阶段、24 节课，并用搜索结果预览、爬虫模拟、页面拆解、测验和清单把抽象概念变成可操作练习。Organize 24 lessons into six stages and turn abstract concepts into practice through SERP previews, crawler simulations, page anatomy, quizzes, and checklists.
目标Goal
让没有基础的学习者按照一条清楚路径理解 SEO 与 GEO，并能在真实网页上完成基础检查。Give complete beginners a clear path through SEO and GEO and the ability to perform basic checks on real pages.
产品设计Product design
- 按搜索基础、关键词、页面优化、技术 SEO、站外信号和 GEO 排列学习顺序。Sequence learning through search basics, keywords, on-page work, technical SEO, off-site signals, and GEO.
- 每节只集中解决一个主题，并提供可以动手操作的交互组件。Give each lesson one topic and an interactive element learners can operate.
- 术语表支持搜索与分类，课程内可随时返回概念解释。Provide a searchable, categorized glossary that lessons can reference.
- 官方事实、研究结果与教学简化分别标注来源和边界。Label platform facts, research findings, and teaching simplifications with their sources and limits.
技术与实现Build notes
课程使用静态 HTML、CSS 与 JavaScript 构建，共享外壳负责导航、进度和主题，独立组件负责 SERP、爬虫、测验与检查清单。无需后端即可部署到静态托管。The course uses static HTML, CSS, and JavaScript. A shared shell handles navigation, progress, and themes, while standalone widgets handle SERPs, crawlers, quizzes, and checklists. It deploys without a backend.