如何在有或没有Iframe的情况下实现SEO友好的Spotify/Rhapsody/iTunes类界面
How to implement SEO friendly Spotify/Rhapsody/iTunes-like Interface with or without Iframes
我有一个网站，它的布局和功能与任何流媒体音乐服务（Spotify/Rhapsody/iTunes/）的应用程序相似。 我在底部有一个持久的播放控件，在左侧有一个持久的导航，页面的中心/大部分用于选择你想玩的内容，阅读更多关于你要玩的内容，等等。
我已经以最合乎逻辑的（对于程序员）方式实现了它，使用iframe作为中心内容。 但是有没有更好的方法，一种更符合SEO的方法？
我怀疑当前的方法对 SEO 来说很糟糕（即使使用站点地图），并且可能会违反一些基本规则，因为我需要在每个页面上添加一些代码来检查它是否通过正确的 iframed 界面查看，如果不是，那么页面将需要重定向以在该界面的中心 iframe 中加载具有所需内容的完整界面（这就是我的方式和十年前就解决了类似的问题）。
与其在登陆时重定向，我可以简单地添加界面元素，但除非在他们探索内容时发生一些未知的魔法，否则页面将重新加载，并且他们正在播放的任何内容都会在页面卸载时停止播放。 我不想打断游戏，甚至不想在正确的位置恢复游戏。
旧而可靠的重新加载机制是唯一真正的解决方案吗？ 你能做到而不受到SEO惩罚吗？
有什么想法吗？
在您的情况下，UX是要考虑和处理的最重要的事情，然后其他事情就像SEO一样。
您只需要关注最重要的页面，例如歌手页面，geners和播放列表，其他页面无需索引它们，您可以通过添加规范链接或机器人来避免索引它们.txt或通过添加元标记noindex。
另一件事是URL和高级技术，当用户单击链接时，您应该无需使用JS刷新页面即可获得结果，但是在这里Google将无法抓取这些页面。
在这里，您需要使用诸如"渐进式Web增强功能"之类的高级技术，最好的例子是Tumblr。
所有页面都是使用这种技术完成的，这使他们能够添加出色的用户体验，同时Google可以索引所有页面。
链接示例：
<a href="http://www.example.com/singer-page" onclick="getSingerPageJS();">Singer Page</a>
您必须阅读更多有关它的信息，旧浏览器的旧技术"优雅降级"也可以为您提供很多帮助。
- 如何在javascript中查询iTunes搜索API
- javascript中的Spotify身份验证
- Spotify API:获取随机歌曲
- 我应该将哪些数据传递给 Spotify 应用程序才能使分页工作
- 获取 Spotify 用户 [Web API] 当前播放的曲目名称
- Cookie 在 Spotify (Javascript） 中调用 ajax 后未保存
- 在ios Cordova应用程序中打开iTunes窗口
- 从 Spotify 应用程序中的回调获取专辑数据
- AngularJS中Spotify Web Player风格的UI
- BackboneJS如何在悬停时加载spotify播放列表
- 如何在Spotify应用程序中创建discincts JS方法
- 从json文件输出多个屏幕截图(例如itunes搜索api）
- 如何使用Spotify应用程序API制作大型专辑播放器
- 无法在Ionic服务中运行角度spotify方法
- 使用播放按钮和/或元数据API(Spotify）进行现场演示
- 通过拖动接受部分播放列表&下载Spotify应用程序
- 使用 Meteor HTTP 在 Spotify API 上请求access_token时不受支持的授权类型错误
- Spotify 应用程序中的 PHP 后端不起作用
- 如何在Spotify中使用高级搜索查询
- 如何在有或没有Iframe的情况下实现SEO友好的Spotify/Rhapsody/iTunes类界面
