介紹打造多螢幕網站時可採用的三種結構。不論您選擇哪種結構,都有相應的營利方案,可將您的數位內容化為收益來源。
三種可達成上述目標的常見做法:架設回應式設計網站、動態放送解決方案,以及行動專用網站。
回應式網頁設計 (RWD):
回應式網站身段靈活,可順應任何一種網站瀏覽裝置的螢幕,自動調整內容的位置和大小。也就是說,您的內容可在各種裝置上完美呈現,既不需要建立重新導向,也不需要分別為每種平台製作專用的網頁。使用者可順暢瀏覽內容,內容管理者只需要更新一次內容,雙方皆大歡喜。從開發人員的觀點來看,打造 RWD 網站需要靠彈性範本、網格、樣式表和 JavaScript 來重建網站架構,但結果絕對值回票價。想知道 TowerGate 保險集團如何改用回應式網頁設計網站,使行動裝置和平板電腦的使用者人數增加超過兩倍。
動態放送內容:
第二種解決方案類似回應式網頁設計,也是由網頁伺服器偵測出訪客所用的裝置類型,並於同一個網址顯示自訂網頁。
這種方式雖然能順應裝置,顯示合適的內容,但每種平台要各自準備不同版本的內容。為了讓使用者能順暢瀏覽內容,請優先為使用者最常透過手機和平板電腦存取的熱門網頁製作動態內容。
行動專用網站:
最後一種建議方法是製作行動專用網站,引導智慧型手機使用者進入。這種方式通常是獨立代管的解決方案,因此可完全順應行動目標對象特製內容。與製作動態放送內容相同,您也必須分別更新內容或樣式元素,這樣使用者才能順暢瀏覽。我們將由愛迪達如何運用行動專用解決方案獲得成功來說明。
「我們目前除了維護良好的響應式網頁設計行動專用網站外,還分別為 iPhone、Android 和平板電腦、iPad 以及 Windows Phone 提供專用的應用程式。」
為趕上多螢幕上網潮流,決定將網站最佳化:「我們的動機在於讓使用者透過他們最常用的裝置,享受搜尋、發掘和分享點子的樂趣。」
為網站改用響應式網頁設計後,不重複訪客總人數爆增 5 倍
在 2013 年春季,「cmyes_架站_網購系列」採用「響應式網頁設計」來重新打造網站,邁出轉型為多螢幕網站的第一步,結果不重複訪客總人數爆增 5 倍,從每週 68,000 人增加為 350,000 人;
來自行動裝置的人潮也大幅上升,不重複訪客人數從每週 13,000 人提高到 170,000 人。該網站目前有 50% 以上的流量來自行動裝置。
「重頭打造採用響應式網頁設計的網站時,找出網站內容和最適用的版面配置是最傷腦筋的部分,」為了節省維護時間,他們採用了內容管理系統(Content Management System, CMS)開發框架
CMS 是由三個層次所組成,分別是框架(framework)層、應用(application)層與套件(extension)層。
事實上,網站本身就是許多相關技術的混合體,網站管理系統也並非指單一種技術,也是許多技術的整合,一個網站管理系統有可能會同時包含以下的相關技術:
項目 | 說明 | 註明 |
---|---|---|
網址
|
網路上的住址
| |
網站主機
|
存放網站主要程式或檔案的空間
|
Apache、IIS等
|
資料庫
|
記錄相關的資料、會員資料等等
|
MySQL、MSSQL
|
伺服器端程式語言
|
執行位於主機空間的相關程式,主要是存取資料庫上的資料
|
PHP、ASP等
|
客戶端(瀏覽器端)程式語言
|
執行於使用者瀏覽器的程式,主要用於許多特效或操作介面(例如下拉選單)
|
Javascript(以及其他相關的函式庫如Mootools及jQuery)
|
HTML
|
網頁的格式編寫語言
| |
CSS
|
樣式表,主要是用來訂製網頁的呈現風格,例如字體大小、顏色、背景等等
| |
Flash動畫
|
一種常見的網站上動畫技術,由Adobe公司所開發,Flash不僅會用在動畫的顯示,目前有很多特殊的應用程式上也會使用到(例如很常見的檔案上傳功能)
| |
搜尋引擎相關
|
為了讓使用者更容易找到這個網站所使用的技術
|
比較接近網站行銷領域
|
社群網站相關
|
為了讓使用者更容易找到這個網站,以及更容易使用網站功能(例如結合Facebook帳號)所使用的技術
|
比較接近網站行銷領域
|