请选择 进入手机版 | 继续访问电脑版
查看: 283|回复: 1

移动网站适配从入门到精通——经验分享

[复制链接]

226

主题

238

帖子

1287

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1287

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2016-3-21 13:56:35 | 显示全部楼层 |阅读模式
       得知大家喜欢实战经验分享类干货,站长学院线上活动大咖在线曾邀请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、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

        目前用的是跳转适配,所以一下会先介绍跳转适配应怎样向百度传递对应关系。


       2.2.2 跳转适配检查方法

       所需工具:①火狐浏览器 ;②Default User Agent插件(模拟移动端);③ firebug插件(抓包检查跳转情况)
       检查步骤:

       2.3、meta标注声明
  在<head></head>中加入meta标注,标明当前页面对应的WAPurl。
  Meta标注声明格式:

Meta标注声明示例:

检查并记录好网站个页面的meta标注情况,没标注的页面补上:

2.4 制作提交对应关系sitemap
  按照百度要求的格式制作对应关系sitemap
  对应关系sitemap有两种可选:规则适配、url适配

  2.4.1 规则适配
  《规则适配格式说明》
  a)确定是纯数字:([0-9]+) 或(\d+)
  b)确定是纯字母:([a-zA-Z]+), 包括字母大小写的情况
  c)确定是数字和字母混合串:
         方法一、((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+)
         方法二、([a-zA-Z0-9]+)
         说明:两种混合串的区别:较长的一种为严格的数字和字母混排形式,且数字 和字母交替至少出现1次;较短的一种可支持纯数字,纯字母和数字字母混排
  d)确定有中文字符:((?:%[a-zA-Z-0-9]{2,})+)
  e)确定有参数值:([^&]+)
  f)确定有'-'和'_'连接字符串的替换规则:将连接的各个部分分别用对应的规则替换

  规则适配举例:


规则适配提交:
  ①登陆百度站长平台
  ②“移动专区”→“移动适配”→选择对应域名→填写对应的移动url

  ③选择提交方式(可单条提交,可多条提交)

  ④根据处理状态中提示的错误修改对应关系sitemap

2.4.2 url适配
  url适配格式说明:提供一个txt文档,文档中数据为两列,中间用空格隔开,第一列为PC版URL ,第二列为PC页面对应的移动版页面。
  url适配格式示例:

url适配提交:
  ①登陆百度站长平台
  ②“移动专区”→“移动适配”→选择对应域名→url适配→填写对应的移动url

  ③选择提交方式(可上传txt文档,可直接填写url对)

  ④根据处理状态中提示的错误修改对应关系sitemap

  ⑤记录好提交的sitemap类型

2.5 适配进度监控
  ①分别将各种页面类型的pc url复制到对应移动搜索引擎进行搜索
  ②观察搜索结果显示的url,若为正确的wap端url,且点击进去是正确的wap端url,则收录适配成功,如下图

  ③将待检查页面title分别制到百度PC端和移动端进行搜索,观察排名是否接近,若排名接近,则关键词适配成功


  ④记录监控结果


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
生活圈制作

0

主题

17

帖子

171

积分

禁止发言

积分
171
发表于 2016-3-28 15:18:29 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

SEO论坛是由SEO培训网株洲优商网络(zhuzhouren.com.cn)创立,是一个以免费分享SEO技术教程和SEO网站优化技术学习交流为目的SEO论坛,欢迎热爱搜索引擎优化站长加入交流,SEO技术交流群(497177874)
© 2001-2013 株洲优商网络SEO培训网 湘ICP备14002577号-2 Powered by Discuz!X3.2Template by 株洲优商网络    
快速回复 返回顶部 返回列表