HTML SEO 搜索引擎优化基础

HTML SEO：title/meta description、语义化标签（header/main/footer/article/nav/aside）、Heading层级h1-h6、结构化数据JSON-LD、Open Graph/Twitter Card、Core Web Vitals · 难度：入门 · +10XP

HTML SEO 基础 —— 让搜索引擎看懂你的网页

你辛辛苦苦做好的网页，如果搜索引擎找不到，就没人能看到。SEO（Search Engine Optimization）的第一步，就是写好HTML。

title —— 最重要的SEO标签

<title>零基础HTML教程 | 从入门到精通 | 武鸣大学城</title>

meta description —— 搜索结果摘要

<meta name="description" content="从零开始学HTML，通俗易懂的中文教程。">

语义化标签 —— SEO的基石

<header>页头</header>
<nav>导航</nav>
<main>主要内容（一个页面只有一个main）</main>
<article>文章正文</article>
<footer>页脚</footer>

结构化数据 JSON-LD

加上JSON-LD结构化数据后，搜索结果可能出现星级评分、FAQ折叠等丰富展示。

动手练习

1. 基础练习：把之前做的页面加上完善的title和meta description。
2. 进阶应用：用语义化标签重构一个旧页面。
3. 项目实战：给文章页加上JSON-LD结构化数据，用Google Rich Results Test验证。