关键词排名搜索引擎优化

树立企业形象,传播公司口碑,让网站天生具备营销能力

免费咨询

MIP搭建体验友好的移动页面

日期:2020-12-09 09:00:00   浏览数:400
如何用MIP搭建体验友好的移动页面

MIP:是一套运用于挪动网页页面的开放性技术标准。根据出示MIP-HTML标准、MIP-JS运行环境及其MIP-Cache页面缓存文件系统软件,完成挪动网页加速。

 

应用MIP构建感受友善的挪动页面:

一、Doctype更新改造

1、开启你的模板或编码文档看第一行,将<! DOCTYPE ***>改成<!DOCTYPE html>

 

二、<Html>标识更新改造

1、进行第一步后,再次改动下一行编码,将: <html xmlns="http://www.w3.org/1999/xhtml">

2、或将<html> 改为<html mip>留意所有小写字母

 

三、Head一部分更新改造

1、<head>标识务必是彻底小写字母。

2、页面的编号务必是utf-8,改动申明为:<meta charset="utf-8">

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

4、页面中添加MIP专用型款式文档< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >

5、这儿必须告知百度搜索引擎改页面相匹配的规范html页面详细地址,假如存有则标志<link rel="canonical" href="https://www.baidu.com"> 在其中href值改动变成与当今mip页面相对性应的规范页面(挪动页)url地址。假如仅有mip页面沒有相对性应的规范页面则标志为:<link rel="canonical" href="https://www.baidu.com"> 在其中的href数值当今页面详细地址。

 

四、Body内更新改造

1、最先<body>标识务必是小写字母的;

2、更换<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>标识为相匹配MIP部件标识,实际见官方网站文本文档。

3、引入MIP-JS 运行环境 <script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放到页面尾端。


阅读文章文中的人还能够阅读文章:

MIP是啥?如何完成MIP?

MIP更新改造有关难题分析

什么人最合适用MIP呢?

为何广告商网址应当连接 MIP?

标签内容: 模板 页面 网页加速 运行环境 开放性 技术标准
栩云营销微信公众号
关注微信公众号获取更多咨讯

我们在微信上期待24小时为您服务

栩栩如生科技是一家集高端、专业、务实的,技术研发与网络营销服务为一体综合营销服务商,擅长网站建设,网站整站优化,SEO优化,网站推广及新老网站关键词排名优化,为客户提供综合型数字化创新服务,帮助传统企业实现“互联网+”转型升级
相关推荐
微信公众号

微信公众号