javascript - CSS 隐藏文本对搜索引擎非法？

Question

这里是我为 jQuery Modal Box 创建的基本示例框、CSS 和 JS。

<!-- hidden boxes // -->
<div id="content_1" class="box">
    <h1>First Box</h1>
    <p>Content goes here...</p>
</div>
<div id="content_2" class="box">
    <h1>Second Box</h1>
    <p>Content goes here...</p>
</div>
.....

<!-- links for boxes // -->
<a href="#content_1" class="link">Show First Box</a>
<a href="#content_2" class="link">Show Second Box</a>

<!-- css // -->
<style>
.box {
    display: none;
}
</style>

<!-- javascript // -->
<script type="text/javascript">
$(document).ready( function() {
    $('.link').click( function() {
        // process modal
    });
});
</script>

因此，当用户单击“第一个/第二个框”链接时，会弹出包含内容的 jQuery 模式。我的目的不是隐藏文本。我在一些博客中听到和读到，谷歌将对隐藏文本采取行动。我的方式非法/对 SEO 不利吗？或者有没有更好的方法来做到这一点没有 display:none ？

Answer 1

你会发现 Google 自己实际上在他们的主页上使用了 display:none; - 考虑到 jQuery 和其他使用这些效果的 JavaScript 库的流行，我看不出它会产生什么负面影响如果您在必要的情况下使用它，会影响您的搜索引擎优化。