html5的标签中真正影响seo的是description、robots和viewport三类；keywords等已被忽略；charset必须为utf-8且置于head最前；结构化数据须用json-ld而非meta。
HTML5 的 <meta> 标签本身不直接提升排名，但正确设置能显著改善搜索引擎对页面的理解、控制索引行为、提升点击率和移动端体验——错设反而会导致被降权或不收录。
哪些 <meta> 标签真正影响 SEO
搜索引擎主要关注三类：name="description"（影响搜索结果摘要）、name="robots"（控制抓取与索引）、name="viewport"（影响移动适配评分）。其他如 keywords 已被主流引擎完全忽略，author、generator 等纯属冗余。
-
description必须每页唯一，长度控制在 120–160 字符（含空格），避免堆砌关键词，要自然包含用户可能搜索的短语 -
robots值需按页面用途显式声明：公开页用index,follow（可省略，默认值），后台页/重复页必须写noindex,nofollow -
viewport必须存在且准确，否则 Google 视为“非移动友好”，影响移动搜索排序：<meta name="viewport" content="width=device-width, initial-scale=1.0">
charset 和 http-equiv 设置错误会引发什么问题
charset 错误会导致中文乱码、JS 解析失败、甚至被爬虫中断抓取；http-equiv 滥用（如伪造 refresh 跳转）会被判定为作弊。Google 明确要求 charset 必须放在 最前位置（早于任何内容或 JS）。
- 必须用
UTF-8，且声明方式唯一有效：<meta charset="UTF-8">
（不要写成content="text/html; charset=UTF-8"） - 禁用
http-equiv="refresh"实现跳转——改用 HTTP 301 或 JSwindow.location -
http-equiv="X-UA-Compatible"是 IE 专属，HTML5 页面可安全移除
结构化数据该不该用 <meta> 实现
不该。JSON-LD（写在 <script type="application/ld+json"></script> 中）是 Google 官方推荐的唯一可靠方式。<meta> 无法表达嵌套关系、数组或多值字段，且 Schema.org 不支持通过 meta 注入关键类型（如 Article、Product）。
立即学习“前端免费学习笔记（深入）”；
- 试图用
<meta itemprop="name">做结构化数据，Google Rich Results Test 工具会直接报“未检测到有效标记” - 仅在极少数场景（如 Open Graph 协议用于微信/微博分享）才允许用
property="og:xxx"，但这属于社交平台协议，与 SEO 无关 - 所有 SEO 相关结构化数据，一律走 JSON-LD
真正容易被忽略的是：多个 <meta name="description"> 标签共存时，Google 只取第一个，其余被静默丢弃；而 robots 如果同时出现在 HTML 和 HTTP Header 中，Header 优先级更高——这意味着 CMS 后台配置可能覆盖你写的 meta，得双向检查。
