【发布时间】:2014-03-10 23:44:06
【问题描述】:
我知道类似的问题已经被问过一百万次,但我有一个关于 SEO 和 CSS 显示的非常具体的问题:无。 我的理解是,从 SEO 的角度来看,使用 display:none 隐藏元素是可以接受的,只要你不想偷偷摸摸,并且有一些东西可以实际显示元素,例如JavaScript / jQuery。 如果我的脚本没有专门显示这些元素怎么办? 我的意思是说我有以下内容:
<a class="pin" id="cont1"></a>
<a class="pin" id="cont2"></a>
<div class="container" id="container1">
<p>Some text</p>
</div>
<div class="container" id="container2">
<p>Some more text</p>
</div>
容器 div 是 display:none,点击 pin 锚点会显示相关的 div,即 pin“cont1”显示“container1”,“cont2”显示“container2”等。 但是,执行此操作的脚本没有引用特定的 div。相反,它将锚 id 中的数字子串起来,以知道要显示哪个 div,即
$('.pin').each(function () {
$(this).click(function () {
var contId = $(this).attr('id').substr($(this).attr('id').length - 1);
var container = document.getElementById('container' + contId);
if ($(container).css('display') == 'none') {
$(container).fadeIn();
} else {
$(container).fadeOut();
}
})
});
基本上,要显示/隐藏的元素是在脚本中制定出来的,并且不直接引用实际的 div id。 你认为这种做法会受到谷歌的惩罚吗?这会被当作从未显示的隐藏内容而被拾取吗? (即使它实际上是)
【问题讨论】:
标签: javascript jquery html css seo