在<header>中使用两个<nav>元素是否会受到惩罚
And*_*sov 5 html css seo html5
我指的是一个主菜单和一个较小的超级菜单(不知道正确的术语),如下所示:
对于这样的事情,我打算把两个<nav>元素放在<header>.是否有任何理由(SEO或其他方式)这是一个坏主意？如果是这样,那么另类选择是什么？
(这与多个<nav>标签不同,后者在整个页面上引用多个,而不是在单个块元素中引用多个)
简短回答：不，没有（可能）
更长的答案：HTML5 规范本身在这个主题上有点模糊： http://dev.w3.org/html5/spec/Overview.html#the-nav-element
问题是，他们将<nav>元素指定为“主要”导航块，但将其留给（开发人员和解析器）想象，这意味着什么。正如您所看到的，他们甚至提供了一个示例，其中他们从导航块中排除了“站点范围”。
<body itemscope itemtype="http://schema.org/Blog">
<header>
<h1>Wake up sheeple!</h1>
<p><a href="news.html">News</a> -
<a href="blog.html">Blog</a> -
<a href="forums.html">Forums</a></p>
<p>Last Modified: <span itemprop="dateModified">2009-04-01</span></p>
<nav>
<h1>Navigation</h1>
<ul>
<li><a href="articles.html">Index of all articles</a></li>
<li><a href="today.html">Things sheeple need to wake up for today</a></li>
<li><a href="successes.html">Sheeple we have managed to wake</a></li>
</ul>
</nav>
</header>
他们似乎这样做是因为他们认为限制导航元素中的链接数量有利于可读性（想想屏幕阅读器等）。
现在知道搜索引擎将要做什么可能有点为时过早，但可以肯定的是，他们会更加重视导航元素链接来检测您网站的结构，如果您的导航元素较少，可能会更加重视他们...
我的印象：Twitter 和 Facebook 链接似乎肯定已经失效，支持和博客值得商榷