CSS隐藏文字对搜索引擎非法？

这里是我为jQuery Modal Box创建的基本示例框，CSS和JS。CSS隐藏文字对搜索引擎非法？

<!-- 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>

所以当用户点击First/Second Box链接时，jQuery模态会弹出内容。我的目的不是隐藏文字。我在某些博客中听说过并阅读过，Google会采取隐藏文字的行动。我的方式对SEO非法/不好？或者有没有更好的方法来做到这一点没有display:none？

来源

2013-03-31 Madan Sapkota

是已经讨论过的，用'TEXT-INDENT：-9999px;' – iConnor

等待，至少有一个谷歌员工谁[状态]（http://maileohye.com/ html-text-indent-not-messing-up-your-rankings /）“text-indent”触发他们的垃圾邮件过滤器。所以，我不会那样做。 –

我不敢相信，如果搜索引擎对隐藏的内容进行惩罚，搜索引擎就会陷入“文本缩进”的诡计之中。 – JJJ