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

时间:2016-02-24 15:00:15

标签: javascript iframe seo

我的网站布局和功能与任何流媒体音乐服务(Spotify / Rhapsody / iTunes /)的应用程序类似。我在底部有一个持久的游戏控制,左边是持续导航,页面的中心/大部分用于挑选你想要玩的东西,阅读更多关于你要玩的内容等等。

我使用iframe作为中心内容,以最合乎逻辑的(针对程序员)方式实现了它。但是有更好的方法,更符合SEO的方式吗?

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

不是重定向着陆我可以简单地添加界面元素,但除非在探索内容时发生一些未知的魔法,否则页面将重新加载,并且当页面卸载时,他们正在播放的任何内容都将停止播放。我不想打断游戏,即使是在正确的位置恢复游戏。

旧的可靠的重装机制是唯一真正的解决方案吗?你可以做到这一点而不是被SEO惩罚吗?

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

在你的情况下,用户体验是最重要的考虑和工作,然后其他东西就像搜索引擎优化。

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

其他的是网址和高级技术,当用户点击链接时,您应该在不使用JS刷新页面的情况下获得结果,但Google将无法抓取这些页面。

在这里,你需要使用“渐进式网页增强功能”等高级技术,最好的例子就是Tumblr。

所有页面都是通过使用这种技术完成的,这使得他们可以添加出色的用户体验,同时Google可以为所有页​​面编制索引。

链接示例:

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

你必须阅读更多关于它的信息,旧技术的“优雅降级”也可以为你提供很多帮助。