什麼是網頁前台和後台,CMS內容管理系統注意事項

一、什麼是網頁前台與後台?

  
網頁前台(Front-End)

前台,其實就是用戶輸入連結後顯示的網站畫面,在網站上所瀏覽到的所有網頁畫面,都能稱作為「前台」。文字、圖片、影片、動態效果等,都隸屬於前台的範圍。而所謂網頁設計,其實也就是前台設計。
 

網頁後台(Back-End)

後台,管理網站內容的操作平台,因此被稱作「內容管理系統(Content Management System)」或「CMS後台管理系統」。後台的優點在於能夠在從何裝置(電腦、平板、手機)上以瀏覽器開啟,直接修改文章、新增服務項目、更改產品、收取客戶信件等,若網站上有購物功能,也能從此管理你的商城網站。

後台這個概念出現之前,網站管理者只能自行編輯HTML原始碼,更改後以FTP檔案回傳主機,才能更新前台內容。而在後台介面被開發後,管理者就能在第一時間更新網頁資料,無須再透過工程師或網頁設計廠商,也能輕鬆操作。
  

靜態網站與動態網站的分別?

網站亦有「靜態網站」與「動態網站」兩種區分方式,所謂靜態網站並非是指具有動態效果(如Flash和GIF),而是指是否具有「後台管理系統」。換句話說,靜態網站沒有後台管理系統,而動態網站具備後台管理系統的介面。
   

二、網頁後台操作的便利性

網站後台操作,以愛貝斯的後台管理系統為例:
 

直覺式後台管理

愛貝斯採用直覺式的後台管理介面,每段文字、照片都有專屬的對應欄位,只要照著空格填寫、上傳,前台會自動對應到所屬位置,無須花時間排版,大大省下網站管理的時間。
 

防錯機制與文字編輯器

為了降低人為操作錯誤的機率,愛貝斯增設資源回收桶與儲存確認的功能。
 
各單元的內文採用「拖曳型」文字編輯器功能,只要你會使用word,曾經用過無名小站、痞克邦、Google文件,你就能快速找到編輯訣竅。其中並附上了HTML語碼雙介面,讓網站內容編輯更有彈性。
 

圖片上傳裁切功能

為求操作上的方便,後台能選擇多圖一次上傳,並且程式會自動縮小、裁切圖片,以減輕圖片管理的負擔。

因應RWD介面的不同,系統會自動分成電腦版與手機圖片尺寸,分流處理,大幅加快手機開啟網頁的速度。
 

SEO後台優化系統

愛貝斯的網站以SEO為基礎體質建置,每一個頁面、文章、產品都有獨立的Meta設定( title、description和keyword),此為Google建立網站索引的重要資訊。

後台也提供安裝各種分析碼的欄位,不論是GA、FB像素等,都可讓你在第一時間掌握用戶的網站足跡,因時調整行銷策略。

並能為每個頁面的網址命名,做到精簡網址的效果,提高內容被索引的機率。
 
延伸閱讀:網址也能SEO
 
除此之外,每張圖片也能自訂Alt圖說文字,增加SEO效果。
   

三、不懂程式語法也能簡單操作網站

早期的後台管理系統需要透過資訊人員將網頁下載到電腦,以Dreamweaver等編輯軟體修改後,重新上傳。新增頁面也得重新編排,如果還要考慮排版、字體大小、顏色、字型等,還需要訂出詳細規範。莫說一般管理者,對專業網頁設計人員也是非常負擔。
 
好的後台管理系統,會避免複雜的管理流程,並將操作的便利性考慮進來。即便不懂程式語言、網頁語法,也能輕鬆操作。
 
愛貝斯的後台管理系統非常簡單,只要管理者會打字、會使用Email夾帶檔案的功能,基本上就能輕鬆操作後台。
Seo Article

更多網頁設計QA相關文章

在本SEO指南的第二章中,您將學習搜索引擎的工作方式,人們如何使用它們以及他們提交的搜索查詢類型。我們將介紹Google的技術背景。

取得報價