您現在的位置: 网站首頁 / seo優化 / 正文

[MIP技术分享] 织梦/DEDECMS改造MIP教程以及下载

作者: admin 发布: 2016-12-2 18:18:29 分类: seo優化 閱讀: 次 查看評論

  改造方案說明

  織夢的移動站點進行MIP改造,有多種方法,這裏主要講幾種。

  第一種,根據MIP規範新做一套模版。

  第二種,已有移動站點,新建一套與主站通用數據的mip站點

  第三種,已有移動站點,並在已有移動站點進行MIP規範改造,此處不講。

  在這裏我們先演示的是沒有站點,用織夢新做MIP站點。教程範圍是本樓,通過本教程可以了解一下MIP網站的規範。

  本帖2樓是改造一個和原站點數據互通匹配的MIP站點,非常建議整個教程全部看完。

  MIP改造前准備工作MIP的介紹在這裏不做詳細的介紹了,特別說明一下,由于MIP必須要求UTF-8的編碼,所以站點模版是做的UTF的,不支持GBK。

  GBK/GB2312轉碼教程傳送門:http://bbs.zhanzhang.baidu.com/thread-136575-1-1.html

  大概得流程是,安裝空白織夢UTF-8版,安裝MIP模版,填充測試數據。

  所以,我们先要去官方下载一个dedecms UTF版本的程序。织梦下载地址大家应该知道的吧!

  解壓在DedeCMS-V5.7-UTF8-SP1目錄下面的uploads目錄,裏面是網站程序的所有文件。

  程序文件截圖如下

  然后下载MIP模版 ,

  解壓的到

  將這倆文件夾,複制到網站程序中,進行覆蓋原網站文件夾以及文件。其中在include文件夾的arc.archives.class.php,出現img開頭的域名,替換成你主站或者圖片地址,mip開頭的改成你的MIP域名

  大概位置在253和255,這三行,出現了三個網址

  這裏我們得到了含有MIP模版的織夢程序了。下面我們只要安裝和填充數據測試就可以了。

  如果觉得上面的做法有点麻烦,可以下载直接可用的懒人包 地址百度云 pan.baidu.com/s/1dF7N2Ul 包含了织梦程序和MIP模版以及删除多余文件。

  安裝站點

  大家准備一個支持php+mysql的網站環境,可以直接買一個虛擬主機,也可以在自己的服務器或者VPS裏面創建一個站點。把網站程序,放進站點,開始安裝。安裝步驟詳解,這裏懂織夢安裝的掃一眼跳過。直接到下一步織夢MIP初體驗。

  第1步,运行 您的域名/install/index.php

  

  第2步,勾選,我已經閱讀並同意此協議,點擊繼續

  

  第3步,如果下面出現繼續,點擊繼續進行下一步,至于紅叉什麽的一般不用管,如果不出現繼續,說明你得空間有問題,請自己自行查找空間的原因。

  

  第4步,這裏是最重要的一部分,根據上圖,模版選擇那裏我們基本不需要選擇什麽,開始第二塊,數據庫設定,這裏涉及到幾個概念“數據庫主機”、“數據庫名稱”、“數據庫用戶”、“數據庫密碼”、“數據表前綴”、“數據庫編碼”。請自己將空間商或者自己創建的數據庫信息對照著填寫完整。第三塊,管理員帳號密碼,自行填寫第四塊,網站設置這裏,網站名稱改成你自己的,其他一般不需要動,尤其是Cookie加密碼這個盡量不要動,其他的在後台都可以改的不要勾選初始化數據進行體驗,直接點擊繼續,就安裝完成了!我附上我的安裝參數給大家看一下。

  

  出來下面的界面,證明你安裝成功了

  

  織夢MIP站點初體驗

  网站后台地址,默认的域名/dede 其中dede是默认的后台目录,可以改成其他的,更安全一些。

  登陸後台之後,界面是這個樣子滴。

  首先我們要修改一下基本參數:步驟依次如下:

  第1,点击左下角的“系统”-“系统设置”-“系统基本参数”,将“模版默认风格”改成mip 因为我们模版文件夹命名的是mip。

  操作如圖。

  第2步,由于MIP要求站点必须都是完整的绝对地址,所以这里需要把织梦后台的绝对网址功能开启,步骤如下“系统”-“系统设置”-“系统基本参数”-“核心设置”这里有“配置“数据库设定”部分的参数,这里我们(是/否)支持多站点,开启此项后附件、栏目连接、arclist内容启用绝对网址:” 点选上,然后点击下方的确定。操作如下图

  第3步,这一步只是对织梦系统的一个优化操作,就是发文章的时候同步更新栏目页和首頁,以及上下篇,步骤如下“系统”-“系统设置”-“系统基本参数”-“性能选项” 操作如下图,红框内的三处,要点选上

  第4,对于首頁生成模版,做一下改变,步骤如下,点击,“生成”-“更新主页HTML”这里的“选择主页模版”处,将default改成mip。操作如图。

  這裏我們可以預覽一下我們的MIP站點了,用手機打開您的域名進行預覽。

  沒錯,是空白的,那麽我們要創建和添加一些內容來測試一下。

  步驟如下:

  第1步“核心”-“常用操作”-“網站欄目管理”我們點擊“批量增加欄目”

  第2步,我們隨便添加一些欄目吧。特別說明一下

  文章命名規則,我寫的是:{typedir}/{aid}.html

  列表頁命名規則,我寫的是:{typedir}/list_{page}.html

  這樣是爲了URL更短,方便網站優化。

  頂級欄目名稱,我隨便填寫了四個。

  然後點擊下方的確定,欄目添加成功。

  操作如下圖。

  成功後,如下圖,會顯示出所有添加的欄目

  我們隨便點擊一個欄目,出現“添加文檔”,點擊“添加文檔”,開始添加文章

  這裏我們一般只需要三步就可以

  第一步,文章標題,就是文章的題目,我們寫上

  第二步,文章內容,目前由于MIP只支持文字和圖片,在這部分,只能添加文字和圖片。

  第三步,點擊下方的保存,即可。

  爲了測試完整,我們最好多發布一些文章。我一共發了150多篇,均勻的分布在四個欄目裏面。

  發完文章之後,我一般都做一下一鍵生成整站的操作

  步驟如下“生成”-“一鍵更新網站”-“更新所有”-“開始更新”

  操作如圖

  稍等一兩分鍾,更新完之後,用手機看一下你得MIP站點吧!

  下面看一下我的站點截圖

  

  做好之後,我們要對我們得網站進行MIP規則效驗

  地址是:

  當你把網址輸入之後,點擊提交預覽,如果有錯誤,會出現錯誤提示。

  如果符合MIP規範,會出現以下提示。

  到這裏,我們的MIP站點,就搭建好了,這只是搭建的新MIP站點,如果已有原移動站點,新建一套MIP模版的話,請看2樓

  文件修改替換說明

  MIP的模版文件包含兩部分:程序內核修改部分和通用模版部分。

  下載壓縮包,解壓得到的文件是:

  ├─include (程序内核目录)

  │ arc.archives.class.php (内容页分页)

  │ arc.listview.class.php (列表页分页)

  └─templets (模版程序目录)

  └─mip (模版目录)

  article_article.htm (内容页模版)

  Footer.htm (通用页脚模版)

  Head.htm (通用头部模版)

  Index.htm (首頁模版)

  list_article.htm (列表页模版)

  程序內核修改部分主要是修改了列表頁分頁、內容分頁的樣式以及分頁地址全都修改成完整的絕對地址。

  将解压得到的 include文件夹的arc.archives.class.php和arc.listview.class.php这俩文件,替换覆盖MIP站点对应的文件。

  通用模版部分,這裏制作了五個通用頁,可以用MIP文件夾的模版文件直接覆蓋到你現在MIP站點的模版裏面,對于網站額外的頁面可以用列表頁和內容頁進行修改替換。

  其中不同于普通網頁模版的地方,先从首頁开始看

  index.htm

  頭部和普通網頁不一樣的地方

  1,第2行,这里加入<html mip>标注,替换了原来的<html>

  第9行,10行

  第9行,这里是引用一个官方标准的 CSS 其他不可以再加了。

  只能在页面写<style mip-custom> </style> 在这里面加了,所以MIP的改造尽量要简洁,不

  需要能不用的css和JS堅決不要用了。

  第10行,这里是说,<link rel="canonical",在官网有介绍,是指明移动站点地址的意思

  2,第24行,这应该是一个img的网页标签,现在变成了 <mip-img > </mip-img>,

  进行MIP改造,普通的图片格式全部需要改mip-img 格式。

  list_article.htm

  1,第2行,第9行和第10行,和index.htm一樣的

  2,第23行和inde.htm一樣的,都是IMG改成mip-img

  3,這裏值得說明的是36行,是更改了/include/arc.listview.class.php文件實現了列表頁分頁是完整的絕對地址。

  article_article.htm

  1,第2行,第12行,第13行,和indde.htm的第9行和第10行的道理一樣

  2,第51行,和index.htm 一样是img 图片改成mip-img

  3,原来的内容标签 {dede:field.body/}里面的输出规则,已经在include文件夹下面的arc.archives.class.php文件做了正规则替换,

  其中內容頁的img換成mip-img,還有樣式替換等

  Footer.htm

  一共用了這四句話,

  第二句話是mip改造需要的標准js,我感覺必須加而且不需要理解爲什麽加。

  第一句和第三句,是統計代碼。

  第四句話是百度分享需要的js,同時在內容頁有體現出微博分享和QQ分享,後期會加入更多分享渠道

  在官網mip-js的改造中,有百度廣告的js,有百度分享的js,自己可以去看看並且引用過來。

  Head.htm

  第18句,就是普通img換成mip-img標簽。

  織夢模版五個頁面不同的地方就完了。

  如果已有站點,需要新建一個MIP多端,請看2樓。

  後記

  改造好了,效驗沒問題之後,登錄百度站長,在MIP引入那裏,提交你的MIP頁面,等待收錄以及生效。這裏不多做說明,不懂的地方大家回帖提問,謝謝!

  

  在已有站點基礎上創建一個MIP多端

  如果你已經有織夢UTF的站點,需要進行MIP改造,並且是新建一個MIP站點,實現和主站數據通用的話,可以按照以下操作。

  我們得宗旨是,盡量不動主站任何東西,所以在這裏我對MIP站點的改造,只在主站進行了一項操作

  就是添加一個MIP地址的系統參數。

  步驟如下:

  进入后台,以此点击 “系统” “系统基本参数” “添加新变量”

  变量名称是cfg_mip 参数说明 MIP地址 然后点击保存变量

  保存變量之後,會在系統基本參數這裏多一個mip地址,你在裏面填入,你爲新建MIP綁定的二級域名,點擊保存,即可!

  創建MIP站點說明

  大家的網站一般是虛擬主機或者服務器(VPS/雲服務器),對于這兩種情況,分別如下:

  虚拟主机,新开一个虚拟主机,最好是在同一个机房,解析mip的域名到新的虚拟主机,并且在虚拟主机绑定MIP的域名,然后将你得主站程序复制一份,拷贝到新的虚拟主机里面。如果只是同一个机房,不是同一台服务器,要去MIP站点的data文件夹找到common.inc.php文件,把$cfg_dbhost = 'localhost';这里的localhost改成数据库IP或者数据库的域名,同时数据库要允许远程连接。

  服務器,可以新建一個站點,綁定MIP域名,然後解析一下MIP的域名,同樣把主站的程序拷貝一份,放到新建的站點裏面。VPS/雲服務器同法。

  現在創建MIP站點操作完了,用MIP的域名訪問一下,是不是可以正常訪問,如果是,說明新建MIP站點成功,

  下面開始替換模版和部分程序文件。

  這裏是你有織夢站點的MIP模版,和第一份模版不同!

  解壓的到

  將這include文件夾直接覆蓋到你現在MIP站點的include文件夾裏面,

  其中arc.archives.class.php

  在253行,254,255三處出現的IMG開頭的域名換成你主站或者圖片地址mip開頭的域名換成你的MIP地址

  打开templets这个文件夹,里面有mip文件夹,含有五个文件,覆盖到你现在MIP站点使用的模板里面,就替换掉了现在模版,如果你对首頁、列表页、内容页进行了名称修改或者额外增加了页面,需要你自己对照着修改和替换。

  模版程序裏面含有我MIP地址的,全部替換成你的mip地址

  因爲我是直接調用主站圖片,含有主站的地方,這裏改成你主站地址

  然後登錄MIP站點後台,進行更新緩存和一鍵生成全站,進行檢測一下。

  檢測和提交,在一樓有說明。。

  希望大家看完教程不明白的地方及時回帖,我會不定期修複!

  --來源:百度社區 作者:宋亞鵬 

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: 百度MIP  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表