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

Question

我在同一页上创建了两种不同的布局（带引导程序）。一个用于移动，一个用于桌面。网站有不同的页面，结构复杂。有些块应仅在桌面上可见，反之亦然。

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

标题A，标题N ......是链接，它们：

• 在桌面上：将内容设置为隐藏的顶部块“文本内容A” 红色区域。
• 在手机上：只需向下滚动到相应的内容。

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

• 隐藏的内容太多 - 图片，链接（visible-xs和 等）
• 内容甚至放在div之外，有溢出：隐藏;

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

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

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

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

Answer 1

没有任何问题。别担心！

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

任何隐藏的内容对SEO都没有问题。 只是隐藏的链接和内容为黑帽目的（例如隐藏真实内容）对SEO不利。

所以不要担心。保持隐藏的内容并保持现有的状态。 最后看看流动的链接：

http://moz.com/community/q/mobile-and-hidden-content-any-issue-for-seo https://www.seroundtable.com/google-hidden-mobile-content-okay-19626.html

Aslo按照此指南选择设计响应式网站的最佳方法：

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/