架設網站需要準備哪些?是否需要懂技術才能溝通?在準備架站前要注意些什麼?請公司做網站需要花多少錢?有沒有推薦網頁設計公司?
當你開始準備為你的事業打造一個網站,你需要做一點功課,對網站架設有一些基本理解,來幫助你更快理解如何打造一個理想的網站。
目錄
1.架設網站有什麼好處?
官方網站的好處
1.握有管理內容和演算法的主控權,不受第三方平台規則影響
長遠來看,打造自己的網站是一個相當好的投資,唯有擁有自己的網站,你才可以對自己的事業和商業成長擁有完全的主導權。
在前期花點時間與努力打造網站,未來你可以自由運用、更新你的網頁與商品陳設,在網路世界為你的網站累積權重與 SEO 表現,累積自己的流量池和潛在訂單。
最重要的,你可以擁有完整的後台數據,掌握你的使用者行為,持續為你的客戶提供最棒的產品。
2.數據是企業最重要的數位資產,了解精準受眾推出行銷策略
官網架設的一大好處,就是能依後台數據掌握消費者行為,驗證和優化經營策略,以利達成品牌的最終目標——提升營收業績並永續經營。
後台的消費者行為數據能夠幫助你得知這些資訊
- 特定日期區間,有多少新客進站?回客比多少?
- 依據進站流量判斷哪一個促銷檔期推動此行為?
- 產品若是 SaaS 服務,觀察這個時間點和市場趨勢、使用者行為有何關聯?
- 不受促銷影響、能鞏固品牌基本業績的忠實顧客輪廓是如何?
這是擁有自家網域、架設自有品牌官網才能有的獨家數據資產。若選用第三方平台架設網站,則幾乎不太可能掌握這些訊息。有些平台會要你付更高的訂閱金額來取得,更多平台則不提供。
3.搭配完整 CRM 鞏固品牌忠誠度、提升消費者終生價值
獨立的官網能夠搭配 CRM 系統,若使用架站平台往往無法深度整合使用。
CRM (Customer Relationship Management)全名為客戶關係管理,為你的官網串接一個強大的 CRM 系統,能夠掌握客戶的消費決策流程,協助業務團隊在不同階段推送客製化訊息、妥善回覆來自不同渠道的客戶問題,統整管理所有客戶資料、掌握用戶交易階段,讓消費者願意和品牌有長期的互動、創造顧客價值。
有粉專、 IG、蝦皮、電商平台…還需要官網嗎?
有人認為若只是「將產品上架」,那麼粉專、電商平台都可以辦到,不需為此專門架設一個網站、花錢又花時間,尤其目前有許多平台商前期成本相當低,輕鬆就能上手、上架商品。
然而就像 Facebook 的策略一樣,最終你會受到演算法所苦。想要爭取更多曝光量,只能大砸廣告費,而廣告的紅利時代也已過去,廣告成本只會越來越高昂。
平台商由於其營運特質,往往提供制式化的套版,功能有限、幾乎無法客製化,也無法明確表現品牌和商品的獨特性,消費者往往買過一次後就不會再訪。
獨立官網的品牌形象、視覺呈現能由你打造,透過 SEO 和廣告觸及客戶,客戶對你整體的品牌形象產生印象烙印,才有高度機會再次回頭消費。
2.網站架設前的必備基礎觀念
網站架設趨勢
目前架設網站的主流是用 WordPress 架站,並使用 RWD 響應式網頁設計的技術。使用 RWD 的好處在於你的網站介面,可以隨著不同裝置尺寸呈現最適合瀏覽的排版和大小,你不需要管理多個版本的網站。
RWD 適應性設計:
另外,2020 年後的趨勢上,手機版的網頁已經超越電腦版,而 B2B 企業的商業活動還是以電腦版網頁為主。
RWD 響應式網頁設計是什麼?
WordPress 是什麼?
WordPress 是一個架設網站的開源式軟體。意味著它開放全世界的工程師為其開發不同的工具和軟體,來符合自己網站想要的需求。
據 hostingtribunal.com 對 WordPress 2021 年的分析報告:全世界已經超過 1/3(39.6%) 的網站使用它架站,小至個人部落格到複雜的大型企業網站,都有其用戶和愛好者。
WordPress 也是目前少數幾個結合網站與部落格的內容管理系統(CMS),具備豐富成熟的資源,對於想經營網站品牌的企業來說是理想而有效率的選擇。
網站有哪些種類?
1.品牌官方網站
不限提供產品、服務,以傳遞、營造企業的形象與專業度為主的網站。例如設計師的個人網站、顧問服務、美術館網站
2.電商網站
3.B2B 網站
服務客戶以上下游廠商、企業為主體,無論是資訊顧問服務或製造業,擁有完整的產品介紹、能深度整合 CRM、隨時彈性打造新的 landing Page 的網站。
4.內容媒體網站/部落格
提供內容為主軸,擁有部落格或是串流系統的內容媒體網站。
主機、網址 URL、IP、Https 是什麼?
1.主機 Server
主機是存放你網站內容的地方。架網站用到的為「虛擬主機」,意味將一個實體的主機伺服器,透過程式語言切成許多空間,供有需要的人使用。網站流量越大,主機的效能要求越高。
由於要負擔和管理一個實體主機的金錢、技術成本相當高昂,大部分人都是是向主機代管系統商購買虛擬主機存放自己的網站。你可以選擇國外知名的主機代管商,通常外商的服務市場涵蓋範圍大,較有保障。
2.網址 URL、網域
3.IP
4.HTTP 與 HTTPS
HTTP 全名為「超文本傳輸協定」(英語:HyperText Transfer Protocol,縮寫:HTTP),最初目的是為了提供發布和接收 HTML 頁面的方法。是一種通訊協定,通過它才能連結「瀏覽器」端與「主機」端。
HTTP 協議沒有安全性的功能,不論是對網頁端和主機端都不會進行身份驗證,也無法驗證內文的完整性,所以內容很有可能被竊聽或是竄改而當事人不自知。
HTTPS 全名「超文本傳輸安全協定」,透過 SSL/TSL 去做了一道安全鎖,能夠在傳輸訊息的過程中加密,包含 andshake(交握)、公私鑰加密、第三方身分認證機構等等,解決前面 HTTP 無法解決的問題。
網站前台、後台是什麼?
簡單區分,網站前台是「客戶看到的內容」,後台是「網站營運者看到的內容」。
舉凡網站在網路世界看得的每一個網路頁面,都屬於前台,後台則是你上傳文章、替換 Banner 視覺、觀看數據、調整網站分類、架構所操作的地方。
網站前台、後台是什麼?
簡單區分,網站前台是「客戶看到的內容」,後台是「網站營運者看到的內容」。
舉凡網站在網路世界看得的每一個網路頁面,都屬於前台,後台則是你上傳文章、替換 Banner 視覺、觀看數據、調整網站分類、架構所操作的地方
3.架設網站的流程
1.租用網站虛擬主機
要架設網站,首先你要有個地方存放你的網站空間,舉凡你上傳到網站中的資料、圖片影片等都需要空間存放,你可以選擇租用知名的主機商確保你的網站資料安全性與穩定性。
例如 GoDaddy、BlueHost。
2. 申請與購買網域(網址)
你的網站需要有個專屬網址,讓其他人能夠過網址找到你,地址的概念。架設網站前就可以先上網域商(如:GoDaddy)註冊一個網址,註冊網址需要費用,可以依據你的需求購買多長的使用時間。如果過期而不繼續付費,視同你不要這個網域,也代表未來他人可以註冊這個網址。
3.規劃網站地圖
4. 選擇網頁主題佈景、網站素材
先行挑選你喜歡的網站佈景主題,佈景主題能夠為你的網站視覺做基本定調,包含 Framework、版型等,如果有需要再特別客製化的地方或頁面則再由工程師撰寫程式語言。
佈景主題可以從 ThemeForest 瀏覽與購買,網站有上萬種不同產業與功能定位的佈景主題讓你選擇。
Theme Forest:https://themeforest.net/
5. 製作 WordPress 網站
上述作業差不多之後,便可以由工程師為你製作網站。包含串接資料庫、串接金流或物流系統、第三方套件、前後台建立、網頁設計、切版等, UI/UX 設計師也會參與這個階段設計頁面的視覺形象。如果企劃人員事前有提出想安裝的 WordPress 掛件名單,在這時候就可以安裝。
6.安裝 WordPress 外掛套件
這個階段網站的完成度大部分八九成了,你可以在這時挑選幾個必要的 WordPress 套件,幫助你完善你想要的客製化功能。
外掛套件的功能有上百種,小至防止機器人留言、大至購物車系統都有,我們這邊主要討論每個網站都應該必備的基本套件,包含 Yoast SEO、Google Analytics、Smush(縮圖外掛)等等能夠提升你的網站效能、優化 SEO、追蹤與改善數據追蹤的外掛。
7.公開網站、將網站提交 Google
當你的網站完成就緒後,是時候讓網路世界知道你精心打造的網站了。WordPress 後台有個可見設定,這個設定在告訴 WordPress 可以將這個網站公開於網路世界。
設定方法:WordPress 後台 > 設定 > 一般 > 隱私權設定 >公開。
做好萬全的準備,建議也為你的網站安裝 Google Search Console ,將你的 Sitemap 提交給 Google,讓 Google 收錄,你的網站才有可能被搜尋引擎檢索,進而爭取排名。
如何建立與提交 Sitemap:
你可以請工程師為你產生 Sitemap ,他通常是一份副檔名為 .XML、RSS、mRSS 的文件。前往 Google Search Console,驗證你的網域通過後,你就可以提交這份 Sitemap 給Google。
詳細方法可以見 Google 官方文件說明。
4.架設網站的費用
網站架設貴在哪?
想了解網頁設計的報價範圍,可以初步以網站本身的架構來看,花錢主要花在以下三大部分:
1.伺服器(主機)租用費
2. 後台管理系統架設費用
3. 前端網頁設計費用
網頁設計費用是整個專案費用中佔最大比重的。依據每一個公司網站功能的需求、負荷流量、設計素材複雜度等,有不同複雜程度的硬體設備和投入工時,費用範圍自然會有差距很大的情形。因此,單只看費用金額多寡不是公平的判斷方式。
網站架設成本包含哪些?
1.人力薪資成本
理論上,一項網頁設計專案會有四個角色:
- 網頁工程師:架設網站、設計網頁、優化 SEO 架構,配置1-2人左右。
- UI/UX 設計師:使用者介面設計、使用者體驗流程規劃、設計頁面,配置1人。
- 行銷人員:品牌定位到行銷策略、使用者行為研究與經營多元的行銷渠道、SEO操略與內容規劃、數位廣告投放等。配置1-2人左右。
- 專案經理(PM):專案時程及進度的主要管理者,以利網頁如期架站完成。配置1人。
若由企業內部另立專案、每個角色配置一人人力,一個網站的專案工期以 3 個月來算的話,則架設一個網站的成本保守估計約需 48-72 萬元左右。
2.時間成本
若企業自行架站,還有以下 2 項時間成本需考量:
- 招募新員工:若公司沒有足夠的在職人員,需另花時間招募。從決議開缺到上班,需至少 2 個月的時間,此將延後完成架站。
- 多工處理效率:4 位員工需同時處理既有工作,並額外分配時間執行此專案。各專案的處理時間互相壓縮,即便員工能夠加班,仍有效率不彰的隱憂。
相對地,網頁設計公司具備完整的專案人力,專案時程控管、內外溝通能力、網頁設計經驗等等等深厚的實戰經驗和架站專業。能快速釐清你的網站需求、提出企劃。若發案企業的需求及訊息溝通明確,成本便能大幅減少。
網站架設費用項目一覽表
項目 | 說明 | 報價範圍 |
風格形象設計(CIS) | 包含全站。品牌的整體形象設計,包含企業色、 品牌logo、品牌視覺調性 | 60,000-150,000 |
CMS內容管理系統 | 網站後台系統,不管在哪一個頁面都方便讓非技術 人員可以上手操作。 | 80,000-200,000 |
網站規劃與分析 | 整體網站的架構、功能規劃與分析 | 50,000~70,000 |
電商策略規劃與分析 | 針對電商網站的架構、功能規劃與分析 | 50,000~70,000 |
金物流串接設定 | 串接付費金流(信用卡、支付系統、發票系統串接等) | 8,000-15,000 |
購物車系統 | 購物車的設計與購物流程、包含我的收藏與加入購物車 | 15,000-40,000 |
會員系統 | 存取會員名單與會員管理 | 10,000-30,000 |
常見問答(FAQ) | 常見問答 | 5,000-8,000 |
文章系統 | 編輯器頁面、文章管理系統等。包含部落格、最新消息 | 10,000-20,000 |
商品櫥窗 | 商品頁面與瀏覽功能、分類商品 | 30,000-60,000 |
SEO結構優化 | 設計出對SEO友善的網站架構,幫助搜尋引擎認識你的 網站、有健康體質爭取排名。 | 40,000-100,000 |
資訊安全維護 | 資訊安全 | 依企業需求報價 |
其他客製功能 | 其他客製化功能(例如預約系統) | 依企業需求報價 |
5.網站地圖如何規劃?
1.定位網站種類定位
架網站前先了解自己架站的目的以及網站任務,非商業性個人網站或電商網站?需要金流購物系統或問卷收集系統?需不需要部落格?這三個問題回答後你的網站基本調性也就出來了。
2.規劃網站地圖、架構
網站地圖是正式架設網站前畫出來的結構圖,網站地圖應該包含所有頁面的規劃和功能,最常見的呈現方式為樹狀圖,用這份網站地圖來與客戶溝通網站的內容與設施。
一個完整的網站地圖元素,應該包含以下元素:
- 首頁頁面
- 頁首
- 頁尾
- 選單
- 其他連結、按鈕
- 登入頁面
- 部落格頁面(視企業需要)
- 商品頁(電商網站)
- 其他頁面(e.g.聯絡我們、預約頁面)
透過製作網站地圖,網頁設計公司能夠了解你的架站需求,對於後續架站和溝通流程會清晰很多。
3.網站架設、UIUX
網站地圖定案之後,與網頁設計公司溝通頁面設計與視覺風格,期望的介面設計,打造出符合企業品牌調性的網站。
4.優化網站 SEO
為你的網站生成一個 Sitemap 檔,常見格式為 XML 檔,這個 Sitemap 是給 Google 演算法看的,讓 Google 爬蟲知道你的網站架構長怎樣,提升未來他時時爬取與更新你的意願。
在部落格系統,善用關鍵字策略與內容策略為你的產品和服務撰寫相關內容,讓你的內容有助於被潛在用戶搜尋到。你可以安裝 WordPress 外掛插件來協助你的文章內容和網站提升 SEO 表現。
6.架設網站公司不會跟你說的事情
1. 只為了快速結案而草率架設你的網站
大部分網頁設計公司會藉由壓低成本來爭取客戶,然而相對的,不會以永續、長期的眼光來看待你的網站。
你的事業是長期發展的,你的網站也需要跟上你的事業成長腳步。你的網站不應該是免洗版的網站,兩三年後就因為草率的架站技術需要東補西補,笨重、跟不上技術的後台管理系統也需要整個打掉重練,要清除日以繼夜的技術債,遠比新建一個網站還困難、耗費大量成本。
2.大部分網站架設公司沒有實質 SEO 實戰經驗
3.如何判斷好的網站架設公司?
先說結論,請務必選擇同時懂得 RWD 網頁設計,擁有 SEO 專業的網頁設計公司。
如果你希望網站擁有強健的體質與良好的 SEO 基礎,讓你贏在 Google 的排名起跑點,在一開始選擇網頁設計公司時就應該將這兩點納入考量。
Google 喜歡你的網站在電腦、平板、手機上擁有快速的載入速度以及良好的適應性,良好的使用體驗包含網站美感、字型字體、頁面載入速度、內容專業度、網站分類清楚、隨時更新資訊。
網頁設計公司除了為你前後台漂亮與功能兼具的網站以外,還要擁有執行 SEO 的實戰能力。要能隨時跟上 Google 瞬息萬變的演算法調整策略,在技術與內容方面都跟上因應策略,包含簡潔的前端設計、好用而有效率的後台架構、對 SEO 友善的內容管理系統。
網頁設計公司推薦
威德網頁設計公司 / 公司成立16年
WDD 是台灣少數深具品牌思維的數位設計公司,專注於設計與策略,擅長以創意與設計整合商業策略。RWD網頁設計、品牌設計、商業攝影、程式設計、APP 設計等專業服務。
https://www.wddgroup.com/
愛貝斯網頁設計公司 / 公司成立14年
iBest網站設計,以RWD響應式網頁設計技術架設網站。行業包括購物車網站設計、飯店民宿網站設計、企業官網設計等。台中網站設計公司-iBest成立10多年,服務超過千位客戶,專業的網站設計讓您的形象加分,為網路行銷帶來正面效益
https://www.ibest.tw/
雲端數位網頁設計公司 / 公司成立13年
雲端數位提供客製化網頁設計、網站設計、RWD網頁設計、SEO網站優化、電商網頁設計、上市櫃企業、品牌公司,指定御用網頁設計公司,打造頂尖出類拔萃國際品牌網站設計。
https://minmax.tw/
艾格網頁設計公司 / 公司成立10年
艾格創意設計的強項在於擁有優異的視覺美感,為你的品牌注入力量,規劃出具有影響力的網站設計,扎實的 SEO 技術基礎讓你的網站美感與功能並存,讓行銷團隊在內容行銷與 SEO 上如虎添翼。
https://www.eg-creative.com/
7.WordPress 網頁設計成功範例
企業官方網站成功範例
WordPress 支援多元的功能與套件和搜索引擎友好性,成為企業首選工具之一。