热门搜索词

移动网站适配方案-百度精准广告-精准-学习网-配方-广告-网站

2025-09-05

1.基于搜索引擎蜘蛛访问  1.1百度适标注  适作用:指引搜索引擎蜘蛛爬行和抓取PC页面对应简版挪动站点页面;在站点PC页源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应简版挪动站点页面URL,以及该URL对应页面格式,百度将根据用户终端类型抉择相应简版挪动站点页面。(无对应关系PC页面无需添加Meta)  Meta适声明格式说明:  <metaname="mobile-agent"content="format={wml|xhtml|html5};url={当前PC页对应简版挪动站点页URL}">            Meta适声明示例:  在http://www.xxxx.com页面源代码<head>标签内添加代码,如下  <metaname="mobile-agent"content="format=xhtml;url=http://wap.xxxx.com/">  备注:”format=html5”可根据挪动站点页面真实协议语言进行标记;  生效情况:  标注Meta声明这一适配方案仅在百度挪动搜索中生效,即只有当用户通过百度挪动搜索访问站点时,适才会生效,通过其他渠道则不生效。在标注准确对应关系无误情况下,约摸需要七天左右时间生效,老旧页面会有延迟。但百度不保障一定能在挪动搜索结果中按照您标注对应关系进行替换。  1.2谷歌适标注  适作用:为了帮助谷歌蜘蛛了解PC页面与手机页面对应关系(无对应关系页面则无需添加)  适声明说明:  l在PC页面上,添加指向相应简版挪动站点页面特别链接rel="alternate"标记。这有助于谷歌bot发现网站挪动版网页所在位置;  l在简版挪动站点页面上,添加指向相应桌面版网址链接rel="canonical"标记;  适声明示例:  例如,假设桌面版网址为http://example.com/page-1且相应简版挪动站点页面网址为http://m.example.com/page-1。那么此示例中注释如下所示:  w在PC页面上,添加以下代码:      备注:代码中像素为最大宽度,其宽度可视情况调整;  w在简版挪动站点页面上,所需注释应为:      备注:此简版挪动站点页面中指向PC页面rel="canonical"标记是必需;  生效情况:此适声明仅在谷歌挪动搜索中生效;  2.基于用户在挪动终端访问PC页面  适作用:由于触屏版页面有助于提高用户体验度,因此网站需做好PC页面与手机站点页面之间,以及手机站点各个版式(触屏版与简版)之间(通过在服务器端进行设置或使用AJAX技术实现不同终端间页面跳转)。当手机用户通过手机访问网站PC页面时,页面将自动跳转到该PC页面对应手机触屏版页面。  适举例:  当用户使用手机访问http://www.xxxx.com/时,页面自动适跳转至相应触屏版首页(http://m.xxxx.com/);  生效情况:  当用户通过手动输入网址,或者通过导航站等渠道访问站点时,适跳转同样有效。  3.基于用户在挪动搜索结果访问网站  适作用:同样为了提高用户体验度,网站需做好手机站各个版式(触屏版与简版)之间(通过在服务器端进行设置或使用AJAX技术实现不同终端间页面跳转)。当手机用户通过搜索引擎(百度,360,谷歌,搜狗)挪动搜索结果链接访问简版手机站点页面时,页面将跳转到相对应触屏版页面。  适举例:  当用户使用手机通过挪动搜索引擎搜索结果链接访问http://wap.xxxx.com/时,页面自动适跳转至相应触屏版首页(http://m.xxxx.com/);  4.其他挪动站点页面标签标注说明  4.1DOCTYPE标签标注  标注作用:DOCTYPE标签标注有助于搜索引擎识别该页面是否适合移动设备浏览;  标注说明:<!DOCTYPE>标签声明位于文档中最前面位置,处于<html>标签之前,并根据不同页面协议,添加不同<!DOCTYPE>标签,具体如下:  lxhtml协议手机页面中可以使用如下DOCTYPE:  <!DOCTYPEhtmlPUBLIC"-//WAPFORUM//DTDXHTMLMobile1.0//EN""http://www.wapforum.org/DTD/xhtml-mobile10.dtd">  lwml协议手机页面可以使用如下DOCTYPE:  <!DOCTYPEwmlPUBLIC"-//WAPFORUM//DTDWML1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml">  lHTML5协议手机页面可以使用如下DOCTYPE:<!DOCTYPEHTML>  4.2Meta标签标注  如果该网页只适合在挪动设备上进行浏览,例如http://wap.xxxx.com/,则在该页面源码<head>标签内可以添加代码如下:<metaname="applicable-device"content="mobile">  备注:对于案第四点中提到DOCTYPE标签与meta标签标注,非必要代码,可视具体情况,自行决定是否添加。挪动网站适配方案-百度精准广告