移动设备的不同隐藏内容 - SEO?
Different hidden content for mobile - SEO?
我在同一页面上创建了两个不同的布局(bootstrap)。一种用于移动设备,一种用于桌面设备。网站有不同的页面,结构复杂。一些块应该只在桌面和 vice-versa.
中可见
这是一个示例页面:(其他页面不同,但有相同的问题)
标题 A、标题 N... 是链接,它们:
- 在桌面上:将内容设置为顶部块 "Text content A" 从隐藏
红色区域。
- 在移动设备上:只需向下滚动到相应的内容。
没有问题,一切正常。但...
恐怕网站会被 Google.
列入黑名单
- 隐藏内容太多 - 图片、链接(visible-xs 和
等等)
- 内容甚至放在 div 之外 overflow:hidden;
是的,将内容放在页面上并让用户在没有任何隐藏内容和弹出窗口的桌面和移动版本上滚动会更容易,但需要按设计创建此网站。
现在我有两个不同的想法来避免 SEO 问题。
- 只需在子域上创建不同的移动主题。
- 对桌面和移动设备使用一种响应式布局,但避免通过 css 隐藏内容 - 而是使用 jQuery 隐藏不必要的内容并使用 Ajax 加载其他内容。 (我更喜欢这个,但看起来很奇怪)
那么,您通常是如何解决类似问题的呢?
没有 problem.Don不用担心!
natural.Google 可以抓取移动和桌面元素,并且可以从移动视图和桌面视图检测隐藏内容的差异。
此外,任何隐藏内容对于 SEO 都没有问题。
仅出于黑帽目的隐藏链接和内容(例如隐藏真实内容)对 SEO 不利。
所以不要worry.Keep你的隐藏内容并保持你现在的方式。
同时遵循以下指南来选择设计响应式网站的最佳方法:
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
并在此处检查您的网站:
我在同一页面上创建了两个不同的布局(bootstrap)。一种用于移动设备,一种用于桌面设备。网站有不同的页面,结构复杂。一些块应该只在桌面和 vice-versa.
中可见这是一个示例页面:(其他页面不同,但有相同的问题)
标题 A、标题 N... 是链接,它们:
- 在桌面上:将内容设置为顶部块 "Text content A" 从隐藏 红色区域。
- 在移动设备上:只需向下滚动到相应的内容。
没有问题,一切正常。但... 恐怕网站会被 Google.
列入黑名单- 隐藏内容太多 - 图片、链接(visible-xs 和 等等)
- 内容甚至放在 div 之外 overflow:hidden;
是的,将内容放在页面上并让用户在没有任何隐藏内容和弹出窗口的桌面和移动版本上滚动会更容易,但需要按设计创建此网站。
现在我有两个不同的想法来避免 SEO 问题。
- 只需在子域上创建不同的移动主题。
- 对桌面和移动设备使用一种响应式布局,但避免通过 css 隐藏内容 - 而是使用 jQuery 隐藏不必要的内容并使用 Ajax 加载其他内容。 (我更喜欢这个,但看起来很奇怪)
那么,您通常是如何解决类似问题的呢?
没有 problem.Don不用担心!
natural.Google 可以抓取移动和桌面元素,并且可以从移动视图和桌面视图检测隐藏内容的差异。
此外,任何隐藏内容对于 SEO 都没有问题。 仅出于黑帽目的隐藏链接和内容(例如隐藏真实内容)对 SEO 不利。
所以不要worry.Keep你的隐藏内容并保持你现在的方式。
同时遵循以下指南来选择设计响应式网站的最佳方法:
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
并在此处检查您的网站: