独立站移动端的显示效果
本文目录
如何做网站seo手机端移动端百度排名优化
移动优化的三种方式
移动网站大体上有三种方式可以选择：
响应式设计（responsivedesign）：
PC站和移动站的URL是完全一样的（不管用什么设备访问都一样），返回给浏览器的HTML代码也是一样的，不同宽度的屏幕排版不同是通过CSS控制的。以前也经常称为自适应设计，就是因为排版是根据屏幕宽度自动适应的。
动态服务（dynamicserving）：
PC站和移动站的URL是完全一样的，这点和响应式设计相同，但动态服务方式返回给浏览器的HTML代码（以及CSS）是不一样的，PC设备得到的HTML代码是PC版，移动设备得到的HTML代码是专门做了移动优化的移动版本。
独立移动站（separatem.site）：
移动站的URL和PC站是不一样的，通常用单独的子域名，比如PC站是，移动站是m.httseo.com，当然移动站的HTML代码（以及CSS）与PC站也是不一样的，是专门做了移动优化的。换句话说，这种方式下，移动站就是个独立的网站。
这三种方式各有各的特点。
响应式设计
既然URL一样，所有设备得到的HTML代码也一样，好处显而易见：简单明了，搜索引擎不会被弄糊涂。搜索引擎抓取、索引一套页面就行了，提高索引效率，尤其对大网站，抓取份额浪费在多个URL上，就意味着降低深层页面被抓取的机会。自适应设计只有一个URL，链接、权重计算都集中在一个URL上，不会出问题。
用户也不会被弄糊涂，收藏书签、分享页面也不会因为URL的不同而出问题。
站长方面开发维护一套代码就可以了，后端开发成本相对低一些。建设的外链也集中在一个URL上。不需要判断设备、浏览器类型，也不需要转向，也就不会出错。
当然也有坏处。比如，移动设备由于屏幕大小的关系，经常要隐藏一些内容和功能，但还是需要下载完整的HTML代码，经常还包括图片，所以会浪费带宽。手机网速慢的话，多下载文件就意味着速度变慢。而且，同一套代码要在所有设备显示正常，还要尽快开始渲染，前端设计需要比较高的水平。
响应式设计的页面必须设置viewport，告诉浏览器按照屏幕宽度自动调整页面排版：
<metaname=”viewport”content=”width=device-width,initial-scale=1.0〃>
虽然有缺点，但随着移动网速、手机性能的提高，响应式的缺点逐渐显得没那么致命，而它的简捷性就更显优势了。所以，响应式设计是今后的方向，是大势所趋。这也就是为什么我建议新网站，或者刚刚要做移动SEO的网站，肯定直接就做响应式了，不用考虑其它选项。（除非贵公司不差钱，可以考虑动态服务。）
独立移动站
和响应式设计相比，独立移动站显然开发成本要提高，要开发维护两套代码。随着国内人力成本提高，需要重复做的事情会越来越不划算。
独立移动站的更大潜在麻烦是URL的不同可能造成混乱和各种出错。比如，既然移动和PC版本URL不同，搜索引擎就需要建立对应关系，必须判断PC页面对应的移动版本URL是什么，移动页面对应的PC版本URL是什么。网站需要在页面添加代码帮助搜索引擎判断：
PC页面需要加下面代码指明移动版本位置：
<linkrel=”alternate”media=”onlyscreenand(max-width:640px)”href=”和CSS代码。
所以动态服务方法相当于把响应式设计和独立移动站的优点结合起来了，即有URL统一的简洁明了，又有独立移动站的代码优化，SEO效果是最好的。当然，代价是前后端成本都要提高。
对不差钱的公司来说，动态内容是最佳选择，比如amazon现在就是用动态服务做移动优化的，URL统一简单，不会出错，两个版本的代码还可以分别优化，据说，亚马逊移动版本节省了40%的文件下载量，对手机用户来说，页面打开速度的提升是至关重要的。
是否使用动态服务要看公司情况。对大部分网站来说，页面内容、排版、功能没那么复杂，响应式设计已经满足需要，用高成本实现动态服务，节省的下载量没那么明显，比如SEO每天一贴这种博客，还有大量内容型网站，页面连个图片都没有，除了留言也没有别的交互，那是一点下载都节省不了，动态服务就没意义了。
搜索引擎蜘蛛访问动态服务的页面时，从HTML代码是无法自动知道不同浏览器得到的代码将会是不同的。比如PC蜘蛛访问时，得到的是PC版代码，但蜘蛛并不必然知道移动蜘蛛来访问的话会得到不同的代码，所以服务器端需要通过VaryHTTP头信息告诉搜索引擎蜘蛛，PC蜘蛛和移动蜘蛛得到的代码是不一样的，两个蜘蛛都要来访问一下。比如amazon.com页面的服务器头信息：
<Content-Type:text/html
<Content-Length:6400
<Connection:keep-alive
<Server:Server
<Date:Sat,27Jul201916:42:45GMT
<Vary:Content-Type,Host,Cookie,Accept-Encoding,X-Amzn-CDN-Cache,X-Amzn-AX-Treatment,User-Agent
<Edge-Control:no-store
<x-amz-rid:KH589YRZC8QEW3QEWGKD
<X-Cache:Errorfromcloudfront
<Via:1.11b52a5dd431f9e3c81753e61dfdf467a.cloudfront.net(CloudFront)
<X-Amz-Cf-Pop:SFO9
<X-Amz-Cf-Id:0qtVw99a2_AustEZ-dxC_cs9hfVzyll-DmHnmWFDtBSWKtinpxhB2Q==
其中Vary那行就是通知浏览器/蜘蛛，根据后面列的情况不同，HTML代码是不同的，Vary:User-Agent指的就是根据浏览器用户代理的不同，HTML代码是不同的。
对独立移动站的执念来自何处
很多公司和站长对独立移动站情有独钟，认为m.移动站SEO效果是最好的，做新网站还要做独立m.站。这个执念可能来自两方面。
一是以前百度更建议独立移动站。但现在4年过去了，百度现在的正式官方态度我没有看到，但两年前百度搜索主任架构师谭待明确跟我说过，百度也认为响应式设计是未来趋势，百度也推荐转向响应式设计。我的观察是，百度现在对响应式设计的支持没有问题。
Google一直以来就是推荐响应式设计的。
当然，这里说的推荐，并不是说响应式比独立移动站的SEO效果更好，而只是表明，百度和Google对三种方法是一视同仁的，排名上并不偏向哪一个，SEO效果是一样的。既然效果一样，当然推荐那个简单便宜的了。
举个例子，数据表明，车祸发生大部分是男性司机造成的，不过这是否说明男司机开车有劣势呢恐怕不能这么认为，因为必须考虑路上司机的男女比例，很可能开车的80%是男的，造成了70%的车祸，所以70%车祸是男司机造成，不能说明男司机开车水平比女司机差。
移动搜索排名也是同样道理。现在排名靠前的m.站居多，很可能这些站绝大部分是老站（所以才排名能力高嘛），而几乎所有老站当初开始做移动SEO时都是从m站入手的，不到万不得已，这些使用m站的老站不会去改为响应式设计，因为改动太大了，冒险，又没有明显好处（如前所说，三种方式SEO效果一样的），没有动力改。
所以，老站、大站排名好，而老站、大站又以m站为主，所以我们就看见m站排名好了。但这不说明一个新站就要学着做m站啊。
移动端手机网站优化如何做
简单是主要因素。与个人电脑网站相比，大多数移动网站的内容不到个人电脑网站的一半，甚至更少。一般来说，移动网站的浏览速度比个人电脑网站慢，而且网页过于复杂，这会消耗客户的耐心。特别是，导航栏应该简短，可以快速引导用户访问网站信息。就网站内容而言，越简单越好，排版应该是指信息网站，甚至以广告为信息，都是围绕网站的主题设计的。大多数需要单独优化的企业网站都以双网融合的形式存在，即pc和手机同步更新。pc优化驱动手机是一个错误的理解。因此，在手机网站优化中，有必要保持导航的使用，不要拘泥于某些设计体验，要更加注重客户体验。
有限的手机屏幕需要我们去衡量的，不像电脑站。因此，在手机网站优化内容的建设中，应该尽可能减少占用的内存，文字应该尽可能简单，图片应该尽可能少的使用，这样用户一进入网站就可以看到自己想要的东西，而不需要做pc站的深度。分页的思想应该简洁。主页加上内容页面的主要标准是主要结构。主页还可以添加列表和内容页面，这有利于用户操作。
为了在移动端获得排名，手机网站优化应该注重seo优化的基础，营销网站的相关思考，移动网站也很重要。现在许多移动网站与个人电脑分离，这不利于管理和客户体验。众所周知，网站运行在电脑上，甚至笔记本电脑，大约10英寸长。大屏幕决定了网站可以添加很多华丽的效果和多媒体内容。随着硬件的发展和互联网的加速，基本上所有的pc机硬件都能快速打开大多数网站。
跨境电商独立站怎么做
建设独立站，需要考虑以下两个问题，网站自身的功能建设和网站推广。网站的功能建设不用多说，但作为跨境电商，面对海外市场，如何进行推广是一个很大的难题。接下来，将会为您一一进行解答。
跨境电商独立站必备重点功能
网站访问：
访问速度：跨境网站访问速度十分重要。若是网页加载时间超过3秒，53%的用户就会离开网站。针对不同的地区和洲际的用户，进行服务器部署，优化电商页面加载速度，帮助其获得快速、稳定、安全的浏览体验至关重要。
网站名称与域名：定位鲜明、便于记忆、朗朗上口、富有特色的网站名称和网站域名也能为品牌传播带来不少便利。
网站设计：
UI／UX设计：网站设计（如颜色，形状，排列）和交互体验需要和跨境目标国的消费者的文化，审美等方面相匹配。
多语言：不同国家语言不同，而语言的表述排列必须合乎文化。比如阿拉伯语的“从右到左”文字排列习惯。
社交登陆与分享：
跨境网站建议集成Facebook／Twitter／Google等主流社交媒体账号。
社交登陆：允许用户通过FB等社交媒体账号，完成快捷登陆和注册。省去传统邮箱登陆与注册之不便，降低获客门槛。
社交分享：加入社交媒体分享标签，允许用户便捷关注品牌社交媒体，并快速分享自己喜爱的单品。
JollyChic接入社交媒体登陆与支付支付与计量：
支付集成：接入跨境国主流的支付模式，降低陌生支付方式带来的消费者疑虑和跳出。比如，在德国，电汇仍是最重要的本地支付方式。在日本，Konbini占据了40％的网购交易份额。
计量集成：运费计算清晰、合理。重量、尺码等计量单位符合目标国文化习惯。
移动优化与自适应：
移动电商比例日益提升，移动端的用户浏览体验同等重要。我们可以从以下三点入手，提升用户浏览体验和转化，
屏幕尺寸：网页如何在不同屏幕尺寸，下获得最佳展现
手机性能：如何在不同手机CPU状态下，获得最佳加载速度（即使在手机CPU性能低下的情况下）
网络环境：如何在不同网络环境下，都能快速加载网页（即使在缓慢的2G状态下）
跨境电商独立站如何推广？SEO与SEM：
SEO：优化网站TDK（Title，Description和Keywords），以及图片的Alt标签等（让Google等搜索引擎知道图片代表的含义是什么），以获得搜索引擎的良好收录，为电商网站带来自然流量。
SEM：针对不同国家，不同语言的用户进行SEM关键词和落地页面设置。
社交媒体：
品牌自有社交媒体：品牌需要营运好官方社交媒体账号，社交媒体账号是品牌发声与消费者关系维护的主要渠道。比如上文提及的TomTop目前其Facebook的粉丝已经超过130W，而且可以做到对FB粉丝提问的即时回复。
TomTop Facebook收获超过130W粉丝社交媒体信息流广告：FB，Twitter，Ins的信息流广告（Stream Ads）可以作为电商网站的倒流渠道，为电商平台带来流量。
KOL与网红：
网红KOL和专业领域达人：网红KOL和相关专业领域的达人也可以为品牌带来可观流量。
比如专业类的电子产品，如手机，可以找专业的Youtube视频达人或者论坛达人来做开箱测试。
而衣服，美妆等女性产品则可以寻找时尚达人做推广。比如上述的JollyChic就在中东当地建立了一只本地化团队，并长期与中1000余名中东本土网红进行合作。
CRM管理与KOC挖掘：
CRM管理：通过建立用户标签、浏览行为、用户RFM、用户打分模型等，衡量用户价值。并基于这些数据，对用户进行个性化的精准营销和自动化营销。
KOC（Key Opinion Consumer）挖掘：品牌可以充分挖掘KOC用户，引导KOC用户在其社交媒体圈内进行分享，并给予适当激励。
EDM营销：
邮件依然是外国用户主流的沟通方式。
遗弃购物车：单品加入购物车后未进行下一步结算？通过EDM自动提醒用户返回网站下单，完成用户提醒和挽留。有效激活遗弃购物车中的产品价值，增长营收。
EDM自动化营销集成：基于用户标签，用户偏好，浏览行为和用户打分模型，自动进行EDM推送。比如针对用户偏好的产品类型进行交叉推送。
