javascript - 将使用 CSS 显示 :none negatively affect my search engine ranking?

标签 javascript css seo

假设我有通过 CSS 隐藏的合法内容,并且我使用 javascript 根据用户点击的内容有选择地显示它。此外,非 JavaScript 用户可以单击相同的链接并转到显示请求内容的新页面。没有隐藏的关键字或类似的东西。我有大约 15 段/小节的隐藏内容,可以通过单击链接或使用 javascript 来显示。

此内容被搜索引擎标记为在隐藏内容中放置关键字的可能性有多大,从而试图人为地提高我的排名?显然这不是我想要做的——所有隐藏的内容都可以被 javascript 和非 javascript 用户查看。不隐藏内容基本上需要重新设计我网站的整个部分,我想避免这种情况。

郑重声明,我已经对此进行了一些研究,而且我认为普遍的共识是,如果您隐藏合法内容,则无需担心任何事情。只是想获得一些其他意见,以及通过单击某些链接可以查看我隐藏的内容这一事实是否有帮助。

最佳答案

为什么不让它在没有 JavaScript 的情况下为用户代理优雅地降级?

(function() {

    var element = document.getElementById('some-element'),
        previousDisplay;

    window.onload = function() {
       previousDisplay = element.style.display;
       element.style.display = 'none';
    };

    document.getElementById('some-buton').onclick = function() {
        element.style.display = previousDisplay;
    }

})();

这样,在加载时,您的元素将通过 JavaScript 隐藏,然后在您需要时显示。

注意:您最好使用 cross browser compatible onDOMReady event在这里,否则您的浏览器将在触发 onload 之前下载所有 Assets 。

关于javascript - 将使用 CSS 显示 :none negatively affect my search engine ranking?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4894608/

相关文章:

javascript - 从 Microsoft Graph Api 访问组时出现问题

css - 展开表格单元格中的空白区域

php - 我的网站由于某种原因没有被编入索引

javascript - 有没有办法用jquery或javascript读取文件://protocol?的文件

javascript - 如何清除/重置react.js表单中的输入数据?

javascript - 需要动态生成列

javascript - Overscroll 无法正常工作,div 无法显示完整内容。

html - 水平滚动 - Div - 页面内容 css 类

image - 添加 og : image to specific pages in Hugo

seo - 用于 Logo 和网站描述的 Google Rich Snippets