【一頁式網站】百科全書
模版｜範例｜購物｜價格
教學｜架構｜優劣
(瀏覽：4896  更新日期： 2021-02-13)

🧬 一頁式網站的優缺分析？

1. 網頁製作成本低:因為一頁式，所以在溝通、製作、素材的準備上相對的降低，若為自製更相對的簡單快速。 常用於短期性的活動網站、廣告頁面。
2. 故事型瀏覽:一頁式的關係，會讓使用者頁只能依網站所安排的使用者劇情發展，讓使用者易於閱讀。
3. 轉換率高:同樣因為一頁式的關系，讓使用者不會因為網頁有多個出口按鈕而離開頁面，所以會聚焦在該頁面瀏覽，直到最後進而轉換。
4. 手機瀏覽順暢:手機當道的時代，有許多的網站因設計不良，並沒有所謂的RWD，一頁式網站就無這個問題，直接從上往下瀏覽，非常順暢。

至於一頁式網頁設計的缺點呢?

1. 詐騙網站:由於製作成本低，眾多的詐騙事件偏愛使用一頁式網站。
2. SEO差:一頁式網站要的就是精簡與準確的傳遞訊息，對於SEO愛的就是內容，一頁式網頁實在很難寫的落落長的文章。
3. 資訊豐富性有限:同第二點的理由，因為無法提供豐富的內容，所以只能提供重要內容。二來手機速度下載較慢，也無法放滿滿的圖片、影片、動畫提供網站豐富性。

🧬 形象官網與一頁式網站比較

一頁式網站如登錄頁、銷售頁，其主要的目地是為了達成交易(如留下Email、購買、註冊帳號、播打電話)。這點目地跟官方網站是截然不同的。網站的目的是提供必要的內容，讓訪客透過連結、導覽在網頁之間移動， 取得必要的資訊。反觀一頁式網站的目的性就只有一個"達成交易"，就是讓訪客抵達該頁面，留下、申請或購買這個頁面的目地(達成交易)。

因此許多一頁式的銷售頁只需提供必要的資訊，無需準備多餘的選項讓訪客藉由其他連結、電話號碼、Email、名片資訊而跑到銷售頁外，失去交易的機會。而設計也是專注在顧客的動線只有設置一道，終點也是設計為一個，一頁式的專注引導客戶完成交易目地。

🧬 一頁式購物頁文案特點

一頁式購物的銷售頁要有好的轉換，銷售文案就會很重要，請參考以下文案設計方式

1. 獨特的銷售主張：你的產品
2. 容易產生情感連結的吸晴關鍵字
3. 簡單易讀好了解的圖片、表格
4. 客戶認同與推薦
5. 呼籲行動
6. 數據驅動再優化

🧬 一頁式網站設計的架構

一頁式網站架構在視覺上呈現，會直接以多個區塊不同顏色背景，並加上<h1> 或 <h2>的大標題做設計(如我們的一頁式網頁範例－山林小徑)做為資訊的分隔點，如此在提供網站訪客閱讀較能區分是不同區塊的資訊。
第二若技術上可支援的話，建議於右排有一個浮動的選單 (如一頁式網頁範例二天使之翼A-GUI)讓訪客能夠快速移動至不同的區塊。因為一般一頁式網頁設計的頁面長度會較長，在手機版的向下滑動會較冗長，因此才會提供該功能。
第三，一頁式網頁設計務必於最後一個區塊保留最重要的"呼籲行動(Call To Action)"。呼籲行動存在的目地就是，當網站訪客順著一頁式網站所提供的故事走的時後，在最後一個區塊就必需請訪客，做你最渴望訪客做的事情。
例如購買商品、登入註冊、留下Email之類的。這個區塊將會是最重要的一區塊。
至於頁尾的區塊就簡單留下網站的聯絡電話、姓名、公司地址、Email等等的。不要小看這個區塊，由於一頁式網站快要被詐騙劃上等號了， 所以此時若能提供公司名稱、統編、地址、正式Email、聯絡窗口將會提供該一頁式網站的可信度。
以上一頁式網站架構請在設計時多思考。 但通常這邊都有一個問題存在，因為一頁，所以我們的客戶會什麼都想要塞在裡面，結果就導致手機下載速度慢，而造成訪客流失的問題。所以我們會建議5 or 6個區塊是比較適當的。 所以總結一頁式的網站架構建議如下

1. 以不同的色塊，呈現不同的資訊架構
2. 右排浮動式選單，快速移動於不同主題間
3. 呼籲行動(Call To Action)增加轉換率
4. 聯絡我們建立信任感

🧬 一頁式網站價格報價？

1. 山林小徑
2. 天使之翼A-GUI

🧬 一頁式網頁模板下載

網路上一頁式模板非常的多，只要在Google搜尋"one page css template free。就會出現一大堆。 以新手練習的話，非常適合。若是商業用途的話，不管你是在RWD響應式網頁設計、Wordpress網頁設計，貴設計會建議 去Themeforest.net購買. Themeforest是由世界各地的網頁模板開發商上傳販售的，所以版形不管是手機or電腦版跑版的機會低， 而且透過版型不斷的更新，你還會一直取得最新版的版型。貴設計自已是網站架設的開發商，也都是到Themeforest購買模版的哦，值得推薦的好網站。 一頁式網頁模板參考

1. megaone
2. creative
3. trax
4. saasio
5. buzzi
6. wexim
參考更多 一頁式網頁模板。