javascript - 用工具提示的跨度替换标题属性对 SEO 来说是个坏主意吗？

Question

我目前正在为工具提示实现纯 CSS，并开始重新考虑它。

我决定使用纯 CSS 方法将代码与文本的比例降至最低，更好地控制它们的显示方式和更好的用户体验。但是使用没有任何 JavaScript 的纯 CSS 解决方案需要从 anchor 标记中删除 title 属性。 这显然有缺点(？)。

这让我开始思考:SE 是否已经进化为查看 anchor 标记内的 span 标记来代替 title 属性？

通过删除 title 属性可以防止浏览器显示工具提示的默认行为(因此在使用纯 CSS 时不会向用户显示两个工具提示)但是 title 属性对搜索引擎很重要和搜索引擎优化。

知道搜索引擎变得越来越聪明，我看到很多工具提示设计通过属性检查器以这种方式实现。

所以:

1. 我还应该包含标题属性吗？ - 我看到好的和坏的
2. 如果 span 和 title 在给定的 anchor 中包含相同的文本，是否会受到惩罚？ - 这会很糟糕
3. 即使 span 标签在 anchor 内，它也算作文本吗？ 很酷，但很可能是
4. 如果省略 title 属性，span 会取而代之吗？ 更好的做法是让 inter-web 成为更好更快的地方，但很可能不会<

同时拥有两者最终会增加文件大小，代码率也会增加。如果 SE 可以搜索 anchor 之间的 span 标签作为标题描述，那就太棒了。

所以我问你，根据任何当前(或内部)知识以及我上面的问题，下面的哪些代码片段对 SEO 不好或最好？

使用 JS 和/或 CSS 的老派方法:

<a class="[add my tooltip and remove the browsers]" href="#" title="description of link">The Link</a>

或

我见过很多开发者使用的 Action :

<a href="#">The Link<span>description of link</span></a>

或

但它应该是:

<a href="#" title"description of link">The Link<span>description of link</span></a>

显然，SEO 权重也有很多因素需要考虑，所以我想尽可能全面地了解每个人的意见 - 每个人都可以从中学到一些东西(？)。

感谢

Answer 1

使用

<a href="#" title="description of link">The Link<span>description of link</span></a>

总是有利的，搜索引擎(主要是谷歌)对链接的内容感兴趣，因此 href 标题起着至关重要的作用。它不仅向用户传达链接详细信息，而且还使 SE 能够使用其属性阅读您的链接，而不必按照链接进行分类。

SE机器人对span的读取还有争议，但是title属性是肯定的。