如何使用或不使用 iframe 实现对 SEO 友好的 Spotify/Rhapsody/iTunes 类界面

Question

我的网站在布局和功能上与任何流媒体音乐服务 (Spotify/Rhapsody/iTunes/) 的应用程序相似。我在底部有一个持久的播放控件，在左侧有一个持久的导航，页面的中心/大部分用于选择你想玩的东西，阅读更多关于你要玩的东西等。

我以最合乎逻辑（对于程序员）的方式实现了它，使用 iframe 作为中心内容。但是有没有更好的方法，更符合 SEO 的方法？

我怀疑当前的方法对于 SEO（即使使用站点地图）来说很糟糕，并且可能违反一些基本规则，因为我需要在每个页面上添加一些代码来检查是否通过正确的 iframed 界面查看它，如果它是不是那么页面需要重定向以在该界面的中心 iframe 中加载具有所需内容的完整界面（这就是我十年前解决类似问题的方式）。

我可以简单地添加界面元素，而不是在登陆时重定向，但除非在他们探索内容时发生一些未知的魔法，否则页面将重新加载，并且他们正在播放的任何内容都会在页面卸载时停止播放。我不想打断比赛，甚至在正确的位置继续比赛。

旧的可靠的重新加载机制是唯一真正的解决方案吗？你能做到并且不受 SEO 处罚吗？

有什么想法吗？

Answer 1

在您的情况下，用户体验是最重要的考虑和工作，然后其他事情就像 SEO。

您必须只关注最重要的页面，如歌手页面、geners 和播放列表，其他页面不需要索引它们，您可以通过添加规范链接或从 robots.txt 或添加元标记 noindex 来避免索引它们。

另外就是URL和高级技术，当用户点击链接时，你应该不用JS刷新页面就可以得到结果，但是这里谷歌将无法抓取这些页面。

在这里，您需要使用“渐进式网络增强”等高级技术，最好的例子是 Tumblr。

所有页面都是使用这种技术完成的，这使他们能够增加出色的用户体验，同时 Google 可以索引所有页面。

链接示例：

<a href="http://www.example.com/singer-page" onclick="getSingerPageJS();">Singer Page</a>  

您必须阅读更多有关它的信息，旧浏览器的旧技术“优雅降级”可以帮助您很多。