HTML页面顶部的警报栏？答案

【问题标题】：Alert Bar on Top of HTML Page?HTML页面顶部的警报栏？
【发布时间】：2009-12-13 06:50:43
【问题描述】：

在页面顶部使用 css 但没有 javascript 创建警告栏的最佳方法是什么，就像 StackOverflow 所说的“Stack Overflow 在启用 JavaScript 时效果最好”？

我听说这对 SEO 不利，因为它在每个页面上都是重复的内容。我该如何预防？

【问题讨论】：

标签： html seo

【解决方案1】：

您可以尝试将只希望没有 JavaScript 的用户看到的内容放入 noscript 标记中。

<noscript>Please enable JavaScript.</noscript>

【讨论】：

【解决方案2】：

类似这样的：

...
<body>
<div id="jsNotify"><p>This page works best with JavaScript</p></div>
<script type="text/javascript">
  var elm = document.getElementById("jsNotify");
  elm.parentNode.removeChild(elm);
</script>
...

这将在页面顶部添加通知，但如果您启用了 JavaScript，则会将其删除。

我不确定如何强制搜索引擎忽略其中的文本。但如果你有链接，那么你可以使用nofollow 来阻止搜索引擎跟踪链接，如下所示：

<a href="http://www.example.com/" rel="nofollow">limited site</a>

【讨论】：

它们如何防止栏在您滚动时移动:)？
使用 CSS 将其位置设置为固定。

【解决方案3】：

就 SEO 而言，这与模板标题或导航一样不会被视为重复内容。

【讨论】：

【解决方案4】：

【讨论】：