HTML5静态页SEO仍有效，关键在正确设置title、meta description和viewport标签，并采用语义化结构、alt属性、规范URL及canonical标签。
HTML5里还有用吗
基本没用。主流搜索引擎（Google、Bing、百度）早已停止将 <meta name="keywords"> 作为排名依据。百度在2014年官方声明不再识别该标签；Google 更早在2009年就明确表示忽略它。继续堆砌关键词不仅无效，还可能因重复、无关或过度优化被判定为低质信号。
真正影响SEO的meta标签有哪些
必须确保以下三个 <meta> 标签正确设置，它们直接影响搜索结果中的展示效果和点击率：
-
<title></title>（不是 meta，但最关键）：控制搜索结果标题，建议 ≤60 字符，含核心关键词前置 -
<meta name="description" content="...">：影响搜索结果摘要，建议 70–120 字符，自然通顺，带行动引导（如“了解…”“下载…”），不堆词 -
<meta name="viewport" content="width=device-width, initial-scale=1">：保障移动端正常渲染，间接影响移动搜索排名
其他如 <meta charset="UTF-8"> 和 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 属于基础兼容性配置，不参与SEO计算但影响页面可访问性。
HTML5静态页SEO还能做什么
静态页没有服务端逻辑，但可通过结构化和语义化补足SEO短板：
立即学习“前端免费学习笔记（深入）”；
- 用语义化标签替代
<div>：比如用 <code><header></header>、<main></main>、<article></article>、<h1></h1>~<h6></h6>明确内容层级 - 图片必须加
alt属性：<img src="logo.png" alt="公司官网首页">，不可为空或仅关键词堆砌 - URL 路径保持简洁有意义：比如
/products/widget比/page?id=123更友好 - 手动添加
<link rel="canonical" href="https://example.com/page">防止镜像或重复路径被误判 - 所有页面共用同一段
<meta name="description">，尤其是模板生成的静态站，导致搜索结果摘要千篇一律 - 在
<title></title>里写 “首页 | 公司名称 | 关键词1 关键词2”，实际只显示前50字符，后半截被截断且无意义 - 误以为
<meta name="robots" content="index,follow">是默认行为——其实未声明时多数爬虫按默认策略处理，但显式声明能避免 CDN 或部署工具自动注入 noindex - 用 JavaScript 动态插入
<title></title>或<meta>，而搜索引擎抓取的是初始 HTML，JS 渲染结果不被识别（对纯静态页本不该存在此问题，但有人用静态生成器+JS补全时会踩中）
如果页面有多个版本（如带参数的分享链接），canonical 标签是静态页唯一可控的去重手段。
别踩这些静态页SEO坑
常见实操失误比技术缺失更伤SEO：
静态页的SEO上限取决于你是否把每个页面当作独立内容单元来对待——标题、描述、结构、链接，都得手工校验，没有后台自动填充的侥幸空间。
