链接多个元素？

-1

我有一个图像，它下面是一个标题和一个副标题。列表中有许多这些。点击他们去一篇文章。链接多个元素？

<li> 
    <div class="img-container"><img src="test.jpg"></div> 
    <h2>The Title</h2> 
    <p>The sub title</p> 
</li>

我需要上面的链接。我希望用户能够点击图片，标题或副标题进入文章页面。

我应该穿得每个元素，并创建3×链接：

<li> 
    <div class="img-container"><a href="/whatever"><img src="test.jpg"></a></div> 
    <h2><a href="/whatever">The Title</a></h2> 
    <p><a href="/whatever">The sub title</a></p> 
</li>

或者我应该换整块：

<li> 
    <a href="/whatever"> 
     <div class="img-container"><img src="test.jpg"></div> 
     <h2>The Title</h2> 
     <p>The sub title</p> 
    </a> 
</li>

要么方法对SEO的影响？可用性？

来源

2016-02-29 panthro

无论是。两者都适用于HTML5。 – j08691

你也可以给我一个onclick =“location.href ='www.url.com'”。不知道这是否对搜索引擎优化有影响 –

包装整个区块 – LGSon

上的一个页面上的链接数量谷歌used to have a limit;减少链接数量（特别是链接到同一地点）被认为是有利的。因此，我建议你在<a>标签包裹<li>内容的第二个选项去。

来源

2016-02-29 15:53:17

将整个内容包装在锚点中会更好，因为它更具语义并提供更好的代码可读性。由于Google算法考虑了所有这些因素（因为在HTML 5规范中允许在锚内包含多个块级元素），所以对SEO没有影响。

更重要的是，在此代码，请确保您对锚冠军属性，在IMG的ALT属性和使用更好的包含元素。在这种情况下，你有一个事物列表，所以更多的语义，如<article>标签可能会提供更好的搜索引擎优化。

来源

2016-02-29 16:00:46 Baconbeastnz

链接多个元素？

回答

相关问题