逍遙の窩

我懂得不多;分享我懂的。

2018/02/25

免費 Blogger 自適應版型,讓電腦&行動網頁一致優化SEO

自適應網頁設計(Responsive Web Design 縮寫:RWD),目的為了讓網頁在桌機電腦、智慧手機、平板電腦等設備上都能以最佳的方式呈現,減少訪客瀏覽時的縮放、平移和捲動等操作行為。除了提供良好的網頁瀏覽體驗,使用自適應網頁還能提升 SEO,讓網站取得較高的搜尋排名。

Blogger 官方 2017/03 也發佈全新的響應式範本主題,管理後台「主題」就可直接套用。不過官方範本可以選擇的樣式有限,而且想要新增小工具或修改成個人風格也有難度,網路也有 Blogger 自適應網頁教學。




不喜歡官方提供的主題版型,又對網頁程式語言不熟悉(不會修改),最簡單的方式下載免費主題使用。

網站:Gooyaabi Templates
語言:英文
網址:https://gooyaabitemplates.com/

Gooyaabi Templates 是由印度人創立的網站,提供免費的 Blogger 版型讓個人使用,如果要商業使用則需付費購買,免費使用須注意請勿重新編輯,複製,克隆和刪除原始模板的頁腳連結。

操作說明:
網頁上方可選擇主題類型,點選「Responsive Templates」瀏覽響應式主題。


瀏覽頁面右側邊欄可選擇各種條件進行挑選,使用網頁翻譯幫助查看,點選主題預覽或下載。


「Live Preview」線上檢視,「Download」下載主題。


檔案解壓縮後將「.xml」檔案上傳 Blogger 替換原本主題。


幾年前介紹過免費主題下載網站,只是這些網站所提供的自適應版型不多,搜尋後找到 Gooyaabi Templates,站內持續提供新的主題版型,需要使用 Blgger 自適應版型可到這瀏覽,樣式多元又帶有功能齊全的小工具,以及快速加載、SEO 優化等設定。

參考資料:
自訂Blogger 行動版範本與自適應設計原理|技研可樂
回應式網頁設計-維基百科
Blogger 推出全新自適應 RWD 官方範本及佈景主題 @WFU BLOG
自適應網站(RWD)對SEO的好處-網站設計公司(非廣告僅參考資料)

沒有留言:

張貼留言

聲明:
● 站內提供下載的軟體經由網路取得,版權皆屬於原創者(公司)。
● 影音下載介紹網站與軟體功能,隨意下載、散播影片可能觸法,請自行注意。
● 本著作係採用創用 CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款授權。
創用 CC 授權條款