javascript - 关于 iframe。需要展示展示响应式设计的网站组合

Question

人们常说 iframe 不利于 SEO(这让客户很担心)并且在大多数情况下应该避免使用(根据我所做的研究)。我想避免使用它们，但我找不到合适的替代方案，总而言之，我有一个网站组合需要显示在主页 url (example.com) 上并展示响应式设计的使用。此处提供了一个 JavaScript 解决方案，还通过 github 链接了一个演示:

来源:https://github.com/OriginalEXE/Switcheroo

这太棒了，似乎完全符合我的需要。我已经检查了开发人员 Material 中提到的 SEO，但一无所获。现在我已经阅读了一些关于谷歌如何处理 iframe 的相互矛盾的 Material ，例如，如果我将 iframe 内容保存在一个子域中，例如(portfolio.example.com - 显示客户站点的基本 html 主页)是谷歌已知的以不同方式对待子域？ (我再次尝试查找有关此的信息)。 iframe中的内容不需要爬取，只需要爬父url即可。 (example.com)

我读到有些人可能会使用 PHP 来显示这样的内容(显示第 3 方网站，框架和在移动/平板电脑/桌面之间调整大小的能力)但是以前的开发人员已经构建了一个 WordPress 插件造成各种安全漏洞。我宁愿在前端/JavaScript 上保留任何解决方案。

最后我读到了关于 robots.txt 的使用，这是否会阻止 Google 尝试抓取 iframe 内容，找不到任何明确的答案。我很乐意详细说明这一点，如果我的问题不清楚，我深表歉意，我已经解决这个问题一段时间了，但一直找不到任何方向。

Answer 1

Google 的确会抓取 iframe。

只要 [在 iframe 中调用] 的页面是以 SEO 友好的方式设计的，那么您就不必担心 google 不会抓取它。

或者，如果您创建了子域，您可以将链接提交给 Google 网站管理员，以便它被抓取。

截至今天，Yahoo 和 Bing 在抓取 iframe 内容时遇到问题。

请阅读以下资源以证实假设...

Post 1

还有这个

Post 2

希望对您有所帮助!!!