Loading
0

百度移动适配教程全攻略

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

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目前用的是跳转适配,所以一下会先介绍跳转适配应怎样向百度传递对应关系。

2.2.2 跳转适配检查方法

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

检查步骤:

  

百度移动适配教程全攻略

  

百度移动适配教程全攻略

2.3meta标注声明

  在<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)确定有'-'和'_'连接字符串的替换规则:将连接的各个部分分别用对应的规则替换

  规则适配举例:

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-24683-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:567中文网:原创文章代写靠谱吗?专业原创文章代写是怎样操作的
下一篇:郴州网站优化:页面收录满足用户需求了吗?