Contact - 联系我们
吉林省阿凡达推广有限公司阿凡达推广
地址:中国吉林省长春市高新区硅谷大街
  (荷园路交汇)安联国际大厦B座10层
阿凡达推广全国24小时服务热线:
189 4319 1135
品牌管理与危机公关 

移动适配从入门到精通

2016-03-24

  得知大家喜欢实战经验分享类干货,站长学院线上活动大咖在线曾邀请39健康网企划部总监袁大吉做过分享,手把手教同学们做移动适配,并分享了39健康网的一些经验,包括如何进行设置、如何进行监控等等。今天我们把视频和分享要点同时发布出来,有相关疑问的同学可以至社区专帖(内有PPT原图)继续参与探讨。
  一、移动适配相关概念
  1.1 什么是移动适配
  通俗的理解就是告诉搜索引擎你的pc访问url 和 移动访问url的对应关系,从而把pc端的收录和排名对应到移动端。
  1.2 移动适配做法
  整理出搜索引擎的要求,做个表格,按照表格步骤当做1+1+1一步步做完就ok,非常简单。
  1.3 适配进度监控,调整移动适配的错误
  移动适配讲了那么多年,大家都没学会监控移动适配效果,原因是一直没教大家如何判断适配是否成功。
  二、怎样做移动适配?
  2.1 梳理页面结构
  梳理全站pc和wap的页面结构,检查是否每一个pc页和wap页都有一一对应关系,若发现有不对应的页面,及时补足。
  2.2自主适配
  2.2.1什么是自主适配
  用户通过移动设备访问站点的PC页时,站点将其自动适配到该PC页面对应的手机页,并为之选择合适的页面版本。站长应选择适合自己网站的自主适配方式。目前自主适配主要有三种实现方式:跳转适配、代码适配、自适应,其各自的特点如下:
  跳转适配实现比较简单,站长只需独立开发移动网站,当用户访问PC页面时,这种配置会尝试检测用户所使用的设备或ua,若监测到移动设备或ua,便通过302或301跳转至对应的移动页面。
  代码适配实现较为复杂,该方法PC和移动页使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。
  自适应实现难度中等。是通过同一网址提供相同HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。
  39目前用的是跳转适配,所以一下会先介绍跳转适配应怎样向百度传递对应关系。
 


Copyright © 阿凡达传媒 吉ICP备10004131号-28

吉公网安备 22010402000130号