欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

织梦怎么开放适配,实现pc+手机端

相关案例演示

为了提升用户的移动搜索结果浏览体验,百度移动搜索对具有对应手机站的PC站提供“开放适配”服务。如果您同时拥有PC站和手机站,且二者能够在内容上对应,您可向百度“提交”PC页—手机页的对应关系,若对应关系准确,将有助于百度在移动搜索中将原PC页结果替换为对应的手机页结果。积极的参与“开放适配”,将有助于您的手机站在百度移动搜索获得更好的展现,同时以更佳的浏览效果赢取用户口碑。

百度开放适配服务共提供两种方案——自主适配、标注Meta声明。

(注:适配只针对存在对应关系的页面,无对应关系的PC页面无需任何操作。)

一 自主适配

含义:

站点自己做好PC与手机之间的适配,以及手机各个版式之间的适配。当手机用户通过百度移动搜索或者其他方式访问站点的PC页(首页或者内容页)时,站点将其自动适配到该PC页面对应的手机页,并为之选择合适的页面版本。

举例:

频道页:当用户使用手机访问时,站点自行适配到

内容页:当用户使用手机访问时,站点自行适配到

生效情况:

不仅限于百度移动搜索,当用户通过手动输入网址,或者其他移动搜索引擎、导航站等渠道访问站点时,适配同样有效。 

二 标注Meta声明

含义:

站点如果自行适配有困难,可以在PC页面中做简单改造,百度协助实现适配效果。即:站长在站点PC页的源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应的手机页的URL,以及该URL对应页面的格式,百度将根据用户终端类型选择最适合展示的页面。

Meta声明标注步骤:

梳理所有与手机页存在一一对应关系的PC页,用于添加Meta声明;无对应关系的PC页面无需添加Meta 。

2. Meta声明的格式:

 

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

注:A. 红色字体部分是需要站点自定义的内容。

[wml|xhtml|html5]——根据手机页的协议语言,选择中的一种。

url=url ——后者代表当前PC页所对应的手机页url,两者必须是一一对应关系(而不是统一对应至手机站首页)

B. name="mobile-agent"为更新后的meta声明,建议使用。原有meta规则http-equiv="mobile-agent"能够兼容并继续生效,已标注过的无需修改。

Meta声明示例:

<meta name="mobile-agent" content="format=html5;url=http://3g.sina.com.cn/">

<meta name="mobile-agent" content="format=xhtml;url=http://sina.cn/">     

3. 站长需要将Meta声明放在PC页源代码内部,如下:

<head>

<meta name="mobile-agent" content="format=html5;url=http://3g.sina.com.cn/">

……

</head>

4. 站长在添加过程中应减少因标注错误而产生的负面影响,需要注意的事项有

a. 标注正确的手机站url,避免对应错误和拼写错误

b. 确保适配到的手机页自身的可用性 

生效情况:

标注Meta声明这一适配方案仅限适用于百度移动搜索,即只有当用户通过百度移动搜索访问站点时,适配才会生效;通过其他渠道则不生效。

作者:欣怡建站 挑错 时间:2021-01-11 16:02
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服