什麼是網頁前台和後台,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夾帶檔案的功能,基本上就能輕鬆操作後台。
網頁設計QA
SEO經營指南
第一章:SEO是什麼?SEO行銷知識懶人包,了解SEO優化的基礎 - 愛貝斯
第二章:影響SEO排名的因素有那些?掌握13個關鍵因素讓SEO優化變簡單
第三章:搜尋引擎的運作原理,了解Google如何替網站排名
第四章:頁面內容優化 (On-Page-SEO) - SEO網頁設計優化技術詳解
第五章:如何寫出符合SEO結構的文章?想做好SEO先搞懂文章怎麼寫
第六章:SEO關鍵字排名研究-如何找到有效高流量SEO關鍵字?
第七章:一次搞懂SEO反向連結、錨點文字,透過建立連結創造高流量
第八章:網頁設計對SEO非常重要,選對網頁設計公司,讓SEO事半功倍
第九章:SEO必不可少的工具,免費關鍵字分析工具大解析!
-
客製化網頁設計與套版網頁的差別,到底該怎麼選擇? 其實可以從網頁設計流程看出其間差異與優缺點。網站是否將企業DNA融入網頁設計元素,對企業辨識度與使用者體驗真的差很大!
-
市面上網頁設計方案常見為模板/套版型網頁設計、模組型網頁設計與全客製化網頁設計,無論是選擇哪一種設計方案,都能完成企業品牌的網站建置任務,其中的差異將顯現在「設計細節」與「建置流程環節」。
-
網站設計8大須知,從確認聽眾一直到手機板體驗強化,到處都是不可馬虎的細節。
-
Wordpress是非常強大的架站系統,只要動手拉一拉,就能得到一個網站。但優化的細節複雜,需要專家來幫您處理。
Seo Article
更多網頁設計QA相關文章
在本SEO指南的第二章中,您將學習搜索引擎的工作方式,人們如何使用它們以及他們提交的搜索查詢類型。我們將介紹Google的技術背景。