如何架設網站:一個完全免費的教學(Blog推薦 + 網頁製作軟體 )

你以前可能看過許多不同的網頁建立教學影片,但它們都有一個共通點,就是寫架站教學文章的那些人,他們並沒有真正花時間去建立一個真正的網頁….他們只是複製其他人所做的,把不完整的資訊(和很多的挫折)留給你!

立即報名超強SEO網站課程,省下50%

  • 如何建立一個SEO優化的網站
  • 向擁有10年經驗的業界資深老鳥學習秘訣
  • 打造一個人氣高&流量旺的網站

更令人困惑的是...那些影片甚至不是他們的原創作品,更白話點來說,這些影片的製作者搞不好連自己在做什麼都不知道!

不過現在你可以揮別過去那些可怕的經歷了,已經從事網站這行五年的我們,會在這篇文章中教你以下要點:

  • 如何不用學習HTML或其他困難的東西就能創立一個網頁
  • 如何購買一個網域名稱(不是免費的,但非常便宜!)
  • 你應該使用哪些網站虛擬主機(不是免費的,但非常便宜!)
  • 如何用免費的軟體建立看起來專業的網站
  • 如何保護你的網站以防止駭客入侵,這叫做SSL憑證(或者SSL安全性憑證),價格通常在100美金左右,但我會教你一個能免費取得的技巧!
  • 如何製作一個聯絡資訊界面
  • 我們結束教程時,你將會建立一個價錢實惠且看起來專業的Wordpress網頁!

你準備好後,我們就馬上開始吧!

好,所以我們要如何實際建立你的網頁?!

立即報名超強SEO網站課程,省下50%

  • 如何建立一個SEO優化的網站
  • 向擁有10年經驗的業界資深老鳥學習秘訣
  • 打造一個人氣高&流量旺的網站

如我們所說,我們不會使用HTML或任何複雜的東西,取而代之,我們將會使用一個普遍的網頁建立工具叫“CMS” 或者 “Content Management System”,它是網站上的內容管理系統。

CMS 系統

市面上有很多不同類型的CMS系統,我們最喜歡且要推薦給你的是Wordpress,許多主要的媒體業者都使用這套系統,例如:紐約時報,你覺得一般的記者會知道如何使用HTML寫程式來發表他們的文章嗎?

當然不會!

他們只需要登入,然後在網站上撰寫那天所需的內容。

CMS 是什麼

CMS是一個幫助管理你網頁的文章的網頁應用程式或者電腦軟體。現今,從零開始利用寫程式的方式建立網頁已經很罕見了,就連專業工程師都會使用某些應用程式來加快建立網頁的速度,減少令人頭痛的架站過程。

想想看,如果你計畫要在網路上經營一家公司,你需要發表很多文章,你需要一個簡單的方式來管理這些文章,那麼CMS就是你的解決方案,舉例來說,這個網頁就使用了CMS,它清楚的標示了什麼是什麼和這些東西該放在網站的哪裡。

這如何幫助到你?

這個系統的另一個好處是它讓你能夠很快地建立一個網頁,從發表新文章、解釋你的服務項目、設計你的網頁(讓網頁變得好看)等都可以在點擊幾個按鈕後完成。

事實上,我只花了五分鐘左右建立的這個網頁,我完全沒有誇大,撰寫課程的內容花了我更多的時間,但這個網站的第一個版本在幾分鐘內就建立完成了。

這是證據:

CMS 系統

CMS 安裝

安裝CMS最簡單的方式是購買已經安裝好CMS的虛擬主機,否則,你會需要花上好幾個小時或好幾天學習一套製作網站全新的技能。

這也是我們建這個網站時所用的方式,我們沒有花好幾個小時去處理資料庫或複雜的安裝指令,我們直接購買一個已經幫你處理好這些事情的商品。

無論如何,你都需要購買一個給網站使用的虛擬主機,既然它們的花費都一樣,那你不如買一個有CMS的虛擬主機,它能讓你的生活變得簡單很多,連我身邊是專業工程師的朋友們,也都是這購買已經安裝好CMS的虛擬主機,因為這真的能夠節省很多時間,還有減少令人頭疼的架站工作。

請記得專注在讓你的網頁變得更好,而不是在會讓你慢下來的技術細節上。

網域申請

立即報名超強SEO網站課程,省下50%

  • 如何建立一個SEO優化的網站
  • 向擁有10年經驗的業界資深老鳥學習秘訣
  • 打造一個人氣高&流量旺的網站

網域是什麼 | 網域和網站的差別是什麼?

網域是網頁的名稱。例如:這個網頁的網域是:iknowwang.com

而網站是個實體,是運作你現在所看得的東西的內容與軟體。

URL是什麼

URL,中文稱作統一資源定位器,是一個訪客瀏覽你的網站的特定頁面。

例如:一個訪客瀏覽我們的聯絡介面。他們可能會看到像是iknowwang.com/contact-us的東西。

如果我們創立一個"關於我們"的頁面

我們可能會把URL設成iknowwang.com/about-us

簡單來說,它是在指一個特定的頁面或我們網頁的位置。

如何申請網域

網域註冊十分簡單,但首先我們先說明幾個架站技巧。

選域的技巧和考慮的點:

技巧一:選擇一個好的TLD(高階的網域)

一個TLD只是網域名稱的最後部分。現今,有許多不同的TLD,但通常最常見的有“.com, .net, .org, .tw etc”。

例如:我們網頁的TLD是 .com:

網址

不管你要建的是什麼網站,我們都推薦使用.com,它很好記,幾乎所有的國家都使用它。

比方說:如果你想要在中國、香港、新加坡、台灣等國家行銷你的服務,你的網頁將會顯示你擁有的是一個國際品牌。

技巧二:選擇一個能夠建立品牌的網域名稱

為你的網站訂定一個好記的名稱

技巧三:不要擔心出錯或者選到一個不好的名稱

你可以隨時改變你的網域名稱,所以不要太過擔心你一開始沒有幫網站取到一個完美的名字。

現在,最重要的事情是開始做並且接納任何架站的錯誤。

技巧四:如果你以前從來沒有建立過網頁,選擇一個容許你購買一個網域名稱的網站。

什麼是虛擬主機?

這是一個很深入的主題,但簡單來說你的網頁就活在虛擬主機上,它是一台存有你網頁的電腦,這些也叫做伺服器。

一般來說,使用者會希望自己的主機盡可能地靠近自己瀏覽者/客戶的中心位置,像是新加坡,讓網站可以服務全亞洲,且不會被中國阻擋(位於台灣的伺服器就有這個風險)。

哪些是最好/最便宜的推薦?

可惜的是,所有比較便宜且使用上較簡單的服務都是美國公司。

讓我們為你解釋為什麼!

地點:

我們喜歡的公司SiteGround,他們在幾乎每個地區,包含亞洲都擁有資料庫中心

siteground

這也是為什麼我們這個網站也是使用他們服務的原因。

為什麼機房位置那麼重要?

如果你的機房都在亞洲,比如台灣、新加坡、香港、日本或其他的亞洲國家,那麼你的伺服器就該離顧客越近越好,這樣一來,你的網站加載速度才會比較快,因為網站伺服器離太遠的話,網站的加載速度會變得很慢。

操作很簡單以及優良的服務

他們提供24小時的客戶服務,一有問題,他們會馬上回復你,他們甚至在晚上都有客戶支援人員待命。

這點實在太太太重要了,試想看看,你在周末或半夜忙著建立你的網頁,卻因為遇到微小的技術問題,必須要停止所有的架站工作,然後等上好幾個小時,甚至一天兩天,服務商的支援人員才會回復,這會讓人有多挫折。

因為他們擁有很多的用戶,他們知道如何把他們的平台變得容易操作和如何引導用戶使用。

通常,美國公司有一個聊天視窗,你能夠快速地打開一個聊天視窗,解決你網頁有的問題。

如果你的英文程度沒有那麼好,請使用Google翻譯,我剛到台灣時,我必須常常使用Google翻譯,如果我這樣做行得通,相信你也可以。

服務

使用很簡單:

我們認為,有許多中文語言的產品常常讓人不知道該如何使用,讓你的網頁瀏覽器自動把所有東西翻譯成中文會比學習怎麼使用複雜的系統簡單許多。

通常會比較便宜,你也會得到更多東西:

收費

位在台灣的虛擬主機的優點主要是語言服務以及位置。

如何架設網站

立即報名超強SEO網站課程,省下50%

  • 如何建立一個SEO優化的網站
  • 向擁有10年經驗的業界資深老鳥學習秘訣
  • 打造一個人氣高&流量旺的網站

我們需要做的第一件事情是註冊一個Siteground的帳號,他們會直接幫你購買一個網域名稱。我建議你使用Siteground虛擬主機。

  • 他們網站的服務非常好,有24小時的客服。
  • 很便宜!每個月不超過4塊美金!
  • 他們的服務器在亚洲
  • 美國公司,可以使用Google翻譯與他們的線上客服聊天
  • 在Siteground,你也可以購買給網站用的網域,像我自己很喜歡使用 「.com」因為它便宜又專業。
  • 30天內退費保證

如何註冊Site Ground

首先,你需要去Site Ground的網站 https://www.siteground.com/ 看他們提供什麼方案。

platforms

我個人偏好“GrowBig”(大規模發展)方案,這個方案可以創立多於一個網頁,不過如果你一開始只想要用一個比較便宜的方案來建站,也可以選擇StartUp(入門/新手)的方案,你可以之後再幫自己網站升級。

get started

Start Up Plan:  入門/新手方案

  • 包含SSL(安全通訊端層)
  • 如果這是你的第一個網頁,那這個方案對你來說就已經很足夠了

選擇一個網域名稱然後購買它

choose domain

提醒:如果你偏好的網域名稱已經有人使用,你將會需要選擇另一個。

再來開始填寫你的個人資料

個人資料

接下來超級重要!!!

你將會需要選擇資料庫的位置,如果你的網站目標客群在亞洲,切記要選新加坡

purchase information

一旦你確認購買後,你會被指引到這個畫面。

account created

安裝 CMS

選擇你想要創立一個新的網站

new website

選擇Wordpress

select wordpress

填好你的用戶名和密碼

特殊提醒:把這些資訊安全地保存好,之後你會需要用到他們!

save info

特殊提醒:把這些資訊安全地保存好,之後你會需要用到他們!

你的Wordpress現在已經被安裝到你的電腦上了,當你瀏覽網頁時,你會看到像是這樣的畫面

登入CMS

如何登入網站的CMS後台?最基本的方法是在你的網頁URL後面加上/wp-admin然後按enter。

例如:

登入CMS

這樣做,你會被帶到你的網頁的登入畫面

提醒:如果你在你的登入選單上看到英文,下一步我們會教你如何將語言改成中文。

login

改變語言設定

如果你的Wordpress 不是自動設定成中文而是英文,以下是如何改變語言。

首先去網站後台的設定

settings

在頁面的中間,使用卷軸將語言改成中文,在同一個頁面的最下方,點擊Save Changes.「Save Changes」的意思就是「儲存變更」。

language and save

你的Wordpress 設定就會變成中文啦!

安裝SSL憑證: 改善你的網頁的安全性

現今,網頁被入侵是很非常普遍的,最簡單且免費的方式來避免網站遭到入侵,就是為你的網頁取得SSL。

總之,當你看到一個網頁有「S」代表安全

ssl

這是一個我們的網站在安裝SSL之前的範例

ssl-1

簡單來說,當你看到一個網址只有「http:」 而不是 「https:」,代表它很可能會被入侵。

此外,有了這個憑證,主要的搜尋引擎,像是谷歌、百度和雅虎都提升你網站的排名,這也稱為SEO(搜尋引擎優化)排名提升,它是一個SEO(搜尋引擎優化)行銷手法,如果你的網頁能在搜尋引擎中更顯眼,你的網站就會得到更多流量,而如果你的網站有更多流量,你將會有更多顧客。

更好的是,Siteground包含了免費的SSL。

Siteground管理介面

提示:如果你忘記如何登入你的網站管理介面,請查看你的信箱,他們會寄你的登入資訊給你。

進入cPanel

cPanel是什麼?

Cpanel 是你網站的後台,你可以建立信箱以及其他東西,而現在我們要做的就是用cpanel 來建立SSL。

如何操作:

cpanel

登入Cpanel後,在頁面的下方會出現一個安全部分,選擇Let’s Encrypt的選項。

encrypt

選擇你的網域名稱然後安裝SSL:

install

快完成了,我們現在只需要在Cpanel再設立一樣東西。

返回CPanel,回到「Let’s Encrypt」的選項。

選擇一個叫做「HTTPS Settings」的動作。

select http

然後選擇下列的設定

manage http

加油,我們還有最後一個步驟。

最後一個步驟,你需要登入Wordpress,不要跳過這個架站步驟,你的網頁是否有保障就取決於這個步驟了。

這個步驟是我們需要告知Wordpress你已經擁有SSL了,不過直到下堂課前,我們都不會把焦點放在這個主題上,因為在我們更深入Wordpress之前,你還是需要學習一些基礎。

現在,你需要做的是登入Wordpress,一旦你登入後,選擇這些選項。

wordpress login2

下一步,你需要找到SSL升級,使用「Really Simple SSL Extension」

如果你的操作都正確,你會看到這個畫面,給它幾分鐘讓他完全顯示。

installed

重整你的瀏覽器來完成安裝,選項應該會自動出現。

點擊最終安裝的按鈕

refresh

現在你的網站URL應該會長的像這樣

secure

下一步?

如果你一路跟到這裡,那真的很棒!畢竟大部分的人可能早就放棄了!所以...恭喜!下一個步驟比較酷!你會學習到如何使用Wordpress!

–> 點擊此處立即進入Wordpress教學!<–

額外的資訊:

免費 Vs 付費

你應該把握免費的東西,它能讓你的生活簡單很多,不過,你應該把握的是正確的免費東西。

比方說,「Wordpress」是開放資源軟體,是完全免費的架站資源,也是個由開發人員貢獻自己的時間來創造他們所相信的東西(或增加工作經驗的)的軟體。

這代表你可以不花任何錢就在Wordpress創立自己的網頁,不過你還是需要購買虛擬主機和一個網域名稱,以現今的科技來說,這兩樣東西通常都很便宜。

關於免費平台的提醒

在我們看來,免費的架站平台是可以使用的,在市面上也有一些免費平台,但他們都不是提供給專業的企業用的,像我們就不使用免費平台,這個網頁是建立在一個需要付費的虛擬主機和Wordpress的平台上,不過如果你想先用免費平台架站,那千萬要注意這些免費平台,因為它們的很多服務不是真的免費,而是會利用你的個人資訊來賺取廣告利潤,或在你想要升級成一個看起來更專業的網站時收費。

這些是我們不喜歡免費架站平台的三大原因:

原因一:創立網站已經便宜到不需要使用免費平台了

現在創立一個網站真的很便宜,沒有必要使用免費的架站方案,每個月一點點的支出,就可以讓你百分之百擁有那個網站。

原因二:URL 很難記

免費平台不能自己決定URL,可是一旦使用者開始上網瀏覽各式網站,他們的注意力會大幅降低,如果你把東西(URL)變難一點點,使用者就很難記住這個網站,而也很可能因為這樣,你的網站不會達到你想要的結果。

你覺得哪一個比較容易記得且看起來較專業?

iknowwang.com

還是

iknowwang.pixels.com

你覺得你的父母或同學比較有可能造訪哪一個URL ?哪一個網站看起來比較專業?我相信你心裡已經有底了。

原因三:付費的網站會為你帶來更多客戶

網路世界變得越來越競爭,如果你想要有人在Google、Baidu、 Yahoo等搜尋引擎上找到你的網頁,就要使用這些搜尋引擎喜歡的URL結構。

免費的網頁很容易在像Google的搜尋引擎上勝出,畢竟如果我在搜尋結果中看到一堆免費的網站,連我都會覺得那是一個很好進入的市場。

這是一個很長的主題,適合再發一篇文分享,然而...

通常,建立免費網站的人也不太知道他們自己在做甚麼。

相關文章

Leave a Comment