aria-hidden="true"对搜索引擎完全没影响，因其仅修改可访问性树，不改变dom结构或html解析流程，google等爬虫直接解析原始html，仍会抓取、解析并索引其中文本。
aria-hidden="true" 对搜索引擎完全没影响，文本照常被抓取、解析、索引。
为什么搜索引擎无视 aria-hidden
因为 aria-hidden 是专为辅助技术（如屏幕阅读器）设计的语义开关，只修改可访问性树（Accessibility Tree），不改变 DOM 结构、不触发 CSS 渲染变化、也不影响 HTML 解析流程。Google、Bing 等主流爬虫直接解析原始 HTML 文本和 DOM 节点，根本不读取 ARIA 属性来决定是否索引内容。
实测结果：含 <p aria-hidden="true">限时优惠：BUY50</p> 的页面，该字符串会出现在 Google 搜索结果摘要和缓存快照中——只要它在初始 HTML 里，且未被 robots.txt 或 <meta name="robots" content="noindex"> 阻止。
哪些隐藏方式同样不影响 SEO
以下三种写法，对搜索引擎效果一致：都保留 DOM、文本可提取、链接可跟踪：
-
display: none—— 元素从渲染树移除，但 DOM 仍在 -
visibility: hidden—— 占布局、不可见，DOM 完整 -
hidden属性（HTML5 原生）—— 语义化隐藏，DOM 存在，现代爬虫仍解析其子内容
真正能阻止搜索引擎索引的方法
想让某段文字不进搜索结果，必须让它不出现在服务器返回的 HTML 源码中：
- 服务端条件渲染：比如 PHP/Node.js 中用
if判断跳过输出该标签 - 用
<meta name="robots" content="noindex">整页屏蔽（不针对局部） - 通过
robots.txt禁止爬虫访问含该内容的 URL - 动态 JS 插入 + 不 SSR：若内容纯靠客户端 JS 添加，且首次 HTML 中不存在，则可能漏抓（但现代爬虫执行 JS，可靠性下降）
aria-hidden="true" 的唯一合法用途
它不是“隐藏工具”，而是“读屏过滤器”。仅用于两类场景：
- 纯装饰性 SVG 图标：
<svg aria-hidden="true"><use href="#icon-x"></use></svg>（旁边已有可见文字说明） - 模态框开启时，给背景遮罩层（overlay）加
aria-hidden="true"，防止读屏器误读非焦点区域
其他任何用法都容易出问题：比如给 <nav></nav> 或 <button></button> 加 aria-hidden="true"，会导致键盘用户能 Tab 进去但读屏器沉默——这是典型的语义断裂，且对 SEO 零作用。
最常被忽略的一点：父元素设了 aria-hidden="true"，所有子元素（包括 <a></a>、<button></button>）都会被读屏器跳过，子元素显式写 aria-hidden="false" 在绝大多数浏览器中无效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
