如何用MIP搭建體驗(yàn)友好的移動頁面

1684次閱讀

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

?

使用MIP搭建體驗(yàn)友好的移動頁面:

一、Doctype改造

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

?

二、<Html>標(biāo)簽改造

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

2、或?qū)?lt;html>?改成<html mip>注意全部小寫

?

三、Head部分改造

1、<head>標(biāo)簽必須是完全小寫。

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)的標(biāo)準(zhǔn)html頁面地址,如果存在則標(biāo)識<link rel="canonical" >?其中href值修改成為與當(dāng)前mip頁面相對應(yīng)的標(biāo)準(zhǔn)頁面(移動頁)url地址。如果只有mip頁面沒有相對應(yīng)的標(biāo)準(zhǔn)頁面則標(biāo)識為:<link rel="canonical" >?其中的href值為當(dāng)前頁面地址。

?

四、Body內(nèi)改造

1、首先<body>標(biāo)簽必須是小寫的;

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

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


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

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

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

什么人最適合用MIP呢?

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

本文由夫唯SEO特訓(xùn)營編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會互聯(lián)網(wǎng)技術(shù)。

  • 搜外會員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會員SEM競價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.145936 Second , 55 querys.