HTML5的标签中真正影响SEO的是description、robots和viewport三类;keywords等已被忽略;charset必须为UTF-8且置于head最前;结构化数据须用JSON-LD而非meta。

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











