如何用MIP搭建體驗友好的移動頁面

MIP:是一套應(yīng)用于移動網(wǎng)頁的開放性技術(shù)標準。通過提供MIP-HTML規(guī)范、MIP-JS運行環(huán)境以及MIP-Cache頁面緩存系統(tǒng),實現(xiàn)移動網(wǎng)頁加速。

?

使用MIP搭建體驗友好的移動頁面:

一、Doctype改造

1、打開你的模板或代碼文件看第一行,將<! DOCTYPE ***>改為<!DOCTYPE html>

?

二、<Html>標簽改造

1、完成第一步后,繼續(xù)修改下一行代碼,將:?<html xmlns="http://www.w3.org/1999/xhtml">

2、或?qū)?lt;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" >

5、這里需要告訴搜索引擎改頁面對應(yīng)的標準html頁面地址,如果存在則標識<link rel="canonical" >?其中href值修改成為與當前mip頁面相對應(yīng)的標準頁面(移動頁)url地址。如果只有mip頁面沒有相對應(yīng)的標準頁面則標識為:<link rel="canonical" >?其中的href值為當前頁面地址。

?

四、Body內(nèi)改造

1、首先<body>標簽必須是小寫的;

2、替換<img>,?<style>,?<frame>,?<form>,< input>,?<textarea>,?<select>,?<option>標簽為對應(yīng)MIP組件標簽,具體見官網(wǎng)文檔。

3、引用MIP-JS 運行環(huán)境?<script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在頁面尾部。


閱讀本文的人還可以閱讀:

MIP是什么?怎樣實現(xiàn)MIP?

MIP改造相關(guān)問題解析

什么人最適合用MIP呢?

為什么廣告主網(wǎng)站應(yīng)該接入 MIP?

本文由夫唯團隊編輯,如發(fā)現(xiàn)錯誤,歡迎通過客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標:讓大家獨立站出海不再“望洋興嘆”。

Processed in 0.179290 Second , 61 querys.