当前位置: 手机蛙 > 好文分享 >

干货来了:网站电脑版和移动版的对应布局分析

关键词:网站电脑版,网站移动版 添加时间:2017-08-10 15:36
     现在做网站也是麻烦,除了pc站做好,还得做一个移动版,有些公司还有微信版等等,这么多版本,共用一个数据库,一个后台管理,如果不做好优化对应管理,肯定很容易出错,而且搜索引擎蜘蛛也会被各种页面七绕八弯弄晕,导致获得不了好的排名,现在百度PC站与移动站配置方式有三种,分别称为跳转适配、代码适配和自适应。

     如何协调好网站电脑版和移动版的对应布局

    1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。


    2,代码适配:该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。
 
    3,自适应:通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

    目前简单主流大部分公司使用的还是第3种,同样的代码内容,在不同设备上页面排版不一样即可。

    手机端域名的选择

    以前认为手机站和电脑站一样,随便选个域名即可,然而事实并不是如此,百度搜索引擎喜欢独立的、短小的二级域名(简洁的三级域名也可)。但却不喜欢用子目录做的M站,理由也很简单,如果说PC站用 www.baidu.com,M站用www.baidu.com/m/ ,那搜索引擎对 /m/ 这个目录会感到疑惑:到底是PC站的一个子目录,还是PC站相对应的M站呢?

    所以,移动站点的选择基本上是m.xxx.com,或者wap.xxx.com,简单明了,不要特力独行,吃力不讨好。

    网站URL结构

    虽然百度已经支持动态化url链接,但静态化url链接依然是优先推荐使用(纯静态化,或者伪静态化)。在使用静态化url链接时,url的结构也是需要注意的地方: 尽量简单短小,少用特殊符号; 尽量不用中文url,因为在移动端没有太大意义,目前平台的改版工具和移动适版工具支持得也不够,别给自己找麻烦了; 结构层次尽量不要太多,越少越好,但不要把所有的内容页放在同一个目录里面

    最后总结:无论你采用合作方式布局自己的手机站,千万注意和PC站内容的同步,以免百度蜘蛛的降权,带来不必要的流量损失!