移动适配从入门到精通
分享
评论
赞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）确定有'-'和'_'连接字符串的替换规则：将连接的各个部分分别用对应的规则替换
规则适配举例：
规则适配提交：
①登陆百度站长平台
②“移动专区”→“移动适配”→选择对应域名→填写对应的移动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端和移动端进行搜索，观察排名是否接近，若排名接近，则关键词适配成功
④记录监控结果
猜你喜欢
评论(0人参与，0条评论)
发布评论
最新评论