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. CSS写法不合理:CSS在移动适配的过程中起到关键作用,但是如果CSS写法不合理,就会导致移动适配不稳定和不生效。应该使用@media查询,优先级要高于其他样式。 2. 布局使用fixed元素:当使用fixed元素布局时,可能会发生适配

Public @ 2023-06-18 13:50:24

看这里!教你如何在页面主次内容之间设置合理间隔

2020年3月百度搜索发布的《百度APP移动搜索落地页体验白皮书5.0》中提到,“主体内容应与广告、相关推荐等次要内容之间有明显的间隔或分割线。”那么,你知道页面各内容模块之间为何要设置合理间隔吗?1、内容模块之间设置合理间隔的重要性为了帮助用户快速甄别主次信息,找到所需,页面在整体的排版布局上要注意对主次内容进行区分。而设置合理的间隔或分割线则是最有效的区分主次内容的方式。2、如何对各模块的内容

Public @ 2019-09-19 16:18:58

如何提升移动适配效果

首先,对已有的对应关系持续进行适配,同时不断建设新的对应关系,增加适配覆盖的范围。其次,要确保已经提交的对应关系准确。以下是常见的对应不准确错误,请网站进行自查,并及时修改。1、手机页不可用,比如死链。2、robots封禁。放开对Baiduspider的robots封禁,以便Baiduspider获取您PC站与手机站之间的对应关系。3、手机页使用了ajax等异步加载的方法加载内容主体。4、格式错误

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

目录级移动适配如何使用工具提交适配关系

“我的PC站点是www.a.com,移动站其实是PC站内的一个目录www.a.com/m,这样怎么使用移动适配工具提交适配关系?”我们发现一些PC站点下开辟某个目录存放移动适配页面、作为移动适配“站”,会有提交移动适配数据的需求,如:http://www.a.com/a.html 适配到http://www.a.com/m/a.html。虽然从长远角度看,这种行为对搜索引擎极不友好,百度(包括GO

Public @ 2013-04-03 15:20:35

更多您感兴趣的搜索

0.423772s