HTML是SEO的基础执行载体，需规范使用title、description、heading、alt及结构化数据等标签以提升搜索可见性与点击率。
HTML 本身不“做”SEO，但它是 SEO 最基础的执行载体——所有搜索引擎爬虫看到的，就是你写的 HTML 结构和语义。写错标签、乱用 heading、忽略 alt 或 title，等于主动把排名信号藏起来。
怎么写 <title> 和 <meta name="description"> 才有效
这两个标签是 SERP（搜索结果页）上用户第一眼看到的内容，直接影响点击率，也参与相关性判断。
-
<title>必须在<head>内，长度控制在 50–60 字符（含空格），关键词靠前，避免堆砌；同一站点不同页面的<title>绝对不能重复 -
<meta name="description">是纯提示性内容，不直接影响排名，但影响 CTR；长度建议 120–160 字符，用自然语言描述本页核心价值，包含主关键词，不要写成广告语 - 别写
<meta name="keywords">—— 所有主流搜索引擎已忽略它多年
heading 标签怎么用才不被惩罚
搜索引擎靠 <h1> 到 <h6> 理解内容层级和主题权重。错误用法（比如全页用 <h1> 或跳级使用）会让爬虫困惑，甚至触发“标题作弊”识别。
- 每个页面只用一个
<h1>，且应准确概括该页主旨（不是网站名或导航栏文字） - 按逻辑嵌套：比如
<h1>是文章标题 →<h2>是章节 →<h3>是小节；禁止从<h1>直接跳到<h4> - 避免仅靠 CSS 把
<p>或<div>“视觉上”做成大号字来冒充 heading——爬虫看不到样式，只认标签语义
<img> 的 alt 属性到底填什么
alt 不是可选项，是图像的文本替代，关系到可访问性、图片搜索收录，以及上下文语义补充。
立即学习“前端免费学习笔记（深入）”；
- 功能性图片（如按钮图标、链接图标）：
alt描述作用，例如alt="搜索"、alt="返回首页" - 内容型图片（如文章配图、产品图）：
alt准确描述图像内容+关键信息，例如alt="MacBook Air M2 2022 深空灰色正面图，带 MagSafe 接口"，而非alt="product123.jpg" - 纯装饰性图片（如分隔线、背景花边）：
alt=""（空字符串），不是省略，也不是填“无”或空格 - 别在
alt里塞关键词堆砌，比如alt="SEO教程 SEO优化 HTML SEO技巧 免费SEO"—— 这会被识别为垃圾信号
结构化数据用不用加 <script type="application/ld+json">
加，但前提是内容真实、格式合规。它不提升排名，但能触发富媒体摘要（如星级、价格、FAQ 折叠块），显著提升 CTR。
- 优先加在
<head>末尾或<body>开头，确保 HTML 解析时可读取 - 用 Google 的 Rich Results Test 工具验证 JSON-LD 格式，常见报错如字段名拼错（
"@type"写成"type"）、日期格式不对（必须是 ISO 8601，如"2024-03-15"） - 电商页加
Product类型，博客页加Article，本地商家页加LocalBusiness—— 别硬套不匹配的类型 - 别为了加而加：如果页面没有真实的价格、评分、问答等内容，强行填充结构化数据，可能被降权
最常被忽略的其实是语义一致性：比如用 <article> 包裹正文，就别在里面塞广告位；用 <nav> 就只放导航链接。搜索引擎越来越依赖 HTML5 语义标签做内容理解，写得越“诚实”，越容易被正确归类。
