什麼是網頁前台和後台，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夾帶檔案的功能，基本上就能輕鬆操作後台。