CSS 隐藏 属性 的 H1 元素?

H1 Element with CSS Hidden property?

这周我研究了很多标题标签和大纲策略。 现在,我被大量信息困住了。

阅读 HTML5 Doctor: Document Outline article,我在使用 "Untitled Sections" 时没有遇到任何问题,但是,您放置一些标题标签并使用 [= 隐藏它的方式62=]。当我读到这篇文章时,我的大脑被炸了。我一直听说 "hidden element tactic, is a blackhat problem for SEO".

考虑代码:

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

大纲中,结果为:

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

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

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

你有没有听说过Spamdexing

Google 和其他主要搜索引擎足够聪明来对抗垃圾索引。

所以使用隐藏标签对您的网站确实有害。希望这有帮助

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

该方法在 1996 年和 1997 年创造了奇迹,当时搜索引擎还没有能够自动识别并击败它们。这是一个搜索引擎急于索引尽可能多的页面的时代——尽可能快地增加它们的索引。那时候,所有形式的垃圾邮件都是可以容忍的。事实上,Google 的创始人特别提到了对搜索结果的操纵,这是迫使他们首先创建 Google 的一个因素。

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

简而言之。如果您使用此方法被发现,您可能会被永久禁止并列入搜索引擎黑名单....所以不要冒险!

-Epik