外贸网站移动端开发

自2015年推出所谓的Mobilegeddon以来，移动设备的重要性一直在不断增长，网站移动端优化就成了不得不引起重视的问题，同学们从事谷歌SEO优化工作就必须考虑不断变化的环境，从而在对应的项目上进行相关的操作。在移动优先索引世界中，只有在移动设备上提供良好用户体验的网站才能够获得谷歌搜索引擎的青睐。这意味着页面必须确保移动友好性和更快的网页打开速度。我们可以通过几种不同的方式在网站上引入移动功能，比方说：subdomain，RWD,DynamicServing等等。

公司全身心跨境电子商务行业八年服务，有强悍的专业性卓越团队提供外贸跨境电子商务推广一站式服务，包括跨境电子商务行业独立站建设网站，Saas服务，erp系统，外贸企业网络推广，营销推广，Google，youTube，TK代运营推广服务。

一、为什么要让网站适配移动设备？

前几天，根据相关数据写了一篇文章叫做《谷歌浏览器使用情况年度报告》，在文章中我们可以看到2019年google浏览器移动端的使用概率达到了70%，而PC端的使用概率才堪堪达到30%。其他的不用说，光凭这一条数据就已经足够凸显移动端设备在浏览器使用市场份额上的重要性！我们要千方百计的去优化我们的网站内容以更好的适配程度去贴合移动端设备的内容可见性。

那么这里我们就需要考虑两个很重要的问题：

1.因为网站内容基本都在PC端进行设计和编辑，而pc端和移动端的设备显示宽度完全不同，那么在pc端的内容如果才能完美的呈现在移动端设备上？所谓的自适应主题真的那么ok吗！

2.PC端用的网络信号很多是百兆千兆，网络速度稳定网页打开速度较快，而移动端很多在使用3G和4G的网络，会受到外界环境影响，移动端速度该如何进行优化才能提升？

这两个问题我们先不急着回答，先来看看现在市场上主流的三种移动端优化方式：响应式设计（RWD），动态服务（DynamicService）和移动端子域（subdomian）

二、移动端优化三种方法的利弊

1.移动端子域（subdomain）

优点：

什么叫移动端子域？就是以主域名www.domain.com为主体，单独的重新搭建一个子域名为m.domain.com，这个子域名所对应的网站急速移动端子域。这样你就可以为你的移动网站提供一套单独的代码，这样做有一个显著的优势：代码可以从头开始构建，还可以考虑到移动友好性。移动端子域的做法可以让你可以获得一个网站，既有良好的用户体验，还有高效率的移动设备响应表现。

缺点：

使用单独的移动子域也会带来许多问题。由于网站的每个页面都有文字副本，你需要找到对应的解决方案以防止出现重复内容的问题。你还需要找出将页面的适当版本交付给特定用户的方法，否则很容易造成用户的阅读困惑和内容识别的矛盾！

解决方案：

在谷歌官方文档中，明确的指出了如果遇到上面这种问题—-要标记移动页面，需要在页面代码中使用rel=canonical和rel=alternate属性。在PC端，你应该添加rel=alternate标记，它将指示给定页面的移动等价物。附加媒体标记描述rel=alternate链接中指示的设备的属性