網頁設計, 網頁資源

[軟體] Mobirise AMP全面支援Bootstrap4.0與AMP架構,讓網頁更有助於SEO排名

梅干2018/03/23
梅問題-Mobirise AMP全面支援Bootstrap4.0與AMP架構,讓網頁更有助於SEO排名
  Mobirise算是目前操作最簡易的RWD開發工具,不但全視覺化介面,甚至在操控也相當的簡易,只需透過拖拉的方式,就可以快速的完成RWD的網頁,同時Mobirise內建Bootstrap模組外,還有許多免費現成的版型可以套用,甚至還有許多擴充的套件,可開啟更多進階的功能,與更多漂亮的網頁版型,以及內建也有許多的互動特效可使用,更重要的是全視覺化,因此完全無需會網頁,純視覺人員或是企畫人員,也能製作出漂亮的RWD網頁。
  而Mobirise也不斷在進化,目前最新版的Mobirise AMP,不但採用了Bootstrap4.0外,甚至還導入Google AMP,讓網頁有助於SEO,從這一、二年可看到,Google分別針對網站要需採用SSL與RWD甚至導入AMP,都會為網站的搜尋排名加分,這對於許多朋友來說,就不用將網頁設計好,再去修改裡面的標籤,讓網頁能符合AMP的架構,因此透過新版的Mobirise,可讓你的網頁具備RWD,甚至還導入Google AMP技術,讓你的網頁開啟速度更快,同時更有助於排名,因此有在使用Mobirise的朋友,現在也趕快將你的Mobirise升級到新版吧!
Mobirise
軟體名稱:Mobirise AMP
適用平台:Windows、MAC OSX
軟體下載:https://mobirise.com/amp-website-builder/

Step1
首先,在安裝好軟體後,開啟並進入,點左上的選單圖示,再點選「Extensions」選項。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step2
接著找到「Mobirise AMP」的套件後,再點右上的加號。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step3
當看到這畫面,就表示已安裝完畢。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step4
再回到主畫面,一樣點選單左上的選單圖示,再點「Sites / Create New Site」圖示,建立一個新站台。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step5
再點AMP的專案,這時候網頁的框架與標籤,就會完全符合Google AMP的架構。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step6
接著再按左下的加後,開始建立網頁的版型。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step7
這時就可透過右側欄,所提供的版面區塊,依序的拖拉到左邊的工作區中。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step8
當完成後,再按右上的「Publish」發佈鈕,將網頁進行打包,發佈好後,再把網頁上傳到網頁空間中。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step9
接著再到Google所提AMP線上檢測網頁,進行檢測看看,剛所製作好的網頁,是否有符合AMP的網頁,輸入網址後,再按下方的檢測鈕,這時就會即時的進行檢測。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
Step10
當檢測完畢後,就會看到檢測的結果,當出有效AMP網頁,就恭喜各位,目前的網頁是符合Google AMP的架構,因此透過Mobirise這個網頁開發工具,可讓你輕鬆且快速的完成RWD與符合SEO的規範,讓網頁更有助於排名。
梅問題-[軟體]Mobrise4.6.6 全面支援Bootstrap4.0與導入AMP框架,讓網頁更有助於SEO優化
梅問題講堂-2018/5/26-WordPress佈景主題設計入門-實體課程