HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
HTML4 的
HTML4 时代 主要靠 name + content（如 keywords、description）和 http-equiv（模拟 HTTP 头）两类。HTML5 并未废弃它们，但新增了更精准的属性和语义化用途，尤其在 SEO、移动端适配、结构化数据协同方面有实质性升级。
charset 和 viewport 是必须升级的两个硬性标签
HTML4 中字符集需用 http-equiv="Content-Type" 模拟，写法冗长且易出错；HTML5 直接支持 ，浏览器解析更早、更可靠。同理， 是响应式页面的基础，没有它，移动端会默认以桌面视口缩放渲染 —— 这不是 SEO 问题，而是用户可访问性的硬门槛。
-
必须放在最前面，否则可能被忽略或导致乱码 -
viewport的user-scalable=no已被主流 SEO 指南反对（影响可访问性），不应使用 - 多个
viewport标签会被最后一个覆盖，不要重复声明
HTML5 新增的 name 值：从“能填”到“该填”的关键转变
像 author、generator 这类旧值依然有效，但 HTML5 明确推荐并扩展了几个对 SEO 更友好的新 name 值，部分已被 Google、Bing 等解析：
-
application-name：用于 PWA 安装横幅显示名称，影响用户留存而非排名，但属于现代 Web 应用标配 -
theme-color：控制地址栏/任务栏颜色，提升品牌一致性，Chrome on Android 会读取 -
referrer：控制外链跳转时是否发送 Referer，影响分析数据完整性，no-referrer-when-downgrade是现代默认策略 -
robots值扩展：支持max-image-preview:large、max-snippet:-1等精细化控制，Google 自 2019 年起识别
注意：keywords 早已被 Google 忽略，保留仅对极少数垂直搜索引擎或内网搜索工具有微弱作用，不值得占用标签位置。
立即学习“前端免费学习笔记（深入）”；
SEO 不靠
最常踩的坑不是“没加新标签”，而是已有标签的冲突或误用：
-
description超过 160 字符可能被截断，但强行压缩到 120 字未必更好 —— Google 会根据查询动态重写摘要，重点是准确反映页面核心内容 - 多个
canonical标签（哪怕只一个在 JS 动态插入）会导致搜索引擎无法判断权威 URL，应确保服务端只输出一个 -
robots设为noindex,follow时，若页面被大量外链引用，可能造成“索引缺失但链接权重流失”的隐性损失
真正影响 SEO 的从来不是元数据本身，而是它所暴露的页面意图是否清晰、技术实现是否一致 —— 尤其当 与
