关于<nav>标记

时间:2017-02-01 15:25:36

标签: html5 seo

我的一个网站庞大而复杂。因此,我尝试在页面底部创建一组链接,以便对我的网页访问者以及网站抓取工具有意义。
我决定使用-nav- Tag和-h1-h2-h3- heading标签。我将使用CSS来显示标题之间没有区别。 (标题我将用于搜索引擎优化,我希望它会工作) 我有两个选项可以使用-nav- Tag。我的问题是哪个选项更好。

选项1(一个-nav-tag):

<nav>
<h1>Main links</h1>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> 

<h2>Secondary links</h2>
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>

<h3>Third links</h3>
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

选项2(多个-nav-标签):

<nav>
<h1>Main links</h1>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> 
</nav>

<nav>
<h2>Secondary links</h2>
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

<nav>
<h3>Third links</h3>
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>


所有链接指向同一域的不同页面
那么我应该将哪个选项用于SEO目的。请指教。谢谢。
注:
这个问题比关于代码的搜索引擎优化更多,但是我还是留下了它,所以我帮助了其他人。如果将更多的downvotes我将删除他。我选择使用第二版。

1 个答案:

答案 0 :(得分:0)

根据我的理解,只要它们不嵌套,您就可以拥有任意数量的标签。 但在我看来,第一种选择更好。