html5:分区元素中的标题 - 文档大纲和SEO含义

Question

html5规范说:

切片内容元素或切片根元素的大纲由一个或多个可能嵌套的节的列表组成.section是一个容器,对应于原始DOM树中的某些节点.每个部分可以有一个与之关联的标题,并且可以包含任意数量的其他嵌套部分.大纲的算法还将DOM树中的每个节点与特定部分和可能的标题相关联.

并且相同的推理似乎适用于html5文档大纲算法.

我一直在检查使用HTML5大纲(h5o)[我的网站的大纲链接 ]工具但我有,因为事实上很难达到不与无用标题不堪重负清晰的轮廓,那等元素<nav>或<footer>将出现在您的大纲但是除非你给他们一个明确的h1-h6标题,否则它会以"无标题"的形式出现.

对于导航或页脚等内容来说,这似乎有点过分.

一种解决方案是用div替换这些元素,但这似乎打败了使用html5的全部目的.

另外,我已经试探性地在我的网站[试图链接 ],是为所有的切片元素设置标题,然后用CSS来再次隐藏标题,查看其中一些(中,基本上<nav>和<footer>,以及一些<section>元素.下面是一个例子:

<nav id="content-nav">
    <h2 class="hidden">Post navigation</h2>
    <ul>
        <li class="alignleft"><?php next_post_link('&#8592; <strong>Next Post</strong><br />%link') ?></li>
        <li class="alignright"><?php previous_post_link('<strong>Previous Post</strong> &#8594;<br />%link') ?></li>
    </ul>
</nav>

这导致一个很好的diplaying网站,但我看到的问题是谷歌排名.Google 在其网站管理员工具帮助项目[ 链接 ]中隐藏了"隐藏文字和链接",明确指出:

隐藏内容中的文字或链接可能会导致您的网站被视为不值得信任,因为它向搜索引擎提供的信息与访问者的信息不同.文本(例如过多的关键字)可以通过多种方式隐藏,包括:[...]使用CSS隐藏文本...

有些人可能会觉得Google是否喜欢他们使用隐藏文字的事实并不重要,但我的大部分访问者都来自谷歌搜索,我宁愿不因为选择这种设置而受到惩罚.

有人可以就这个问题提供建议吗？

Answer 1

另外,我已经试探性地在我的网站试过,是为所有切片元素设置标题,然后使用CSS来隐藏标题一些主题(再次,基本上<nav>和<footer>,以及一些<section>元素.

这正是我的方式,实际上还没有建立一个HTML5网站,但有趣的是我一会儿看了这个.

"标题"或章节标题非常适合创建结构或文档大纲(如大纲中所示).它们对于辅助技术用户也非常有用,他们基本上可以通过"标签"通过标题找到他们的方式,而不必"听"所有内容,并试图找出你可能放在哪里,例如你的搜索框.

这就是为什么我看到标题/标题应该存在的原因,即使它们是从视觉用户视图中隐藏的(并且是SE的东西;))

并非所有CSS隐藏方法都是相同的

好的,所以我知道我们不能注销SE,因此您选择隐藏标题的方式非常重要,因为您希望它们可供AT(辅助技术)用户使用.. display: none;不可靠(某些屏幕阅读器不要不读它们,你也不能"标签"找到它们 - visibility: hidden; 不会删除空格而你仍然无法"标签"找到

那么哪种隐藏方法呢？

...... Drupal社区的成员发现了一个非常酷的东西..使用clip: rect(); 让每个人都开心的财产

.my-hidden-element {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}

至于Google,他们不仅难以根据clip财产"全面禁止/惩罚" ,即使开始提升旗帜,我认为如果你能证明隐藏元素的合法用法,那就像其他一切一样 -应该没有问题..事实上,在这种情况下额外的标题理论上应该帮助他们 "找到结构" - 所以我真的觉得这不是最大的担忧..

我的想法

我绝对认为我们应该根据HTML5 recs标题部分,它比任何代码元素或类名更加语义,但我也100%认为我们应该能够将它们隐藏在视觉观看者中,因为没有必要显示标题"搜索本网站"如果您的视觉用户可以看到那里有搜索框;) - 该标题仅对非视觉用户和SE有用,以帮助他们找到文档区域..理论上应该有助于SE/Google解雇那个区域,例如他们不需要索引搜索框..所以他们将不得不开始工作他们的AI,你不觉得;)

我的感觉就是顺其自然并清楚你为什么要这样做,那么如果你的网站有任何机会被标记(我认为这是非常不可能的,并且无论如何都是人工审查)你可以很清楚地解释为什么你这样做..只要那些隐藏的标题不是"垃圾",那么我认为它将与"图像替换"属于同一类别

+1很棒的问题!