如何使一个文本隐藏另一个文本。

Question

我正在实施facebook的评论框，我想要的是我通过GET获取并呈现给模板的评论应该对人类不可见但对搜索引擎可见。

作为实验，我这样做了：http://jsfiddle.net/4D8hh/

如何让first隐藏second？但second应保持可抓取状态。

z-index在这里似乎是错误的选择，我还能做什么呢？它可能吗？

Answer 1

将display:none用于您希望在页面上显示的任何内容，但不会对用户显示。内容将在那里......它不会在页面上“显示”。

Answer 2

刚刚放

background:white;

应该是它

但是Quora有一些其他好主意请看看这里适合他们它应该适合你。 ：）

https://plus.google.com/106413090159067280619/posts/KDSVtgHiuie

Answer 3

我可以在这里提出我的担忧。 Google不赞赏人们试图通过隐藏文字来获得更好的搜索排名。它可能根本不起作用。从用户的角度来看，为什么不希望评论可见？

无论如何，如果你真的想走这条路，开始使用： http://schema.org/Comment

然后你可以将这些元素置于绝对位置的上下文之外：

position: absolute;
left: -9999em;

或者像Twitter Bootsrap，.sr-only：

.sr-only
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}