Dedecms 模板中心

您现在的位置: 秀站网 > 织梦大学 > 手机站教程 >

百度MIP移动加速器实操指南三(实站操作)

来源:重庆时时彩独胆技巧 发布时间:2017-05-28热度: ℃我要评论
前面两篇课程,我们分别介绍了MIP的入门认识和操作流程,今天我们进行实站织梦MIP操作,网站可以选择直接将原先的移动站点直接改成MIP站,也可以单独再做一套MIP站点与移动站并存。从一个html...

本文地址:http://www.helaal.com/dedecms_m/782.html
文章摘要:百度MIP移动加速器实操指南三(实站操作)_手机站教程_织梦大学,痛入骨髓夭亡癫痫,走得慢轻工祈盼。

前面两篇课程,我们分别介绍了MIP的入门认识和操作流程,今天我们进行实站织梦MIP操作,网站可以选择直接将原先的移动站点直接改成MIP站,也可以单独再做一套MIP站点与移动站并存。从一个html页面的上下顺序一步步改造,只要按照本文章内的一步步来,即可完成MIP改造。

1. Doctype改造

1.1 打开你的模板或代码文件看第一行,将<! DOCTYPE ***>改为<!DOCTYPE html>

2. <Html>标签改造

2.1 完成第一步后,继续修改下一行代码,将: <html xmlns="http://www.helaal.com/489/1999/xhtml">或:<html lang="en"> 改成:<html mip>注意全部小写

3. Head部分改造

3.1 <head>标签必须是完全小写。

3.2 页面的编码必须是utf-8,修改声明为:<meta charset="utf-8">

3.3 页面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">

3.4 页面中加入MIP专用样式文件< link rel="stylesheet" type="text/css" href="http://www.helaal.com/432/static/mipmain-v1.0.1.css" >

3.5 这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识<link rel="canonical" href="H5/PC原页面"> 其中href值修改成为与当前mip页面相对应的标准页面url地址。如果只有mip页面没有相对应的标准页面则标识为:<link rel="standardhtml" href="MIP自身"> 其中的href值为当前页面地址。

4. Body内改造

4.1 首先<body>标签必须是小写的;

4.2 加入MIP专用JS文件:<script src="http://www.helaal.com/239/static/mipmain-v1.0.2.js"></script>

4.3 替换<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>标签为对应MIP组件标签,具体见官网文档。

4.4 引用MIP-JS 运行环境 <script src= "http://www.helaal.com/477/static/mipmain-v1.1.0.js"></script>放在页面尾部。

5. 使用MIP Cache注意事项

5.1 一般Cache图片、样式、脚本,做完上述4步后,修改资源地址为相对地址或合法绝对地址(以校验工具为准);

5.2 Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。

6. 组件的使用

6.1 除了上述这些需求外,一部分站点可能需要用到组件,官网文档包含了目前支持的所有组件,详见《组件概述》。

6.2 目前官网开发了很多通用性组件,并提供了使用示例,以百度统计组件为例:在百度统计中申请js统计代码,将其中的token值截取出来,如下图所示字符串:

将字符串以<mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>的形式植入到页面中,并在页面中嵌入 <script src="http://www.helaal.com/419/static/v1.1/mip-stats-baidu.js"></script>

以上步骤就可以将百度统计组件植入到MIP页面中了!

6.3特定组件的使用:对于官网没有的组件,网站可以自主开发组件接入,具体方法可以参考《扩展组件开发规范》;

本文地址:http://www.helaal.com/dedecms_m/782.html

    江西时时彩开奖结果查询 时时彩2星做号技巧 精彩趋势搜索软件 全国彩票开奖公告 2017年时时彩qq群号
    梦彩时时彩软件重庆 时时彩预测软件后一哪个准 重庆时时彩爱趣彩平 奇妙重庆时时彩软件破解版 江西时时彩形态统计
    宝盈娱乐时时彩平台 东森游戏最新登陆平台 重庆时时彩自动投注 时时彩手机软件哪个好 香港时时彩软件免费版
    力帆时时彩平台搭建 2017直播平台排行榜 重庆时时彩与黑彩合作 内蒙古快三开奖结果 重庆时时彩注册平台
    双色球字谜汇总 新疆时时彩开奖号码uehskwzb92 十三张娱乐城 幸运28俱乐部 天津11选5
    云南11选5推荐导航 时时彩软件选号高手 排列3字谜 鸿运国际娱乐开户 河北快三网上
    彩票上海快3玩法 时时彩走跨度势图 百家乐 游戏 皇冠炸金花 幸运农场选号技巧
    卓易彩票 上海时时乐 山东十一选五遗漏 上海十一选五技巧视频 天天彩选4历开奖结果