我有一个关于"移动"的快速问题。我必须将移动版本添加到我的网站,并且我正在探索所有解决方案。以下是我的选择:
1)向css添加媒体查询,并以响应式布局转换我的固定布局。
好:仅限一个布局,Google bot的代码是相同的 不好:代码比较重,在移动设备上我加载了所有的js和CSS,不可能去桌面版
2)Rails 4.1变种
好:我可以创建一个轻量级的移动网站,我可以拥有桌面版,我可以优化移动体验,使用布局我也可以使用Cordova创建移动应用
不好:桌面和移动设备的同一页面的HTML不同。我担心SEO
有什么想法吗?
答案 0 :(得分:2)
没有一种最好的方法。答案取决于您的具体需求和案例。这主要是基于意见的问题。
两种解决方案都是正确的。然而,主要区别在于情况(1)与情况(2)相比更受限制。当您只想确保主版本在移动设备上运行良好时,基于CSS的布局是有意义的。这不是真正的优化,因为设备必须在任何情况下加载整个页面。
第二个选项(2)是真正的优化。通过提供设备优化模板,您可以跳过移动设备不需要的部分(例如大图像,不必要的项目列表等),从而有效地减轻页面的重量。您还可以注入特定于移动设备的功能。
SEO问题不是问题。您可以指示搜索引擎使用相应的元标记忽略搜索引擎优化内容,或者如果您决定在不同的路径或域下提供内容,也可以使用canonical
tag(例如,如果您添加特定的扩展名对于移动优化页面。)