如何以 SEO 友好的方式隐藏文本或内容

如何以友好的方式隐藏文本内容或隐藏文本内容，隐藏文本是最流行的黑帽技术之一。 ，你可能会记得有人可以玩弄搜索结果的所有方式。其中一个是创建大量关键字列表，甚至是整个被盗的文章，被伪装成隐藏在页面上。有时脚本会隐藏内容。有时它就像黑色背景上的黑色文本一样简单。 有时网站会留下字体大小设置 1，因此它很像一条黑线。无机的方式影响搜索。谷歌很快就到了。

从那时起，的进步为网站提供了几种以对用户友好的方式隐藏文本的方法。从本质上讲，可能有多种原因隐藏文本而不是向用户它。

通过常见问题，您可以通过三个选项来问题的答案。第二种选择在以后更常见，它是每个问题如果是一个链接，保持该链接外观应该问题的页面。如今，这不是一个很好的选择，因为它通常意味着着十几个或更多页面上只有 100-20 个单词 Google 说，将被视为薄内容。

现在，你还可以做链接方法，只要另一端的文章是全长的。这说明每个问题的答案至少需要1,500个。如果你能做到这一点，你可能有一个非常高的SEO的，如果你使内容一个到下一个答案，但是如果它充满了毫无意义的绒毛，它也会伤害你。

第三个选项是查看页面上的内容：隐藏内容。问题是链接，但它不会让你在一个新页面上，它只是扩展了问题的空间空间的答案。可以隐藏使用的DIV和jQuery来实现这一点。

这些天谷歌实际上对隐藏文本有什么疗法？唤醒，它已经成为一个大问题已经好几年了，大多数人已经放弃了使用它的数量。

谷歌的官方页面是质量指南的重点，可在此处找到这篇文章，我会为你总结一下。

• 在您的网站上隐藏文本和链接可能被视为具有真实性，并且违反了网站管理员指南。

• 隐藏文本的方法包括匹配字体和背景颜色、在文本文本上放置字体字体、使用 CSS 将定位到屏幕外、将大小设置为 1 或 0，或者仅通过链接句点或其他小字符来隐藏链接。

• 并非所有隐藏文本都被赋予了属性。隐藏在脚本文本文本框或 Flash 文件中对用户仍然很重要。

• 谷歌建议隐藏在脚本或视频中的任何文本也应使用 <noscript> 和其他方法以纯文本形式发布。

主要内容是文本是否在您的网站上可见。在扩展链接的 jQuery DIV 的情况下，文本很容易隐藏，因此用户可以看到隐藏。让您的用户体验和网站设计更好一点。

您可能遇到的一个问题是您使用的脚本对未启用脚本的用户隐藏了您的文本。在这种情况下，您需要在文本副本周围使用上面的 <noscript> 标记，以便没有脚本的用户仍然可以看到它。要进行测试，请使用 Lynx 等浏览器或为您的浏览器使用 NoScript 扩展程序，然后查看您的站点的外观。

当您使用脚本隐藏文本时，您应该遵循一些准则。确保您牢记它们，并在完成后将其用作清单，以确保您不会违反规则。

首先，确保避免 上面列出的谷歌黑帽操纵迹象。匹配的颜色、字体大小和其他问题都很容易被 Google 检测和惩罚，并且会损害您的整个网站。甚至不要尝试它们；即使您的搜索排名在几天内受到影响，信任的丧失也会使您对未来问题或竞争的适应力降低。

接下来，确保包含您隐藏在 <noscript> 标签中的文本的纯文本副本。我怎么强调都不过分。这使得它对无脚本用户可见，并告诉 Google 您没有试图向用户隐藏文本。

第三，考虑是否真的需要隐藏内容。为什么要隐藏内容？如果它一次全部可见，它会破坏您的布局吗？如果是这样，也许您应该努力使您的布局更加灵活。如果一个页面都可见，它是否太长了？也许最好分成几个不同的页面。是否所有针对一个主题的变体，例如同一产品不同型号的故障排除信息？将它们合并到一页中列出所有这些步骤适用的模型可能是一个更好的主意。

最后，记住用户浏览网站的方式。当他们寻找特定的信息时，他们会略读。如果他们没有看到他们正在寻找的内容，他们更有可能返回搜索结果并转到下一个有希望的页面。他们不会通过您的“阅读更多”和“点击展开”链接进行寻宝游戏。

永远记住，即使您提供 <noscript> 版本，Google 也倾向于贬低隐藏在脚本后面的内容。他们之前提到过，隐藏内容将被编入索引，但其权重可能比可见内容少得多，特别是因为它是隐藏的。无论内容的目的如何，这都是正确的；只有当内容本身旨在与搜索引擎（例如关键字列表和大量链接）进行游戏时，您才会进入惩罚领域。换句话说，即使在最好的情况下，您也无法获得文本的全部价值。

那么什么时候应该使用隐藏文本呢？

• 用户对产品的评论可以被截断为 100 个左右的字符，并通过“阅读更多”隐藏起来。

• 如果视频不是页面的主要焦点，则可以主要隐藏视频的脚本。

• 默认情况下没有索引的任何页面（例如后端支持或仅限会员的内容）都可以根据需要隐藏，因为 Google 不会从一开始就将页面编入索引。

• 菜单和导航中的下拉文本非常好。Google 只关心可以隐藏且不应该隐藏的“核心正文内容”。

另一个值得注意的例外是移动页面。如果您曾经浏览过维基百科上的移动页面，您会注意到唯一主要可见的部分是介绍部分。每个后续部分都隐藏在一个下拉菜单后面，当您点击它时会展开。就 Google 而言，这被认为很好，因为它压缩了大量文本，可能需要很长时间才能滚动浏览以找到您想要的内容。相反，用户可以简单地滚动到他们想要查看的部分并展开它。

默认情况下，隐藏文本的最简单方法是使用 DIV 和一些 JavaScript/jQuery 来隐藏它。对于这个例子，我们将使用 FAQ 的想法，但同样，隐藏主要站点内容可能对页面有害。

首先，您需要调用页面顶部的 jQuery 库。这将是如下所示的一行：

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>

在您的页面顶部。但是，如果您使用的是 WordPress、Drupal 或其他主要的 CMS，很可能它已经为其他功能和插件使用启用了 jQuery。

接下来，仍然在页面顶部，您将需要启动您的实际脚本。这将有一个 <script> 开启器和一些代码，可在此页面上找到。您可以在顶部看到确定FAQ 的答案部分如何打开和关闭机智点击动画的功能。在其下方，您会看到 </script> 标记，结束脚本。

然后，您就有了将脚本集成到内容中所需的 CSS。样式部分有两个位；一为问题，一为答案。随意格式化这些。

最后，您有单独的 DIV。这些都在您的内容中。DIV 有一个引用脚本的类，在本例中为 faq_container。里面是常见问题类，里面是问题类和答案类。每一个都有与上面相关联的脚本元素，所以没有任何格式或脚本需要进入 div 本身。您可以看到“问题在此处”和“答案在此处”条目的位置；这就是您在展开问题时会看到的明文。对每个问题和答案集重复整个 div 结构。

还有一种方法可用于根据单击的链接替换框内或某个点下方的文本。这通常用于基于选项卡的布局，尽管它可以以多种方式使用，直至您发挥想象力的极限。我不会在这里解释代码，而是将您链接到GuideFaq.com（现在是 SpringShare.com）上的另一个示例页面。您还可以在此处查看不同切换和隐藏 DIV 示例的主列表。

归根结底，您可以通过多种可能的方式来切换一段文本的可见性。花哨的新 HTML 和 CSS 功能可能涉及淡入和其他基于滚动的内容。你好，幻灯片和灯箱弹出窗口都是“隐藏”文本的常见用途，但同样，这些都不是页面的核心内容。它们都是额外的 CTA，并试图让人们注册邮件列表。因此，谷歌会像索引它们一样忽略它们，你并不真正关心它们是否出现在搜索中。

老实说，使用隐藏文本的大部分理由在空提示。当您在网站顶部加载脚本时，您会出现网站速度问题。必须脚本加载才能先加载内容，并且必须加载内容，然后 Google 会认为页面已完全加载。如果您想快速避免加载所有页面值，则必须使用加载加载。

你应该隐藏文本吗？如果你愿意，你可以，但我不推荐它。只有在紧缩要的页面或对页面不重要的内容上执行此操作。例如，可以用于补充内容或引用来源，可用于视频通话等内容，但不会页面上的主要内容。