如何隐藏内容而不显示在屏幕上但仅显示在源代码中？答案

【问题标题】：How to hide a content from being display on the screen but display only in the source code?如何隐藏内容而不显示在屏幕上但仅显示在源代码中？
【发布时间】：2012-05-25 19:33:56
【问题描述】：

我正在运行一个 Wordpress 网站，并且在网站上添加标签对于 SEO 而言是一种很好的做法。

但它占用了大量空间，我认为实际上没有多少人会使用标签找到任何东西。我想它只对像谷歌这样的搜索引擎优化目的有好处，索引它们或类似的东西。

问题是我如何隐藏该内容并阻止它显示在屏幕上而不是源代码上并且不占用空间，这意味着我可以使用该空间来显示其他内容但标签仍然存在源代码。

谢谢

【问题讨论】：

请注意，这可能会被 google 视为一种黑帽做法，并将您的网站从索引中删除。一般来说，如果您的内容与用户和搜索引擎有显着差异，那么您将受到惩罚。
@steveax 哇，我从来没想过。我认为SEO 这个东西非常重要他们在页面中。

标签： html css show-hide

【解决方案1】：

只需在您要隐藏的内容上使用display: none，它不会保留空间，将隐藏您的信息并且您仍然可以在源代码中看到它:)。

【讨论】：

【解决方案2】：

作为display: none 的替代方案，我建议使用HTML 元标记，它总能让我的页面在搜索引擎中获得良好的索引。元描述标签和元关键字标签特别有用。顺便说一句，所有元标记在页面上都是不可见的，但会显示在源代码中。

以下是针对 Wordpress 用户的 HTML 简介： http://om4.com.au/client/html-for-bloggers/

以下是您应该使用的基本元标记：

<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

您只需将这些添加到您希望进行 SEO 的页面中，然后更改内容以匹配您的网站。

编辑：

如今，您不能只隐藏纯粹用于 SEO 的内容，因为 Google 会降低您网站的搜索排名。相反，只需确保您的网站上有良好的内容并大量使用图片alt 属性等内容。

这是来自 Google 的关于 SEO 隐藏文本或链接的 sn-p：https://support.google.com/webmasters/answer/66353

在您的内容中隐藏文字或链接以操纵 Google 的搜索排名可能被视为具有欺骗性，并且违反了 Google 的网站管理员指南。 文字（如过多的关键字）可以以多种方式隐藏，包括：

在白色背景上使用白色文本定位图像后面的文本

使用 CSS 将文本放置在屏幕外将字体大小设置为 0

通过仅链接一个小字符（例如，段落中间的连字符）来隐藏链接

【讨论】：

搜索引擎多年来一直忽略元标签（以及其他任何未向用户展示的内容）来进行排名。
实际上，我的元描述标签总是出现在搜索引擎上，甚至偶尔会覆盖实际页面上的内容。
描述标签有时会显示在结果列表中，但不用于排名。 Google has stated this definitively
Bing 但是确实使用它，所以它只是一种替代方案。
好吧，我实际上不喜欢弄乱元标签，因为我的插件生成依赖于我的帖子不同。但感谢您的展示：无；信息。

【解决方案3】：

我所做的是，我呈现最适合 SEO 的页面，直到我感觉到用户交互（鼠标移动、鼠标按下等），然后花哨的东西、文本图形和缓慢的图形开始加载。我认为大多数搜索引擎都会忽略 display:none 的任何内容。

【讨论】：

你是说如果是不可见的，那么谷歌会忽略甚至不索引它？
非常确定。但请注意 steveax 对您的帖子发表的评论。你不想让谷歌生你的气。