用于seo的<a>标签中的<a>标签

Question

旧代码:

<a href="test.html" class="class1">Image</a>
<a href="test.html" class="class2">Title</a>
<a href="test.html" class="class3">Download</a>

新代码:

<a href="test.html">
   <a href="" class="class1">Image</a>
   <a href="" class="class2">Title</a>
   <a href="" class="class3">Download</a>
</a>

我需要保留这些类,否则它会搞砸CSS并且改变它太多了.但是代码对SEO有害吗？

Answer 1

这是糟糕的句号 - 嵌套<a>元素在HTML中是非法的.

这样的事情会满足你的需求吗？

<a href="test.html">
    <span class="class1">Image</span>
    <span class="class2">Title</span>
    <span class="class3">Download</span>
</a>