如何用MIP搭建体验友好的移动页面 _ 教程一览

今天老铁SEO小编来为大家介绍：

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？

以上就是6cu小编为大家带来的全部内容详解，希望大家喜欢。