html - 显示一个 "No Javascript"的 div,但不用于 google/facebook 共享服务

标签 html noscript

我想在网站顶部附近显示一个 div,以向没有启用 javascript 的访问者建议他们应该启用他们的 javascript。我以为我找到了一个很好的方法,就是使用 noscript 标签。

不幸的是,由于 Google 的索引器和 Facebook 的链接共享功能等服务,我发现这个解决方案不太理想。这些服务抓取页面并读取 noscript div 中的文本作为页面摘要。发生这种情况是因为这些服务没有使用 javascript(很明显)。

因此,我向大众提出的问题是:您更喜欢什么技术来避免让“请启用您的 javascript”消息出现在 Google 的结果等中。

理想情况下,我希望找到解决此问题的最佳实践,但我有兴趣了解您在过去成功或未成功使用的任何技术。

谢谢!

最佳答案

在纯 HTML 方案(如标记)中,考虑将您的消息放在页面底部,并使用 CSS 将其显着定位在顶部。这应该将您的警告推到页面下方足够远的位置,以避免它出现在典型的搜索结果中。

如果您的 HTML 是由服务器脚本生成的,那么您可以根据客户端 UserAgent 有条件地呈现该元素。在这种情况下,一个好的搜索引擎用户代理列表会很方便。

关于html - 显示一个 "No Javascript"的 div,但不用于 google/facebook 共享服务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3388648/

相关文章:

html - 制作响应式个人资料图片

html - 不用 JavaScript 替换元素

html - 避免 HTML 的 <noscript> 标签

html - 使 HTML 内容扩展以填充窗口

javascript - 在 HTML 网页中,noscript 标签内的内容不会被具有脚本阻止扩展的浏览器呈现

javascript - 是否可以创建一个在浏览器中禁用 Javascript 时运行的 React 应用程序?

javascript - 从循环下具有相同名称属性的html表单获取值

html - 如何相对于必须绝对的元素放置元素?

html - 将列高与动态兄弟匹配

php - 禁用 JavaScript 时的 Ajax 搜索解决方法