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

1,026次阅读

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?

作者:夫唯学院SEO培训  修订1.0  2019-02-27

搜外专注SEO在线系统培训,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程已融入到移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

我要加群
微信扫码添加客服人员
  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员
获取资源 联系获取
微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 网络推广执行细案

    微信扫码添加客服人员
  • 客户跟踪记录表

    微信扫码添加客服人员
  • 关键词分析模板

    微信扫码添加客服人员

快来夫唯学院学习SEO知识吧!
十年SEO经验,倾囊相授

关键词、长尾词、群站、算法......
: