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

1672次閱讀

MIP:是一套應用于移動網(wǎng)頁的開放性技術標準。通過提供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、或將<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、這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識<link rel="canonical" >?其中href值修改成為與當前mip頁面相對應的標準頁面(移動頁)url地址。如果只有mip頁面沒有相對應的標準頁面則標識為:<link rel="canonical" >?其中的href值為當前頁面地址。

?

四、Body內改造

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

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

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


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

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

MIP改造相關問題解析

什么人最適合用MIP呢?

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

本文由夫唯SEO特訓營編輯整理。

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

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

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

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

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

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

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

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

    微信掃碼添加客服人員

掃碼獲取資源

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

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

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

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

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

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

    微信掃碼添加客服人員

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

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