SEO私馆

原创知识、有效实用、促进思考、学习交流

网站设置ARIA (无障碍阅读)进行优化的方法

网站的ARIA (无障碍富互联网应用)在代码标签没有明确语义的时候才会使用,属于是补充的意义,但是对于SEO/AEO/GEO也有辅助的作用,AI搜索引擎会通过ARIA识别页面的语义结构和信息定位,但是精确使用ARIA,否则宁愿不用。

网站如何使用ARIA( ‌Accessible Rich Internet Applications)?

<div role="banner">banner导航</div>

<form role="search">站内搜索</form>

<a rel="home" href="/">首页</a>

<footer role="contentinfo">尾部</footer>

<aside aria-label="自定义名称"></aside>

其实ARIA有很多种定位的标准,也可以自定义使用,但是大多数情况只要使用主要的ARIA属性就可以了,尤其是要注意避免和标签自带的语义产生冲突,如:form标签就不要使用role="form",这就重复了。

ARIA可以帮助AI识别网站的信息定位。

但是这不是决定性的作用,而是可以提高AI的识别率,尤其是复杂的前端代码就可以考虑使用ARIA进行定位,使用从技术层面是有利于生成引擎认识网站的情况,而且在传统搜索引擎也早就符合SEO的标准,所以网站可以添加ARIA,但是不要迷信效果,

哪些类型的网站适合添加ARIA?

交互式、功能性的网站是比较实用使用ARIA,尤其是页面版块布局存在重复标签的情况,那就有必要用ARIA进行区分定位了,其实就是把内容信息进行区别标识,从而提供清晰的结构状况,但是要注意有些ARIA属性值是不能在一个页面重复使用,所以要明确唯一性。

"SEO私馆"结语:实际上谷歌和微软都是支持网站使用ARIA,其实也是属于用户体验方面的优化事项,但是不要泛滥使用,点到为止就可以了。