【发布时间】:2014-08-05 19:48:53
【问题描述】:
我正在使用 Bootstrap 创建一个可访问的德语网站。
谷歌网站管理员工具将一个用于屏幕阅读器的德语导航词列为相对重要的内容关键字:«Umklappen»。这意味着«切换»。三明治菜单图标附近的这个导航元素出现在网站的每个页面上,因此 Google 似乎认为这是一个重要的词,但事实并非如此。
与问题相关的代码:
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#topnav"
>
<span class="sr-only">Umklappen</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
sr-only 类适用于屏幕阅读器,请参阅:What is sr-only in Bootstrap 3?。
如何告诉搜索引擎 «Umklappen» 不是内容关键字?
一个想法是用<wbr> 拆分单词,但是我认为这也会禁用屏幕阅读器,迫使他们拼写 U-M-K-L-A-P-P-E-N。
注意!这不是 How to remove page element from search results / keywords? 的重复项,因为某些建议不适用于屏幕阅读器。我不能假设屏幕阅读器理解 JavaScript。
【问题讨论】:
标签: twitter-bootstrap seo accessibility