lang属性必须写在标签上，如，写在body或子元素无效；错误位置或非法格式（如zh_cn、zh-cn）会导致seo降权、翻译失效、语音朗读错乱。
lang属性写错位置会导致整页语言信号失效
浏览器和爬虫只认 这个根声明，改 document.body.lang 或局部 <div lang="en"> 对 SEO、自动翻译、字体 fallback 几乎没影响。常见错误包括：<ul>
<li>SPA 切换语言时只更新 <code>body.lang，VoiceOver 仍用旧语种朗读
zh_ch，前端未标准化就直接赋给 document.documentElement.lang
zh_CN（下划线）、ZH-CN（大写）或末尾带空格，等于没写必须用 BCP 47 标准格式：小写字母 + 连字符 + 地区码，如 zh-Hans、ja-JP。简繁体差异会影响拼音标注和语音引擎选择，不能模糊写 zh。
DOM嵌套超6层会触发爬虫硬截断
搜索引擎爬虫流式解析 HTML，DOM 树深度超过 6 层时会主动终止解析——不是配置问题，是内存与超时限制导致的硬性截断。<div><div><div><div><div><div><h2>被跳过</h2></div></div></div></div></div></div> 这类结构中，<h2></h2> 及其子节点根本不会进索引。
- 纯
<div> 堆叠最危险；<code><section></section>、<article></article>等语义标签能重置嵌套计数 <table> 嵌套尤其敏感，<code><td> 内再套 <code><div> 会加速触发截断<li>SSR/SSG 页面必须确保首屏 HTML 包含且仅有一个 <code><main></main>，JS 动态注入晚于 500ms 等同于没写- 用
display: none隐藏冗余<h1></h1>（比如 logo 文字），向爬虫发送矛盾信号，可能标记为“隐藏文本风险” - 真正需保留 SEO 可见性的场景（如响应式菜单、无障碍辅助文本），应改用
clip-path: inset(100%)或position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; - HTML 注释里堆砌关键词（如
<!-- SEO优化,前端开发 -->）会被风控模型识别为低质信号，尤其重复超 3 次时 - 导航链接里写
title="SEO教程|免费下载"对排名零作用 - 动态站点中，Vue/React 路由切换后未更新
<title></title>，或只调document.title = ...而首屏源码仍是默认值，爬虫根本看不到新标题 -
<title></title>必须与lang同步切换；西班牙语页面返回中文<title></title>，搜索引擎会判定内容与语言严重不符
隐藏元素的写法决定内容是否被爬虫读取
display: none 和 visibility: hidden 会被 Google、Bing、百度等主流爬虫直接跳过——不是“隐藏但可读”，而是“结构上被丢弃”。典型误用：
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
title属性和标签混淆会直接削弱主题识别
<title></title> 是搜索引擎判断页面主题的首要依据，权重远高于 title 属性。后者仅用于悬停提示和屏幕阅读器播报，不参与排名。
验证是否生效的唯一可靠方式：右键 →「查看页面源代码」，搜索 <title></title>，确认是真实文本、无占位符、且与当前页面匹配。大型门户常因模板复用、多语言切换延迟或 SSR 渲染链路断裂，在这几个点上批量失效——问题不在单个属性，而在它们之间的协同断裂。
