谷歌搜索引擎优化和隐藏元素

IT技术 javascript css seo
2021-03-21 10:54:13

谷歌会忽略在 css 中设置为“显示:无”的元素内的单词吗?

例子:

<div id="under_meny" style="display:none;">About Us | Contact Us</div>

我想隐藏这样的菜单看起来可能有点奇怪,但是有一个子菜单。并将用户激活它。但我不希望它超越 SEO。

6个回答

在页面加载时使用 javascript 隐藏您的菜单。这样谷歌仍然会分析你的文本。它忽略display:none元素,以及文本颜色与背景颜色相同的元素,从而使其对人眼不可见

资料来源:我很久以前在一本书中读到过。互联网上有一些网站虽然是关于这个主题的

你有这个声明的来源吗?
2021-04-24 10:54:13
怎么样有元素visibility:hidden或在他们面前的一个元素的元素?
2021-04-27 10:54:13
请注意,自此答案更新以来,Google 爬虫在过去十年中开始执行 JavaScript,因此这可能相关,也可能不相关。
2021-04-30 10:54:13
谢谢,这就是我的想法,但想确认一下:)
2021-05-08 10:54:13

这是通过 Javascript 隐藏内容的天才解决方案,而不会在页面加载时使内容闪烁。未启用 Javascript 的搜索机器人和用户将看到显示的文本。

使用 display none 是绝对安全的,此人进行了测试并分享了结果。只是不要将属性用于灰帽 SEO,你应该没问题。

http://seotesttool.com/blog/does-the-google-bot-index-css-hidden-divs/

如果您使用 javascript 隐藏菜单,搜索引擎可能无法跟踪链接。我使用 dislay:none 来隐藏我不想出现在网站某些区域的导航块。有一些 CMS 系统构建以这种方式显示导航,如果谷歌禁止所有使用这些 CMS 系统构建的网站,那么它可能无法提供最相关的结果。

如果您仅出于 seo 目的使用它来隐藏文本,请远离它。搜索引擎很可能不会选择它,但如果他们这样做了——例如,如果竞争对手将它标记给谷歌——并且你正在使用它来隐藏垃圾邮件,那么就要为后果做好准备。

我知道这是一篇旧帖子,我发现这个网站很有启发性。

http://rathamahata.blogspot.com/2007/01/how-do-search-engines-bots-handle.html