代码之家 › 专栏 › 技术社区 › Anders Sandvig

如何在搜索引擎中隐藏HTML文件中的内容?

search-engine javascript

Anders Sandvig · 技术社区 · 17 年前

假设我写了一篇关于某个主题的文章或文档,但内容是针对对该主题有一定先验知识的读者的。为了帮助那些没有“所需”背景信息的人,我想在页面顶部添加一个注释,其中包含解释,可能还有一些参考资料的链接。

这里有一个例子:

用世界上最好的产品创造世界和平

注意:本文假设您已经熟悉世界上最好的产品。要了解更多关于世界上最好的产品,请访问官方网站。

世界上最好的产品。..

现在,我不想让这张纸条出现在 ~~将键入搜索引擎进行搜索~~ 搜索引擎结果,只有标题和注释后面的内容。我有什么办法可以做到这一点吗?

此外,是否可以在不直接控制整个HTML文件和/或HTTP响应的情况下做到这一点,即在第三方托管的博客上,比如 Wordpress.com ?

更新

不幸的是,JavaScript解决方案和HTML元标记方法都不适用于托管的Wordpress.com博客,因为它们不允许在帖子中使用JavaScript,也不提供直接编辑HTML元标记的权限。

8 回复 | 直到 8 年前

Paul Mrozowski 17 年前

您可以使用Javascript动态构建该部分内容。

例如:

<html>
<body>
  <div id="dynContent">
  </div>
   Rest of the content here.
</body>
<script language='javascript' type='text/javascript'>
  var dyn = document.getElementById('dynContent');
  dyn.innerHTML = "Put the dynamic content here";
</script>
</html>

如果你真的被困住了,你可以回到老学校,引用一个包含你的文本的图像。不过,这并不是特别“易于访问”。

Douglas Mayle 17 年前

Javascript。如果你使用javascript将内容添加到网站上,搜索引擎就不会抓取。这甚至是恰当的,因为你是在增强网站,而不是提供额外的内容。执行此操作的任何其他方法都会将内容粘贴到页面中。即使你使用样式隐藏它,它仍然会在文本中。根据您的页面结构,这可能无论如何都是不可能的。

Sugendran 17 年前

如果你可以使用iframe,那么把内容放在一个静态的html页面上,并使用它头部的meta标签告诉搜索引擎忽略它。因为这是一个单独的页面,谷歌等应该忽略它。

元标签:

<meta name="robots" content="noindex, nofollow">

David Citron 17 年前

您可以通过提供 meta description tag 然而,搜索引擎有权显示它选择的任何内容,这不一定是页面上的第一个单词。

Anders Sandvig 17 年前

我刚刚想到一件事。我想我可以在页面加载后用JavaScript渲染笔记吗?

apandit 17 年前

嗯……也许你可以创建一个<div>with position:绝对;z指数:99(应大于1);顶部:0px;--这应该把注释放在页面的顶部,但你可以把实际的代码放在底部附近。..搜索引擎会线性地浏览来源,而不是我假设的位置。

编辑:如果你决定把它放在其他地方,这是失败的,因为这是一个绝对的位置——它只会崩溃。. :\.使用javascript

Jim os x nerd 17 年前

任何隐藏内容的尝试都会对可访问性和兼容性产生副作用。您似乎只想控制搜索引擎显示的代码段,在这种情况下 you are better off providing an appropriate meta element description .

Mohamed Faramawi 17 年前

我熟悉WordPress.com的工作原理,但如果你能在你的博客上添加Digg、Delicious徽章等内容,作为第三部分添加内容。。然后,您可能有机会执行这些徽章使用的相同技巧,它们在您的页面中注入动态内容,您可以了解它们是如何做到的,并对您的自定义内容执行相同的操作