如何隐藏内容不在屏幕上显示但只显示在源代码中?

时间:2012-05-25 19:33:57

标签: html css show-hide

我正在运行一个Wordpress网站,并且在网站上有一个标签是一个很好的做法用于搜索引擎优化目的。

但它占用了大量空间,我认为没有多少人会真正找到任何使用标签的东西。我想这对SEO这样的目的只有谷歌索引它们或类似的东西。

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

由于

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分: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的页面上,然后更改内容以匹配您的网站。

以下是关于元标记的更多信息:

http://www.w3schools.com/tags/tag_meta.asp

编辑:

如今,您不能只隐藏纯粹用于搜索引擎优化的内容,因为谷歌会在搜索排名中降低您的网站。相反,只需确保您的网站上有良好的内容,并使用图像alt属性等重要内容。

以下是Google提供的隐藏文字或SEO链接的摘录https://support.google.com/webmasters/answer/66353

  

隐藏内容中的文字或链接以操纵Google的搜索   排名可能被视为具有欺骗性,并且违反了Google的规定   网站站长指南。 文字(例如过多的关键字)即可   隐藏在几个方面,包括

     
      
  • 在白色背景上使用白色文字查找图像背后的文字
  •   
  • 使用CSS在屏幕外定位文本将字体大小设置为0
  •   
  • 仅通过链接一个小字符来隐藏链接 - 例如,段落中间的连字符
  •   

答案 2 :(得分:0)

我做的是,我提供最适合SEO的页面,直到我感觉到用户交互(鼠标移动,鼠标按下等),然后花哨的东西,文本图形和慢速图形开始加载。我认为大多数搜索引擎都会忽略display:none。