建站知識

如何對網站頁面進行mip改造?

標簽: ? | 作者:DT范福州網站建設 | TIMES:2018-11-29
    Mip移動改造對于從事seo站長并不陌生,是為了提高用戶體驗感,加快移動落地頁面的打開效果的一種新技術,而且改造完的站點,能夠提高在移動搜索引擎上面的排名,所以百利無一害,如何進行mip頁面改造呢?今天福州網站制作給大家來支招:


 

    首先要對自己的站點進行認知:


    如果自己本身是自適應網站或者pc網站的話,建議建立一個獨立的網站,比如之前是www.xx.com才能打開你的網址的,你可以解析一條m.xx.com的地址,然后專門做一個移動端。      

   如果你本身就屬于移動端的站點,但是因為打開速度非常的慢,你就可以直接根據移動端的代碼進行改造。
    

   認清自己的站點之后開發最好是可以登錄mip的官網按文檔進行改造。改造的開發人員一定要具備html的前端開發技術。
    

   Mip的改造步驟:
    


   一:1. Doctype改造

   1.1打開你的模板或代碼文件看第一行,不出意外的話是這么一句:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 也有可能是這么一句:<!DOCTYPEhtml>無論是那句記住第一句一定是:<!DOCTYPEhtml>

  2. 標簽改造
  2.1 完成第一步后,代碼往下看,將:
  <htmlxmlns="http: xhtml?="" 1999="" www.w3.org="">
  或:<htmllang="en">
  直接改成: 注意大小寫

  3.Head部分改造
  3.1 標簽必須是完全小寫。

  3.2 頁面的編碼必須是utf-8,修改聲明為:<metacharset="utf-8">

  3.3頁面中加入<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

  3.4 頁面中加入MIP專用樣式文件< linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

  3.5 這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識<linkrel="standardhtml" href="https://www.baidu.com"> 其中href值https://www.baidu.com修改成為與當前mip頁面相對應的標準頁面(移動頁)url地址。如果只有mip頁面沒有相對應的標準頁面則標識為:<linkrel="standardhtml" href="https://www.baidu.com"> 其中的href值為當前頁面地址。

4.Body內改造

  4.1首先標簽必須是小寫的;

  4.2加入MIP專用JS文件:

       4.3 常見標簽替換表



 
 
       更全的標簽禁止使用表請見:https://www.mipengine.org/doc/3-tech/1-mip-html.html

  5.使用MIP Cache注意事項

  5.1一般Cache圖片、樣式、腳本,做完上述4步后,建議修改資源地址為相對地址;

  5.2Cache的內容需要更新需要通過MIP數據提交中的更新數據接口,把更新的url鏈接推送過去,等待百度更新。

       Mip改造的注意事項
 
       1,編碼格式必須是utf-8,<metacharset="UTF-8">

       2,網站全部用絕對路徑

       3,不可用其他外部css和js

       mip檢測頁面:https://www.mipengine.org/validator/validate

       必須加代碼:

      1,用于移動端展示:<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

      2,最新版的css:<linkrel="stylesheet"type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css">

      3,最新版的js:<scriptsrc="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js"></script>

      4,網站對應關系:<linkrel="miphtml">和<linkrel="canonical">主要用于告知搜索引擎頁面間的關系。在MIP頁中使用<linkrel="canonical">,href指向原頁面,若只有MIP頁,則指向自己。如果MIP頁和原頁面同時存在,則在原頁面中添加<linkrel="miphtml">指向MIP頁。MIP頁的點擊會與原頁面的點擊權重加和計算,同時原頁面將作為搜索引擎的首選頁。<linkrel="canonical"href="//www.mipengine.org/">

      5,添加樣式:<stylemip-custom></style>在這個里面添加自己網站的css樣式,這個mip站做好了,通過檢測頁面,基本沒什么問題的,是不是很簡單呢。


      以上就是mip改造的全部步驟,對于移動互聯網的時代,如果不進行mip改造的話,很容易失去客戶,所以當務之急沒有改造的趕緊改造了。

 

下一篇:沒有了
相關新聞
首頁 | 網站制作 | 網站模板 | 定制設計 | 建站知識 | 建站幫助
分分彩