Categories


Tags


如何提升移动适配效果

首先,对已有的对应关系持续进行适配,同时不断建设新的对应关系,增加适配覆盖的范围。其次,要确保已经提交的对应关系准确。以下是常见的对应不准确错误,请网站进行自查,并及时修改。

1、手机页不可用,比如死链。

2、robots封禁。放开对Baiduspider的robots封禁,以便Baiduspider获取您PC站与手机站之间的对应关系。

3、手机页使用了ajax等异步加载的方法加载内容主体。

4、格式错误。正则格式错误,文件格式错误等。

5、对应关系错误

1)当PC页为内容页时,应该适配到对应的手机页内容页,而实际却适配到手机页的首页/列表页

例如PC页为http://www.aaa.com/Book/2083259.aspx,适配后的手机页为http://m.aaa.con/?from=web

2)手机页本身无主体内容或主体内容过少。

3)手机页需登录才能浏览主体内容。

4)PC页内容与手机页内容不存在一一对应关系。

正确的对应关系示例:

PC页http://www.58.com/mmmshandongrencai/

手机页http://m.58.com/w/mmmshandongrencai/

正则格式说明

以站点news.a.com适配到站点m.a.com为例:

适配PC链接地址为:http://news.a.com/09/1001/07/5KH8DE1F000120GR.html,

适配移动链接地址为:http://m.a.com/news/09/1001/07/5KH8DE1F000120GR.html

步骤一:确定适配链接中的可替换参数或者路径,得到其位置序号和类型。

适配PC链接:

根据网站自身url的层次结构,其中09,1001,07和5KH8DE1F000120GR为动态可替换的路径。除5KH8DE1F000120GR为字母和数字混合外,其余均为纯数字。

步骤二:根据可替换参数或路径的类型,得到链接的表达形式。

使用正则匹配符号(\d+)或者(\w+)表示该路径或参数。(\d+)表示纯数字字符串,(\w+)表示字母数字下划线组成的字符串。

步骤三:根据移动链接,以及可替换参数在步骤一中的位置序号,依次用${1},${2},……表示替换掉适配PC链接中的可替换参数或路径,得到适配后的移动链接的pattern形式。

至此,便得到了适配的规则:

http://news.a.com/(\d+)/(\d+)/(\d+)/(\w+).html

http://m.a.com/news/${1}/${2}/${3}/${4}.html

正则格式示例:

1、纯数字替换生成pattern例子:

eg1:url对应关系:

http://www.abc.com/26299483.html->  http://m.abc.com/26299483.html

pattern:

http://www.abc.com/([0-9]+).html->  http://m.abc.com/${1}.html

eg2:url对应关系:

http://www.abc.com/t26299483.html->  http://m.abc.com/26299483.html

pattern:

http://www.abc.com/t([0-9]+).html->  http://m.abc.com/${1}.html

2、纯字母替换生成pattern例子:

eg:url对应关系:

http://www.abc.com/fawliute/ -> http://m.abc.com/fawliute/

pattern:

http://www.abc.com/([a-zA-Z]+)/ ->  http://m.abc.com/${1}/

3、字母和数字混合的字符串替换生成pattern的例子:

eg1:url对应关系:

http://www.abc.com/a1cc1n2q5y3/ ->  http://m.abc.com/a1cc1n2q5y3/

pattern:

http://www.abc.com/((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+)/   -> http://m.abc.com/${1}/

注意:字母和数字混合字符串,字母和数字必须交替出现至少1次

有效例子:a13b,23a9,da3bc99,42a1c

eg2:url对应关系:

http://news.abc.com/09/1001/07/5KH8DE1F000120GR.html

-> http://m.abc.com/news/09/1001/07/5KH8DE1F000120GR.html

pattern:

http://news.abc.com/([0-9]+)/([0-9]+)/([0-9]+)/([ a-zA-Z0-9]+).html

-> http://m.abc.com/news/${1}/${2}/${3}/${4}.html

4、对于字母和数字只交替出现一次的,可以分别用数字和字母进行正则替换:

eg:url对应关系:

http://www.abc.com/az123/   ->     http://m.abc.com/az123/

pattern:

http://www.abc.com/([a-zA-Z]+)([0-9]+)/-> http://m.abc.com/${1}${2}/

5、中文字符串正则替换生成pattern例子:

eg:url对应关系:

http://www.abc.com/长城花园/ -> http://m.abc.com/长城花园/

pattern:

http://www.abc.com/((?:%[a-zA-Z0-9]{2,})+)/-> http://m.abc.com/${1}/

6、由'-'或者'_'连接的数字或者字母替换生成pattern的例子:

eg:url对应关系:

http://www.abc.com/byd-c3/-> http://m.abc.com/byd-c3/

pattern:

http://www.abc.com/([a-zA-Z]+)-([a-zA-Z]+)([0-9]+)/->http://m.abc.com/${1}-${2}${3}/

注意:'-'和'_'出现多次可以使用同样的方式处理

如:abc-134_x-1

7、对参数部分进行正则替换生成pattern的例子:

eg:url对应关系:

http://www.abc.com/article.html?act=test&id=123  ->        http://m.abc.com/article.html?act=test&id=123

pattern:

http://www.abc.com/article\.html?act=([^&]+)&id=([^&]+)   -> http://m.abc.com/article.html?act=${1}&id=${2}

8、PC存在分页对应移动页面生成pattern的例子:

eg:url对应关系:

http://www.a.com/1234-1.htm  http://www.a.com/1234-2.htm   ->http://m.a.com/1234.htm

pattern:

http://www.a.com/([0-9]+)-([0-9]+).htm ->  http://m.a.com/${1}.htm

来源:百度搜索资源平台 百度搜索学堂


Public @ 2010-09-17 15:20:37

【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

1. 布局使用了绝对定位 如果布局使用了绝对定位,那么在不同的设备上,元素的位置和大小会发生变化,从而导致移动适配不稳定或者根本无法生效。建议使用相对定位或者flex布局。 2. 使用了固定宽度和高度 在移动适配时,应该使用相对单位(如rem或者百分比),而不是固定宽度和高度。如果使用了固定宽度和高度,那么在不同的设备上,元素的大小会发生变化,从而导致移动适配不稳定。 3. 没有考虑不同的

Public @ 2023-06-24 11:50:16

跳转适配成功生效经验分享

就在平台的工作人员每天都被询问url适配数据为何一直显示校验中时,社区版主三木得意地告诉院长,他的站点跳转适配非常顺利,愿意和大家分享一下经验。以下内容便是三木和院长反复沟通后确认的、跳转适配成功生效的注意要点,看完文字最好再收看一下长沙培训的现场视频,看看刘院长在培训中是如何阐述跳转适配生效要点的。当用户用百度搜索某个关键词时,百度会优先展现用户体验最佳的页面,就算你做了移动站,可因为百度并没有

Public @ 2013-09-14 15:20:34

移动适配工具全解析

移动适配工具是一种用于让网站或应用程序的内容在不同设备上自适应显示的工具,旨在提供一种优越的用户体验。下面是移动适配工具的全解析: 1. 响应式设计(Responsive Design) 响应式设计是现今最流行的移动适配方式之一,其通过使用CSS3媒体查询技术,让网站或应用程序的布局根据不同设备的尺寸自动调整,以达到最佳的用户体验。在响应式设计中,通常会使用流动网格、自适应图像和可伸缩字体等技

Public @ 2023-05-30 02:50:38

更多您感兴趣的搜索

0.745861s