第一课：独立站Google SEO 必学极简HTML

一、先讲核心作用

做独立站不管是WordPress还是自建站，HTML是SEO的底层骨架

谷歌爬虫只认HTML结构，你要靠它搞定：

• 告诉谷歌页面是什么内容
• 规范网址、避免重复收录
• 做语义化标签提升排名权重
• 加结构化数据拿搜索彩蛋排名
• 适配移动端、优化页面基础结构

二、只学这些，其他全部不用看

1. SEO必备基础Meta标签（必记必会）

直接复制就能用模板：

<!-- 网页标题 谷歌排名核心 -->
<title>核心关键词 | 品牌词</title>

<!-- Meta描述 搜索结果展示文案 -->
<meta name="description" content="这里写包含长尾关键词的简介，吸引点击">

<!-- 爬虫指令：允许抓取、允许索引 -->
<meta name="robots" content="index,follow">

2. 三大SEO关键标签（刚需中的刚需）

① Canonical 规范标签（解决重复收录）

作用：告诉谷歌这页是原版，其他相似页面不算重复内容

<link rel="canonical" href="https://你的网站.com/当前页面url">

② H1-H6 标题层级（权重分配）

规则死记：

• 一个页面只能有1个H1
• 下面用H2分大板块
• H3做细分小节

谷歌靠H标签判断页面关键词重心

<h1>主核心关键词</h1>
<h2>相关细分主题1</h2>
<h3>详细小点说明</h3>

③ Schema 结构化数据（拿富媒体排名）

作用：搜索结果出评分、FAQ、图文彩蛋，点击率直接碾压同行

通用Article模板，直接替换内容就能用：

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Article",
  "headline":"文章标题",
  "description":"页面描述",
  "author":{"@type":"Person","name":"作者名"},
  "publisher":{"@type":"Organization","name":"品牌名"}
}
</script>

3. 链接与图片SEO

内链/外链

<!-- 普通内链 -->
<a href="https://你的网站.com/目标页">锚文本关键词</a>

<!-- 外链加nofollow 不流失权重 -->
<a href="外部网址" rel="nofollow">外部链接</a>

图片SEO（提升图片收录+速度）

必须加alt属性，告诉谷歌图片内容：

<img src="图片地址.jpg" alt="关键词描述图片内容" loading="lazy">

loading="lazy" 延迟加载，直接优化CWV页面速度

三、必避坑（新手90%都踩雷）

四、本节课实操作业