隐藏网站标题和/或标语或网站描述对 SEO 有影响吗？答案

【问题标题】：Does hiding site title and/or tagline or site description matter SEO?隐藏网站标题和/或标语或网站描述对 SEO 有影响吗？
【发布时间】：2013-05-02 06:32:47
【问题描述】：

在几个教程中我发现，网站标题和网站描述对于 SEO 很重要。甚至有些人使用<h2> 作为网站标题，使用<h1> 作为网站描述，从而吸引搜索引擎对网站事务的关注。

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

选项 I： 但在某些网页中，我们看不到任何网站标题或说明，而是网站徽标。在这种情况下，设计师建议使用text-indent 来隐藏它们。

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

它会通过从可见部分缩进它们来隐藏文本，这样搜索引擎就会抓取它们并且对 SEO 友好。但问题是，他们占用了标题部分的空间。为了满足空间，我们需要为以下项目留出余量，这对我来说不是一个好的解决方案。

选项二：除此之外，我们可以使用visibility:hidden

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

我不知道它是否使爬虫能够爬取那些文本，但这里也有同样的问题，它正在占位。

选项 III： 但唯一有用的是 display: none，它的工作方式类似于纯 HTML 评论 ()

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

但实际上，它只是让文本消失了，我认为甚至从爬虫的角度来看也是如此。所以，对我来说，它对 SEO 不友好。

因此，选项 I 和 II 对于占位问题很有用。

我怎样才能将它们放在那里以供 SE-Crawler 使用，但在没有发生的情况下肉眼看不见？

【问题讨论】：

标签： css seo

【解决方案1】：

使用CSS clip Property 是解决此问题的一种非常干净且不冲突的解决方案。

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

CSS clip 属性
clip CSS 属性定义了元素的哪些部分是可见的。 clip 属性仅适用于具有position:absolute 的元素。

浏览器支持：

【讨论】：

【解决方案2】：

我认为display:none 不会从源代码中消失您的代码。它仍然存在，搜索引擎仍然会抓取它们。

尝试检查页面元素（Chrome 开发者工具或 Firebug）或查看源代码，你会看到！ CSS 永远不会影响页面上呈现的 HTML 类型！它只会影响它的外观。所以，放松一下，使用display:none 属性。

【讨论】：

【解决方案3】：

所以，我在这里得到了正确答案：
https://webmasters.stackexchange.com/questions/1377/how-bad-is-it-to-use-display-none-in-css

我们可以使用display:none;，搜索引擎会抓取它，所以对SEO没有压力。

但注意： 请勿使用display: none; 发送垃圾邮件。 :)

谢谢@akash4eva。

【讨论】：