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

时间:2020-03-06 14:48:17  来源:igfitidea点击:

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

这是一个例子:

Using The Best Product in the World to Create World Peace

  Note: This article assumes you are already familiar with The Best Product in the World. To learn more about The Best Product in the World, please see the official web site.

  
    The Best Product in the World ...

现在,我不希望该注释显示在Google搜索引擎的结果中,而只显示该注释后面的标题和内容。有什么办法可以做到这一点?

另外,是否可以在不直接控制整个HTML文件和/或者HTTP响应的情况下(即在由第三方托管的博客(如Wordpress.com)上)进行此操作?

更新

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

解决方案

我只是想到了什么。我想我可以在页面加载后用JavaScript渲染笔记吗?

Javascript。如果我们使用javascript将内容添加到网站,则搜索引擎不会选择该内容。这甚至是适当的,因为我们是在增强站点,而不是提供其他内容。执行此操作的任何其他方法会将内容粘贴到页面中。即使我们使用样式将其隐藏,它仍然会出现在文本中。根据页面结构,可能还是无法实现。

我们可以使用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>

如果我们确实遇到困难,则可以去旧学校学习,并参考其中包含文字的图像。但是,它并不是特别"可访问性友好"的。

嗯...也许我们可以创建一个<div>,其位置为:absolute; z索引:99(应大于1);顶部:0px; -这应该将注释放在页面顶部,但是我们可以将实际代码放在底部附近...搜索引擎会线性搜索源代码,而不是按照我假设的位置进行搜索。

编辑:如果我们决定将其放置在其他位置,则此操作将失败,因为这是绝对位置,它会崩溃..:\。用JavaScript去

隐藏内容的任何尝试都会对可访问性和兼容性产生副作用。我们似乎要做的只是控制搜索引擎显示的代码段,在这种情况下,最好提供适当的元元素描述。

我们可以尝试通过提供元描述标签来改进显示在搜索结果页面上的文字。但是,显示选择的内容是搜索引擎的特权,不一定是页面上的第一个" n"个单词。

我熟悉WordPress.com的工作方式,但是如果我们可以在博客中放入Digg,Delicious徽章等内容作为第三方添加的内容,那么我们可能有机会做这些徽章使用的相同技巧,在页面中注入动态内容,我们可以确定它们的工作方式,并对自定义内容执行相同的操作

如果可以使用iframe,则将内容放置在静态html页面上,并在其头部使用meta标签告诉搜索引擎将其忽略。由于它是一个单独的页面,因此google等应忽略它。

元标记:

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