display: none 是不是会影响导航菜单上的 SEO？

Posted 2023-03-06

【中文标题】display: none 是不是会影响导航菜单上的 SEO？

【英文标题】：Does display: none affects SEO on a navigation menu?display: none 是否会影响导航菜单上的 SEO？

【发布时间】：2011-03-27 14:03:57

【问题描述】：

我想知道在菜单上使用 display:none（通过 CSS）是否会比仅使用 display:none（通过 jQuery）影响 SEO（使其效率降低）

谢谢

【问题讨论】：

你应该把这个问题发给webmasters.stackexchange.com

问题是用 JS 隐藏菜单是当有广告要显示时，菜单不会在广告加载的时间（1 到 5 秒）被隐藏，如下所示：@987654322 @

【参考方案1】：

从可用性 AND SEO的角度来看，您不应该隐藏对网页至关重要的元素 - 即主要导航。

如果您的要求是首先隐藏它并根据某些用户操作显示，我会使用 jQuery 来进行隐藏。

编辑：我了解您的问题，即导航可能会在 jQuery“启动”之前的一秒内可见，但这可以使用内联 javascript 而不是通常的 $(document).load() 事件来解决。

<ul id="menu"></ul>
<script type="text/javascript">
    document.getElementById('menu').style.display = 'none'; // OR
    $("#menu").hide();
</script>

希望对您有所帮助，

马尔科

【讨论】：

问题是用 JS 隐藏菜单是当有广告要显示时，菜单不会在广告加载的时间（1 到 5 秒）像这里一样隐藏：@987654321 @

如果我们使用 $("#menu").hide();在页面加载时，html 元素将可见，然后只有 javascript 隐藏菜单。如果连接速度很慢，页面加载时会显示第一个菜单