seo - 移动设备的不同隐藏内容 - SEO？

Question

我在同一页面 上创建了两种不同的布局(使用 Bootstrap )。一种用于移动设备，一种用于桌面设备。网站有不同的页面，结构复杂。一些 block 应该只在桌面上可见，反之亦然。

这是一个示例页面:(其他页面不同，但有相同的问题)

Title A, Title N... 是链接，它们:

• 在桌面上:将内容设置为从隐藏顶部阻止“文本内容 A”红色区域。
• 在移动设备上:只需向下滚动到相应的内容。

没有问题，一切正常。但...我担心该网站会被 Google 列入黑名单。

• 有太多隐藏内容——图片、链接(visible-xs 和等等)
• 内容甚至放在 div 之外并带有 overflow:hidden;

是的，将内容放在页面上并让用户在没有任何隐藏内容和弹出窗口的桌面和移动版本上滚动会更容易，但是这个网站需要按设计创建。

现在我有两种不同的想法来避免 SEO 问题。

• 只需在子域上创建不同的移动主题。
• 对桌面和移动设备使用一种响应式布局，但避免通过 css 隐藏内容 - 而是使用 jQuery 隐藏不必要的内容并使用 Ajax 加载其他内容。 (我更喜欢这个，但它看起来很奇怪)

那么，您通常是如何解决类似任务的？

Answer 1

没有任何问题，别担心!

这很自然。Google 可以抓取移动和桌面元素，并且可以从移动 View 和桌面 View 中检测隐藏内容的差异。

此外，任何隐藏内容对 SEO 都没有问题。仅出于黑帽目的隐藏链接和内容(例如隐藏真实内容)对 SEO 不利。

所以别担心。保留你隐藏的内容并保持你现在的方式。

请遵循以下指南来选择设计响应式网站的最佳方法:

https://developers.google.com/webmasters/mobile-sites/?hl=en https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/index.html?hl=en https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/responsive-design?hl=en

并在此处检查您的网站:

https://www.google.com/webmasters/tools/mobile-friendly/