你搜尋了很多「架站教學」,但資訊總是不完整?
「如何架設網站?費用與流程有哪些?」你問~
對此, 阿道以下示範架站一條龍。從註冊網域到租虛擬主機、從設定DNS到安裝架站軟體… (文末有Google Analytics教學影片)
想30分鐘快速自架網站?看這篇就對了!
1. 購買網域
台灣提供「網域申請」的網站有:
- 捕夢網
- TWNIC
- 遠振資訊
- 中華電信 DNS
但我們來看一下費用:
[caption id="attachment_189078" align="alignnone" width="1340"]
HiNet DNS 網域收費(這網頁大概十幾年未更新…)[/caption]
如果在國外註冊網域,價錢大約每年$10 USD。
這裡以Namecheap為例,首先查詢想買的域名:
[caption id="attachment_189079" align="alignnone" width="1332"]
查詢想買的網域[/caption]
若查詢的網域還沒被註冊,你會看到費用(此範例為一年$10.69美金):
[caption id="attachment_189080" align="alignnone" width="1332"]
若網域已被註冊,你可以選擇其他TLD,或重新查詢另一個網域~[/caption]
所有域名的後段,如 .com / .net / .xyz / .tw 等,稱為TLD(Top-Level Domain)。當你查詢某個域名,你會看到很多奇怪的TLD。雖然 .com 在今日逐漸匱乏,讓許多商家選擇非.com的TLD,但不可否認,.com仍是我們首先想到網址結尾。
挑選域名的五個建議:
- .com 優先:.com 早已長存我們的記憶。它是最好記、最理所當然的TLD。
- 品牌化:域名和你的品牌名相關嗎?若你的市場在台灣,可以考慮用拼音的域名(假設你的品牌中文成分居多)
- 簡短:短域名好記、好打。
- 去除 www: www 開頭的網址,已非常的過去式。若你能選擇,我建議無www開頭的。
- 勿用數字和橫線(-):難記又難打!
接著決定購買年數、是否購買whois隱私保護… 然後確認訂單:
[caption id="attachment_189094" align="alignnone" width="1332"]
whois查詢(例如用whois.com)會顯示域名註冊人資訊。若購買whois隱私保護,註冊者的資訊會被隱藏[/caption]
接下來的創建帳戶、付款流程這邊就不贅述…
注意:聯絡資訊務必填寫正確,否則有可能會被吊銷網域所有權。
付款完成後,查看你的收件匣。你會收到一封標題含 VERIFICATION REQUIRED 的email:
[caption id="attachment_189095" align="alignnone" width="1332"]
這是Namecheap的email。若你在其他網站買網址,你也會收到類似email~[/caption]
這類email是ICANN(一掌管網域的機構)透過網域註冊商,要求購買者確認whois資料的正確性。
確認whois資料無誤後,點擊「Click here to verify your email address」:
[caption id="attachment_189096" align="alignnone" width="1332"]
Verify成功後,你的網域 / 網址 / URL就申請完畢![/caption]
2. 租用虛擬主機
一個網站,是由包含HTML、CSS、JavaScript、及其他檔案的資料夾所組成。為了存放這些網頁檔案,你須要租用虛擬主機(又稱Web hosting、主機代管、網路空間)。
主機有很多種,例如共享型、VPS (Virtual Private Server)、專屬型、雲主機等。其中共享型的費用最低,適合架站新手。
我們先來看台灣主機商的報價:
[caption id="attachment_189129" align="alignnone" width="1332"]
捕夢網主機費用(共享型)[/caption] [caption id="attachment_189130" align="alignnone" width="542"]
遠振的台灣主機費用(有流量限制)[/caption]
首先,SSD是行業標準。但光是這個條件,就刷掉不少台灣業者,尤其是那些千元平價主機。
24小時客服(24小時全年無休,在線即時問答)是歐美的業界標準。台灣有些也聲稱24小時客服,但實際上如何不予置評~
台灣主機商的唯一優勢,可能是中文客服。但很多的架站專有名詞,都是英文…
例如遠振,即使是台灣業者,費用表上也有一半的名詞是英文。也就是說,你無論如何都要記一些英文。
主機商推薦
虛擬主機的價格戰打得火熱。歐美主機商擁有「規模經濟」,不只硬體價格低,軟體科技也走在世界前端。綜合這些因素,歐美業者算是「俗擱大碗」。
如何比較主機商?除了價錢、規模、評價與24小時客服之外,你還要考慮它的機房位置。
若你的目標訪客都在台灣,虛擬主機機房最好在台灣,或鄰近的亞洲國家 - 如新加坡、日本、韓國。
機房在地球的另一端會產生網路延遲,進而影響使用者經驗。若網站是你賴以為生的工具,你當然要提供最好的「用戶體驗」吧?
這是我的推薦:SiteGround虛擬主機
優點:
- 全年無休、24小時客服
- 免費SSL憑證
- 評價好
- 有新加坡機房可選
缺點:
- 客服只打英文
「客服只打英文」是否為缺點,應因人而異。對某些人來說,English only反而是優點。
虛擬主機的線上客服,主要是打字溝通(偶而需要截圖)---這代表你可隨時Google翻譯!再說,主機和網站相關單字才幾十個。
主機租用流程
首先到SiteGround的Web Hosting。你可以依照需求選擇方案。在粉紅色匡處,你能看到方案的配置清單:
[caption id="attachment_189134" align="alignnone" width="1332"]
費用以美元計價。選定方案後點擊 GET STARTED[/caption]
輸入你在上個教學申請的網域:
[caption id="attachment_189135" align="alignnone" width="1332"]
若你的網域沒有www開頭,請忽略欄位上的www。它不會對你的網域有任何影響[/caption]
接著輸入你的聯絡資料、付款方式。記得選新加坡機房:
[caption id="attachment_189143" align="alignnone" width="448"]
帳號密碼一定要記好啊~[/caption]
3. 取得主機DNS位址
當你第一次登入SiteGround帳戶,你會看到一個設置精靈的畫面。它提供精簡、流水式的設定,讓你快速達成目標(例如安裝WordPress)。
但我們身為站長,必須熟悉一般操作方式,因此這裡選 I don't need help setting up:
按照以下順序點擊,你會在「Account DNS」處,看到兩行網址(綠色底線標示):
[caption id="attachment_189160" align="alignnone" width="1332"]
把這兩行網址,貼入你Domain的Nameservers欄位[/caption]
複製這兩串網址,然後按照下面的DNS設定教學,把它們貼入Nameservers欄位。
若有任何技術問題,如找不到DNS位址… 請聯絡SiteGround的24小時客服(Google翻譯很好用~)
4. 設定DNS指向
除了申請路標(網域),你還需要一塊地(主機)來蓋房子(網站)。
但你得先確認,這個路標(網域)是指向你租來的那塊地(主機)。這就是DNS指向設定。
以下是Namecheap的實際操作…
登入Namecheap帳戶 > Domain List > MANAGE:
在NAMESERVERS欄位: 1. 選擇Custom DNS, 2. 貼入主機商提供的DNS位址, 3. 儲存
這樣就搞定了!
不同服務商的後台會有差異,但操作流程是一樣的。
當然,網域註冊商不是只有Namecheap。我們來看 name.com 和 Godaddy 的設定方法…
name.com
在name.com修改DNS指向,做法和其他註冊商類似:先找到Domain,然後編輯Nameservers欄位:
[caption id="attachment_189168" align="alignnone" width="1332"]
1. Edit Nameservers, 2. 貼入主機商提供的DNS資訊(大部分皆為兩串網址)[/caption]
GoDaddy
省錢技巧:以美元(USD)計價的GoDaddy產品,會比以台幣(NTD)計價的產品便宜。試著切換幣種或國家 / 語言,你會發現同一樣東西,價錢差好多!
修改DNS指向:找到Domain > 點擊「DNS」或「Manage」 > 在Nameservers(網域名稱伺服器)區塊選Custom > 貼入主機商提供的DNS位址:
[caption id="attachment_189167" align="alignnone" width="1332"]
1. 選擇Custom, 2. 貼入從主機商取得的DNS位址[/caption]
等待幾小時(最多不超過2天),你的域名就指向你的主機了。
如何查詢是否生效?很簡單:在瀏覽器輸入你的域名。若出現主機商的預設頁面,新的DNS設定即告生效。
若有任何技術問題,如找不到Nameserver欄位… 請聯絡註冊商的全年無休、24小時客服!
5. 安裝架站軟體
WordPress是全球最熱門的架站軟體。根據W3Techs統計,全球有30%的網站是用WordPress架設---遠遠超過3%(第二名)的Joomla!
你可以安裝WordPress外掛來擴充功能。WordPress有上千個外掛---有免費的,也有付費的。
WordPress主題(又稱版型)決定網站的外觀。如同外掛,主題有免費也有付費。市場上充滿各式各樣WP主題及外掛,因為全球有超過30%的網站是WordPress。
為什麼推薦WordPress?
- 免費!
- 支援正體中文
- 社群龐大(用戶、前端設計師、後端工程師…)
- 上千個版型
- 上千個外掛(社群分享外掛、備份外掛、電子商務外掛…)
- 頻繁發布更新(安全升級、新功能…)
WordPress.org vs. WordPress.com
我們常說的WordPress,其實有三種:
- WordPress軟體:一個開源、免費的架站軟體。只要把它裝在任一伺服器,你就可以在網路上發佈內容。
- WordPress.org:WordPress開源計劃的官方網站。在WordPress.org,你可以下載WordPress軟體、閱讀官方文件、及參與討論。
- WordPress.com:一個SaaS(Software as a Service 軟體即服務)架站平台 - 有免費及付費版。
你可以在WordPress.com免費架站(且無須安裝WordPress軟體),但你的網站受限於平台規則。例如:免費版有廣告,且只能使用WordPress.com的子網域…
… 還有,你無法自行擴充平台的功能。若想安裝第三方提供的主題和外掛,你必須購買商務版:
[caption id="attachment_189207" align="alignnone" width="1332"]
WordPress.com費用表[/caption]
6. 一鍵安裝WordPress
按照以下步驟進入cPanel:
[caption id="attachment_189209" align="alignnone" width="1332"]
會常用到,請牢記~[/caption]
在WORDPRESS TOOLS區塊,點擊WordPress Installer:
點左上角的Install標籤。輸入你的網站資訊、選擇語言、安裝WPForms外掛… 然後點擊下方的Install:
[caption id="attachment_189211" align="alignnone" width="425"]
黃色標示,為「網站管理員」登入後台要用的資訊,務必牢記![/caption]
幾秒鐘後… 大功告成!你的網站已架設完成 :)
等等…
你目前的官網 / 個人網站,看起來怎麼那那麼😱😱😱!?
因為一切只是開始!WordPress的網頁製作流程,有設定首頁、網站及APP圖示、更改網址結構、安裝主題及外掛、嵌入影音媒體、自訂外觀及選單、備份WordPress網站(一鍵打包)… 我在 WordPress教學:32個課程 有詳細介紹~
當然,WordPress不是唯一的架站軟體。也許你想了解:
- Wix 教學&評價
- Weebly 教學&評價
- Strikingly 教學&評價
- 電商平台:集中開店型、獨立開店型
- 91APP 評價
- SHOPLINE 評價
- meepShop 評價
- 平台架站優缺點
- 經營部落格賺錢(5個方法)
這些在 如何架設網站+費用:21個教學 有進一步說明。
不想被Google搜尋到?
網站上線後,除了WordPress預設的「範例頁面」,你可能還沒有任何內容。
在摸索學習過程中,你會創建很多測試內容。這時若讓讀者(或客戶)看到你架設中的網站,想必是很糗的一件事。
因此你會問:「如何讓Google搜尋不到?」 正解如下:
[caption id="attachment_189343" align="alignnone" width="1332"]
不想被Google搜尋到?在WordPress後台這樣設定~[/caption]
如何讓google搜尋到
OK!經過一段時間,你的網站內容已經齊全,是對外開放的時候啦!這時你會急迫的問:如何讓google搜尋到?
第一步:當然是取消勾選 設定 > 閱讀 的「阻擋搜尋引擎索引這個網站」---切記!
再來,用俗稱「站長工具」的Search Console,提交網站&網址給Google(下一個教學)…
7. Google Search Console
Search Console 是我(也將是你)最常用的Google工具之一。它能讓你的網址立即被Google收錄。
若你已經有Google帳戶,請在這裡登錄Search Console:
[caption id="attachment_189525" align="alignnone" width="1332"]
登錄後 1. 輸入網域, 2. 點擊「新增內容」[/caption]
然後驗證你對網域的擁有權:
如何 上傳檔案至 [你的網域] ?
有兩個方法。你可以用FTP上傳驗證檔,或使用cPanel的File Manager。
以下示範用cPanel的File Manager上傳:
[caption id="attachment_189534" align="alignnone" width="634"]
從cPanel進入File Manager[/caption]
進入後,1. 選擇 public_html (就是網站的根目錄), 2. 上傳HTML驗證檔:
[caption id="attachment_189536" align="alignnone" width="1332"]
上傳後刷新,會在根目錄看到 google___.html 驗證檔[/caption]
註:FTP軟體有FileZilla和Cyberduck。這裡有Cyberduck使用教學。
驗證成功之後,你會在Search Console列表看到已驗證的網站:
[caption id="attachment_189527" align="alignnone" width="1332"]
網站出現在列表上後,點擊進入吧![/caption]
按照如下操作:1. Google模擬器, 2. 填入域名後面的網址(或不填), 3. 選擇「桌面」或「行動裝置」, 4. 擷取…
5. 要求建立索引:
接著會彈出「選擇提交方式」:
可以選擇「僅檢索這個網址」或「檢索這個網址及其直接連結」。注意,後者每個月有次數限制。
提交網址後,Google須要幾小時甚至幾天,才會將收錄的內容顯示於搜尋結果。
如何知道你有哪些網頁被Google收錄? 很簡單:在Google搜尋 site:[你的網域]。例如 site:www.kocpc.com.tw
[caption id="attachment_189559" align="alignnone" width="1332"]
site:… 的搜尋字串,勿有任何空格~[/caption]
這樣,你就可以被Google搜尋到啦!但排名是否靠前的SEO(Search Engine Optimization 搜尋引擎優化),又是另一個話題囉~
8. 安裝Google Analytics教學
想分析你的網站流量?那你一定要安裝大名鼎鼎的Google Analytics(GA分析)。
安裝過程主要是將GA的追蹤程式碼,貼入網站的 區塊。有些WordPress版型有提供客製化 功能,若沒有也沒關係,有很多WP外掛能讓你客製 head 和 footer 碼,例如 Head, Footer and Post Injections 外掛。
阿道有錄製一段GA安裝教學:
[embed width="640" height="360"]https://www.youtube.com/watch?v=ghwKEEl3ftM&t=1s[/embed]
記得,有很多外掛和主題都有自訂 head, footer的功能。若影片中介紹的外掛,因某些原因和站上其他外掛相衝突,你總是有其他選擇。
9. 網站架設問與答
架站新手的一些常見問題如下:
我想在網路賣東西,該如何規劃?
如果能投入大量時間學習,WordPress+WooCommerce是個選擇。若無法花太多時間自架購物網站,你可以:
- 聘請WooCommerce前端工程師,或…
- 自己用電商平台架站 - 如SHOPLINE、EasyStore等,或…
- (推薦)架設無購物車系統的個人網站 - 這裡重點是使用自己申請的網域!若不想自架網站,可考慮用自訂網址的Blog平台、網頁製作平台來寫文章。透過寫品牌故事、成功案例、產品使用教學等來創造流量,並選擇性的在文章置入電商平台連結,讓有興趣想買的人,能從你的「網路商店」下單。
電商入門者,可從「集中開店型」平台開始,我推薦shopee.tw(蝦皮)。熟悉之後,可嘗試獨立開店平台 - 如SHOPLINE、EasyStore。等自己更厲害,開始研究WooCommerce,將購物車整合進自己的WordPress網站。
自架(或借用平台建立)的個人網站,無論有無購物車功能,創造的流量都是自己的,因為網域資產是你的。起步階段,你可將極度複雜的購物車、串接金流這些東西外包(用一些開店平台)。以個人網站為核心,在文章內連結至網購平台,是我推薦新手電商的作法。
Google協作平台有轉址功能,請問推薦嗎?
用自己的網址 / URL是最重要的。用什麼平台還是架站軟體,倒是其次。
Google協作平台支援自訂網址,所以OK囉~
我是從痞客邦搬家出來的部落客,但自製網站的SEO效果不佳,是否因為在PIXNET的文章沒有下架?
其他因素除外,若Google發現有重複內容的文章,它會優先推薦Domain Authority(網域權重)較大的那的。你的案例應該是pixnet.net的URL被優先。如果你有推廣自架站,並建立連結,它的Google排名將會改善。
即是你在pixnet的文章,把自製網站的流量吃掉了(假設你只是在多個地方貼重複內容,沒為你的自架網站建立連結)。
自己架站一年的費用報價?
網域費用平均一年12美元。虛擬主機平均「第一年」48美元(第二年之後,大約$120 USD / 年)。除非想做客製化,否則只要多花一些心思,你能找到滿意的WordPress版型 - 即使不懂CSS。
然而,花費經常超乎預期:是否購買收費的WordPress主題?是否請人設計?是否買付費外掛?若要自己當技術人,你還要投入時間與學習開銷。
留言 10