最新消息

News

【IGEARS專欄】2024 如何架設網站?基本教學

【IGEARS Blog】2024 How to Host Website? Basic Tutorial

發佈日期:2024-09-30 | 撰:Matthew

在今日數位時代,擁有一個專屬的網站已經成為事業成功的重要一環。如果你正在考慮自行架設網站,但對此一無所知,可以怎樣解決?不用擔心!本文將向您介紹完整的網頁設計與製作流程,讓您一次學會如何架設網站。

確定您的網站目標

在開始之前,請花時間仔細考慮您建立網站的目的。請問自己以下問題
  • 您的目標是展示作品、提供資訊還是銷售產品?
  • 您的目標受眾是誰?他們需要什麼樣的功能和內容?
明確的目標將有助於指導您的網站設計和內容,確保您的網站能夠有效地達到預期效果。

如何架構網站?

基本網站要有3大元素: 「網域申請」 + 「虛擬主機租用」 + 「網頁設計」。只需要跟著以下BLOG 教學進行,相信你也可以自行架構網站。

但如果想快捷,你可以聯絡我們幫忙建立網站!

甚麼是網域?

 

「 網域 」是網站組成的第一步,就像通訊地址,讓人可以順利找到你的網站。以下是好網域的秘訣:

  • 簡單好記:越簡單的網域名稱越方便閱讀、查詢和記憶。例:Google – https://google.com/
  • 品牌名稱:網域名稱以品牌為名,用這個方式。例:NIKE – https://www.nike.com/
  • .com 優先:.com 是大部分人的對網頁的主觀印象,方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記,對SEO排名也不太理想。

一般最常選擇的就是 .com 類型的高級域名,它是最熱門及最優先選擇。但有時候較喜歡的網域已帔註冊,就只能用其他後綴名域名註冊,還是有機會註冊到自己喜愛的名字。

  • 使用.co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 .com 申請不到的替代方案
  • 使用 hk / tw / cn:代表不同國家/地區,乎合網頁語言及讀者的IP位置
  • 使用 net:網路相關的域名後綴名
  • 使用 info:資訊性網站域名後綴名
  • 使用 org:適用於組織,如NGO非牟利組織、人文組織、宗教組織等。注意有機會受註冊國家/地區法例規管

甚麼是主機 / 虛擬主機?

 

網站通常會在「主機」/「虛擬主機 (Virtual Machine) 」進行營運。網站寄存供應商及部份網頁營運公司(如IGEARS)都會提供虛擬主機供客戶寄放網站


為什麼不直接租用實體主機並自行管理?

一般而言,租用一部實體主機成本較高,且需要考慮性能、規格、安全性、簽約條款等。一般架設網站(例如網店平台、展示式網站、部落架/BLOG)並不需要太多資源便可營運。因此,按成本而言,租用「虛擬主機」可大幅降低使用者的成本支出。現時絕大部分的網站都是租用虛擬主機來營運網站。

 

選擇網站架構的虛擬主機時,要考慮甚麼?

一般而言,網站儲存量、傳輸速度、價格、客戶服務、安全性都是優先考量的項目。當然,公司規模、語言支援、主機的營運位置等仍是考慮的因素。除以上的要點外,了解你的網站所需的基礎主機設備亦是重要考量。如你打算使用 WordPress 等託管平台 / 開放式網頁管理系統(Open Source CMS)構建網站時,就必須考慮主機性能及規格是否符合這些系統的需求。
正所謂「房子需要蓋在穩定地基上」,將網站放置在穩定、安全、快速的主機,才能確保顧客/瀏覽者有更好的閱讀體驗!

架設 / 寄存時所需要的考慮:

  • 網站所需的基礎主機設備
  • 寄存空間
  • 網路傳輸速度
  • 數據備份計劃
  • 24小時網路/系統監控
  • 24小時主機恆溫
  • 防火牆保護 / 防毒軟件
  • 災難恢復支援
  • 在線客服支援
  • 在線保護

 

Whois 認證

一般而言,租用虛擬主機後,營運方會寄送網域認證信 (Whois) 給你以進行確認電子郵件,認證你為網域持有人。認證信是 ICANN 國際網域機構所規範網域商寄出,需進行審核確認後才會令網域生效。

IGEARS的網頁架構計劃

IGEARS 由2004年開業至今,已管理超過10000多個虛擬主機,提供多款網站架構計劃。24/7 營運時間,提供多款速度、儲存空間、維護及更新方案。歡迎參閱我們的網頁寄存計劃。我們的計劃可視乎您的公司需要作出調整。歡迎向我們查詢

SSL 憑證申請

當網站的基礎內容放置到主機,且造訪網站時,你可能發現,你的網站為什麼被標示為「不安全」。這是因為網站的安全通訊協定,又稱為 SSL(Secure Sockets Layer)尚未啟用/過期。SSL 協助瀏覽器和主機伺服器之間,建立安全加密連結。只要瀏覽器的網址欄前面有顯示安全鎖頭,就代表目前是用 SSL 連線。網域加上 SSL 憑證的好處,除了訪客搜尋到你的網頁時不會顯示不安全網站,也能幫助網站 SEO 排名。

你亦可以使用或透過虛擬主機進行SSL 憑證安裝方法。如使用 WordPress 構建網站,你亦可安裝 Really Simple SSL 外掛 幫助你SSL憑證申請。

如有需要,iGears 可以提供SSL 認證設定服務,可聯絡我們了解詳情。

網頁設計

基本上,你已完成大部分前置動作,接下來要讓網站更完整、更專業!

一般而言,如需要自行編輯網站,你需要一個網站平台協助你有效管理網站內容。

如上面提到,託管平台 / 開放式網頁管理系統 (Open Source CMS),如WordPress,這是比較常見的選項。不僅可以裝上各種外掛,同時亦可讓使用者自訂功能,打造不一樣功能的網站。雖然前置作業比較多,但WordPress比較靈活,可引入其他第三方功能,速度也比較快,並大幅優化網站流量(SEO),容易引入更多流量!iGears 提供開源式CMS平台,詳情可參考此網頁


WordPress 是什麼?

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。它可完成多種網頁設計,如:部落格架設、個人品牌或公司企業官網、購物網站架設 等。

然而,你亦可以選擇其他內建網站建構系統,如WIX、Squarespace以及 iGears 自家的Gen網站建構系統!


iGears Gen 網頁管理系統

GEN™ CMS 就是將網域、伺服器、網頁編輯器整合成一個計劃!不但支援響應式網頁設計,本身亦採用了響應式設計,協助用戶透手機或平版等不同設備管理網頁。我們的主頁都是使用我們自家的系統建立而成!

GEN™ CMS 包括以下功能:

  • 即時顯示內容編輯器 (WYSIWYG Content Editor) - 「即時顯示內容編輯器」讓用戶能像使用文書軟件般編輯網頁。編輯器更預設了不同的版面配置。
  • 會員資料管理 (Membership) - 系統設有會員登入區及會員註冊功能,方便會員查閱更多資料及活動。另外,用戶亦可透過CMS存取和管理會員資料。
  • 活動、最新消息管理 (Events Management and News) - 用戶可自行加減及修改最新消息或活動的類別、標題、圖片及其發表的時間,並在首頁顯示上述資料。用戶更可按類別、年份、月份來搜尋指定的舊有消息。
  • 網上商店及付款 (Online Shop and Online Payment) - 用戶可設置網上商店,自行加減及修改貨品的資料,附加入網上付款連結,如Paypal及信用卡等。系統能自動生成銷售報告,更提供其他管理工具。
  • 搜尋引擎系統 (SEO) - 我們提供多項SEO優化功能,可做到On Page SEO,如網頁標題配置、圖片alternative text、標題,亦可加入第三方檢查工具如 Google Analytics, Google Tag Manager, Hotjar 等
更多GEN 網頁管理系統,詳情可以瀏覽此頁

選擇開放式網頁管理系統

 

假設你確定選擇了WordPress,除了安裝時設定基本網站資訊外,以下是其他一些需要進行基礎 / 進階設定的地方。



WordPress 基本後台設定

首次進入 WordPress 後台,前往 WordPress 設定(Settings) > 一般(General),可按你的需要設定及修改網站資訊:

  • 網站標題
  • 網站說明
  • 網站語言
  • 時區
  • 管理員信箱


之後你可按需求,設定 WordPress 使用者,及更改 WordPress 密碼。


選擇主題

WordPress 已預設部落格為網站主題,如想更貼合你的網站性質及內容,WordPress 亦有提供多款免費或付費主題以供選擇。
iGears 亦會為客戶進行網頁主題設計,若想重新設計一個主題,我們的網頁設計師會為你提供專業方案及意見。


WordPress 編輯器

整理網頁時要插入圖片以及一些文字等功能,使用編輯器可令其簡化。
介面很重要!介面很重要!介面很重要!很重要說三次。
雖然 WordPress 設有內建編輯器,但只能進行簡單的整理。建議使用其他進階免費或付費編輯器,如 Elementor,它們的介面簡易易學、指令清晰、高度容行化的介面可讓你更有動力更新網頁,提供轉換率!
值得留意的是,有時付費主題當中包括付費編輯器,你無需再為此苦惱!

選擇 Wordpress 後仍要考慮:


規劃頁面安排

網站外觀算是定型了。接下來就是網站內容。首頁頁面、聯絡我們頁面、最新消息頁面、關於我們頁面,這些都是基本網站頁面。網頁內容影響SEO搜尋引擎系統展示關鍵字的排名。所以,你需要做好規劃!

首頁:三大功能:「了解網站理念和全貌」、「找到目標網頁」、「確認最新消息」,就似GPS導航,要讓讀者快速翻閱並找到自己的文章,因此讀者也會將你的網站,加到書籤。這時候,你就能增加存量,也就是有穩定的流量來源。你亦要善用選單功能,加強到各階層的連結,可以讓讀者更快到目標網頁,並達成你和讀者的目的。

部落格區域:你的主要流量來源。精心撰寫的文章,讓讀者找到自己需要的文章,才會明白你所提供的服務或產品!

關於我們:為什麼關於我們頁面很重要呢? 你的品牌故事,以及你是誰,你為什麼要設立這個網站。就是讓別人認識你的第一步!

聯絡我們:讓客戶/商家/大眾可以與你聯繫,並且發合作通知等。因此,除了基本聯絡資訊,亦建議加入Google Maps 資訊,讓大眾找到你的商店/實體店。此外,這裡亦是導流到其他平台的好渠道,如社交平台、付款平台、友好網頁等。

 

外掛 Plugins

這一步驟,就是將網站功能,升級強化,裝上必要外掛。但千萬不要裝太多,以免影響瀏覽速度,繼而影響讀者閱讀體驗,降低SEO分數!

首先去 WordPress 後台,找到「外掛」,圖案是插頭的那個,點選「安裝外掛」。在那個頁面就有許多外掛可以挑選,選擇一些「精選」、「熱門」、「推薦」! 裝上必要的插件,如聯絡表格、WhatsApp 等。

另外,你也可以裝這些外掛:

  • 防火牆外掛 — 降低駭客攻擊
  • 壓縮圖片外掛 — 圖片最佳化後,減低圖片大小,減少圖片載入時間,增加SEO分數
  • SEO外掛 - 有效優化頁面SEO、監控SEO排名

 

 

結語

在建立網站的過程中,註冊域名和選擇主機服務提供商是至關重要的步驟。通過精心挑選獨特且與品牌相關的域名,以及選擇可靠的主機服務提供商,您可以確保您的網站在互聯網上運作順暢、安全並且高效。

請牢記,域名是您在網路上的身份識別標誌,應該簡潔易記並與您的品牌或內容相關。同時,選擇主機服務提供商時,請考慮您的需求、預算和安全性要求,確保您的網站能夠提供出色的使用體驗。

透過這些關鍵步驟,您將能夠建立一個穩定、安全且具有吸引力的網站,展示您的品牌、產品或服務,並與全球觀眾連結在一起。祝您在建立網站的旅程中取得成功!

想重新設計您的網站?

如果你需要開發,或重新設計一個網站,IGEARS的網站設計師及銷售人員在了解你的需要後,可為您提供參考網站的元素、設計方向、報價等。
立即向我們查詢!

20230706
在進行網站的SEO(Search Engine Optimi...
20220902
即使社交媒體和SMS/iMessage/WhatsApp是熱...
20221103
GIF圖 似乎無處不在。在Blog、社交媒體、朋友的SMS入...
20230328
踏入 2023 年,隨著 ChatGPT 興起,無論政府、商...
20240809
想要為補習班解決招生及營業額虧損的問題,使用正確的POS系統...