是否隐藏网站标题和/或标语或网站说明有关SEO？

在几篇教程中，我发现网站标题和网站描述对搜索引擎优化很重要。即使他们的一些使用网站标题<h2>和<h1>为网站描述抓住搜索引擎的关注网站事项。是否隐藏网站标题和/或标语或网站说明有关SEO？

<header> 

<div id="logo"><a href="#"><img src="images/logo.png" alt="Logo of the Company" title="Company Title"/></a></div> 

<hgroup> 
<h2 id="site-title">Site Title</h2> 
<h1 id="site-description">Site Description</h1>    
</hgroup> 

</header>

OPTION我：但在一些网页上，我们没有看到任何网站标题或描述，但一个网站的标志。在这种情况下，设计师建议使用text-indent来隐藏它们。

#site-title, 
#site-description{ 
    text-indent: -9999px; 
    }

它会通过缩进隐藏文本“从可见光部分他们，所以后来搜索引擎将抓取”时间，它会是SEO友好。但问题是，他们正在采取标题部分的空间。为了满足这个空间，我们需要为以下项目设置保证金，这对我来说不是一个好的解决方案。

方案二：在那旁边，我们可以使用visibility:hidden

#site-title, 
#site-description{ 
    visibility: hidden; 
    }

我不知道它是否能使爬虫抓取这些文本，但这里同样的问题也一样，它采取的地方。

方案三：但有用的唯一的事情是display: none，它就像一个纯HTML注释（）

#site-title, 
#site-description{ 
    display: none; 
    }

但真正的，它只是消失的文字，我觉得即使从眼睛履带。所以，对我来说，这不是SEO友好的。

所以，选项I和II对占位问题很有用。

我怎么能把他们放在SE爬行器上，但从眼睛看不到而没有发生？

来源

2013-05-02 Mayeenul Islam

使用CSS clip Property是一个非常干净和无冲突的解决方案。

h1#site-title, 
    h2#site-description{ 
     position: absolute; 
     clip: rect(1px 1px 1px 1px); /* IE7 */ 
     clip: rect(1px, 1px, 1px, 1px); 
    }