具有CSS隐藏属性的H1元素?

时间:2015-01-28 00:08:58

标签: html css html5 seo html-heading

在本周,我一直在研究很多标题标签和概述策略。 现在,我被困在很多信息中。

阅读HTML5 Doctor: Document Outline article,我对" Untitled Sections" 没有任何麻烦,但是,您放置一些标题标记并用CSS隐藏它的方式。当我读到这篇文章时,我的大脑就被吹了。我总是听说过"隐藏的元素策略,对SEO来说是黑帽子问题"。

考虑代码:

 <header>
   <h1>My Website</h1>
   <nav>
     <a href="#"></a>
   </nav>
 </header>
 <main>
   <h2>This is a cool title</h2>
 </main>

在大纲中,结果是:

  • 我的网站
    • Untitled Section
    • 这是一个很酷的标题

好的,现在让我应用隐藏的策略:

 <style>
   .hidden{ visibility: hidden; }
 </style>

 <header>
   <h1>My Website</h1>
   <nav>
     <h2 class="hidden">Navigation</h2>
     <a href="#"></a>
   </nav>
 </header>
 <main>
   <h2>This is a cool title</h2>
 </main>

现在,我的大纲得到了:

  • 我的网站
    • 导航
    • 这是一个很酷的标题

只需用CSS隐藏元素即可完成任务。

问题是:我真的能做到吗?

OBS:我用来测试大纲的工具:https://gsnedders.html5.org/outliner/

2 个答案:

答案 0 :(得分:1)

使用隐藏文字被认为是黑帽子,并且已被大多数主要搜索引擎识别为垃圾邮件。

你听说过Spamdexing

吗?

谷歌和其他主要搜索引擎足够聪明,可以打击Spamdexing。

因此,使用隐藏标签可能会对您的网站造成严重损害。希望这有帮助

答案 1 :(得分:1)

简单而直接的答案是你不应该使用隐藏文字......你可以通过在页面上隐藏关键词填充句子来欺骗搜索引擎很短的时间,但是你可能会冒险使用你的网站永久禁止搜索引擎。

该方法在1996年和1997年创造了奇迹,之后搜索引擎能够自动识别并击败它们。在这个时候,搜索引擎渴望索引尽可能多的页面 - 尽可能快地增加索引。那时候,各种垃圾邮件都被容忍了。事实上,谷歌的创始人特别提到将搜索结果的操纵作为迫使他们首先创建谷歌的因素。

幸运的是,自1997年以来,搜索引擎一直对打击操纵其结果的努力保持警惕,并且每个主要搜索引擎都特别禁止下面描述的每种方法。当然,自战斗开始以来,谷歌一直在与垃圾邮件作斗争。使用这些技术中的任何一种都可能导致您的网站被主要搜索引擎永久禁止。

简而言之。如果你被抓住使用这种方法,你可以获得perma禁止和黑名单搜索引擎......所以不要冒风险!

-Epik