WORDPRESS網站架設網頁設計中的快時尚,網站架設費用相對便宜CP高 。個人玩家簡單輕鬆就製作一個60分網站,專業Wordpress網頁設計公司則可做到80分的網站,而客製化網站架設才有可能做到一個100分的網站。 但一個80分的網站不管是在公司形象網站、網路行銷、甚至是搜尋引擎優化(SEO)都已經是措措有餘。
本篇文章跟您分享如何輕鬆建立起一個60分的網站+基礎的SEO設定,並且可以在Google上直接輸入品牌名搜尋到該網站。那就讓我們Just Do It!

要如何架設一個Wordpress網站呢?請先Follow以下步驟吧。

Wordpress網站架設步驟

  1. Godaddy買網址+DNS設定
  2. 買主機空間(Siteground)+Wordpress安裝
  3. Wordpress+Elementor網頁設計
  4. Google網站登錄
  5. 搜尋引擎優化(SEO)

🧬 前置作業:選擇網站架設種類

網站架設前置作業,先了解公司網站適合的網站種類,一般網站種類分為以下幾種

種類說明
形象網站 品牌形象網站,官方網站提供公司介紹、產品列、產品優勢、常見問題、聯絡我們、交通資訊、部落格、媒體報導、價格方案、FB粉絲團、經銷據點、活動專區等資訊。 EX:維西杰
電商網站用網路上銷售產品,如手機配件、保養品、手飾、皮件等。購物網站以銷售產品為主,最大的特色就是網站一進入就是大大的商品優惠折扣、活動節慶優惠的推廣的輪播, 首頁下方有可能就是熱銷商品、最新產品之類的,接著商品類別的介紹。 EX:Com2Buy
形象+購物網站形象+購物網站合併了上述二個的特色,首頁特色以呈現公司形象為主軸,接著呈現最新商品、熱銷商品,接著於首頁下方導流至其他商品類別的頁面。 EX:JustBeWell
媒體網站媒體網站整個都是以文章為主軸,網站除了滿滿的文章還是文章。經營媒體網站很累人,因為你要產出很多文章、精美的圖片, 若團隊不擅於產生文章、精美圖片,實在不適合適用媒體網站EX:SOLEDAD。這類型的網站就是賺廣告費均多。
論壇網站台灣最大的論壇網站如MOBILE01,會有一堆人刊登討論、詢問問題,接著就有一堆人在下方留言回答。 這類型的網站,若你沒有一個完整的IT+行銷團隊,千萬不要經營這類型的網站。 論壇網站的經營初期都是假帳號,自問自答好一陣子,產生網站熱絡的假像,才會有人陸續留言、詢問(貴設計試過,不騙你真的很累人)。 EX:SOLEDAD
客製化網站在網路上提供特有的服務,需特別開發功能。ex:UberEat、熊貓。但缺點就是費用昂貴。 EX:簡單創 (請參考【客製化網站設計】為什麼網頁設計費用貴的嚇死人!!)
確定好網站種類,才能滿足網站的基本需求哦。

🧬 前置作業: 準備網站文案

網站文案指企業想傳達給客戶了解的訊息,這些訊息一定多又雜亂。例如貴設計是提供 網站設計、網頁設計 服務的公司,我們想傳達貴設計的服務、產品、售價、賣點、差異化、理念、作品集、公司資訊與創辦人、聯絡方式....等等。 我們通常會這樣子做。

  1. 統整資訊:請將所有要傳達給客戶的資訊(包含產品圖片、文字、影片)都放在一個word檔。貴設計建議您豐富的網站內容很重要,所以請盡可能寫(寫的多都可以分頁處理,寫的少生意不會好。)
  2. 分類資訊:雜亂的資訊,那些是產品資訊,那些是公司聯絡資訊,那些是公司理念、介紹等資訊。
  3. 導覽列(選單)建立:資訊完成分類後,留下4~5個最大的分類,並重新命名2~5個字為類別名稱, 如此就可以做為網站導覽列,類似如下 選單示意圖
  4. 網頁架構規劃:何謂網頁架構呢(網站架構圖範例)? 請參考如圖,我們將貴設計的首頁分成六個主要的區塊(首頁大圖+標語、網站設計服務、網站設計六大特色、網站設計範例、網站設計費用、網站設計教學),這六個就是所謂的首頁架構。
    在步驟1,我們將資訊分類後,大分類做為網站建立選單,每一個分類完的資訊仍可再做一次小分類,這個小分類就可以做為網頁的架構圖。 所以你要為每一頁思考網頁的架構是什麼。
  5. 承上4,其實你已經把整個網站的架構都已經生出來了,例如首頁的六個主要區塊,接著再開始補文案即可。接後每一頁都是同樣的思考邏輯。
若實在沒有想法,不會整理就直接抄競爭對手的選單、文案內容(務必加減修改,不然容易有法律糾紛),再修改成企業的名稱、個人用詞是最快的方式。 若你的也不是新興產業的話,一般的選單也就是 "首頁、產品/服務大類、最新消息、關於我們"。

🧬 前置作業: 準備網站素材

網站架設前,一般花最多時間準備的是"素材"。 其中圖片素材最重要、最重要、最重要。網站的美醜,圖片將是主要元素,圖片精緻、高解析度,形象官網自然就會漂亮。 可參考貴設計的客戶(GinerC)。 其他文字的素材,則考驗是否吸引客戶願意點擊呼籲行動(CTA)。 但文案則是需要不停的優化,此時若能加些SEO(搜尋引擎最佳化),你的網站不只會夠吸睛還會有源源不絕的流量。 現在讓我們接著看看,網頁設計前有準備的資料吧。

  1. 網站名稱: 請拿你的網站名稱,去Google搜尋一下,千萬不要撞衫了,要是有同樣的名稱(甚至連聲音也不要相同),往後你的品牌搜尋都是在幫別人做嫁妝。 過去曾聽到一個例子,有一個創業家的品牌名稱跟海賊王角色的名稱相同(ex:魯夫),這一輩子它們的品牌名稱永遠都很難浮現在Google搜尋結果的第一名了
    好市多 (你的品牌名稱叫好士多,你就兇多吉少!搜尋品牌名你永遠都不會是搜尋結果第一名)

  2. 網址:網址的購買,正常網址的費用大概是1000元有找,若是特殊網址的話,費用通常會有可能高達上萬元。以貴設計 ,都是在Godaddy購買,首次購買是買擁有權,第二次就是使用權而已。台灣的中華電信、PcHome買網址都不建議,因為介面難用,未必便宜、DNS轉換又慢。
    godaddy特殊網址 (買網址推薦Godaddy)

  3. 公司商標(LOGO):商標的設計以外面行情價從3000~~8000以上,12000都有,但創業初期若要省錢的話,對於Logo也沒有什麼太大要求,可以先使用國外的平台製作 簡易版Logo。 BTW:申請商標需要1萬上下,細節請參考商標申請費用
  4. 公司口號slogan:如貴設計的”網站架設是我們18年來的專業”。口號一般有可能是品牌的定位、產品的優勢。
  5. 網站色系:品牌都會有一個主色系(為網站主視覺顏色),如麥當勞黃色、Air Asia就紅色、貴設計為橘色。那你呢?
    airasia主色系紅 (Airasia主色系為紅色)

  6. 網站風格:網站風格一般是讓外包商了解你喜歡的風格,但以現在世界最流行的Wordpress的版形有上萬個,通常確定好版型再開始延伸版型的風格,通常最後的成品都會非常的精美。
  7. 首頁與每頁架構:每頁的架構,我們常會用區塊來分,也就是一個大標加一個區塊。 貴設計網頁設計貴設計網頁設計的首頁主要架構:主視覺大圖、 網頁設計服務 、網頁設計教學部落格、網站特色-6大功能特色、網頁設計作品集、網頁設計報價。
  8. 導覽列:也稱為選單,選單的用途在讓網站訪客取得官網所提供的資訊,可直接參考如下。 導覽列

🧬 Step1: 買網址+DNS設定

貴設計都在Godaddy買網址,理由是介面清楚明瞭、DNS轉換設定簡單好用、速度快(用過中華電信你就知道慢)、網址多樣化選擇(可參考 Godaddy買網址)。
Godaddy買網址

注意上方你看到的費用部份只有首年,在價錢的下面有一排灰色字"適用於第一年",你下次購買網址使用權就會恢復成原價。 若以長期購買使用的話,其實你是一點折扣也沒有賺到的,若你一次買10年,其實一點打折也沒有。

購買網址需註冊Godaddy(需綁定信用卡),購買網址後去"帳戶-->我的產品",就會看見剛購買的網址。 若網址買錯的話,可參考Godaddy退款策略
godaddy

DNS設定(如下圖) ,何謂DNS設定呢? 簡單講,你買了一個網址,你要將網址指去某個主機的IP
URL、IP、Domain
進入畫面之後,你會看見類似如下的畫面,尋找一個叫做類型為A,再將值輸入你的主機IP即可(我知道還沒有租主機,所以沒有IP,後續會說明),這個動作稱之為DNS設定DNS設定

🧬 Wordpress網站架設 Step2:買主機空間(Siteground)+Wordpress安裝

買網站主機 ,貴設計推薦SiteGround,SiteGround成立於2004年主機商公司,擁有400多名員工。SiteGround提供虛擬主機、雲託管主機、網域等等。 SiteGround運作時間保證是99.99%,所以他們的伺服器不會有當機或連不上的問題。

為何選擇SiteGround?

  1. 免費SSL加密憑證
  2. 免費 CDN
  3. 每天自動備份,自動備份前30天資料
  4. 主機穩定性優
  5. 24/7客服服務,線上即時聊天,回覆速度快
  6. SG介面乾淨,好上手
  7. Wordpress一鍵安裝,5分鐘搞定
  8. Wordpress免費輕鬆搬家,SG提供免費外掛
  9. Wordpress自動更新

如何在SiteGround建立Wordpress?

  1. 註冊登入後,到Home 就會看到 Set Up Site,點進去。
    Siteground建立Wordpress
  2. 選擇Start a New Website。 ps.如果你現有Wordpress網站才選擇Migrate Website。
    Siteground建立Wordpress
  3. 選擇Wordpress。 ps.如有需要WooCommerce可以點選Wordpress+WooCommerce。
    Siteground建立Wordpress
  4. 設定登入資訊,之後登入都以這帳密登入。
    Siteground建立Wordpress
  5. SiteGround有提供加購網站掃毒的工具,看需不需要加購,不需要直接按Finish,Wordpress網站就完成了!
    Siteground建立Wordpress
  6. 直接登入網站。
    Siteground建立Wordpress

在完成Siteground主機之後,將Siteground取得的IP設定至上一個步驟剛的A記錄的值即可
Cloudflare DNS設定

🧬 Step3: Wordpress+Elementor網頁設計

安裝好Wordrpess後,請輸入 https://購買的網址/wp-admin。再輸入帳密即可登入。 Wordpress登入畫面
登入之後,就會看見如下的後台。就代表你已經成功至少50%了。 Wordpress後台

接著Wordpress網頁設計是使用套版的方式進行網頁設計,所以套版的挑選則會變的很重要 (【RWD響應式網站模板】推薦下載),挑選版型有三個重點

  1. 下載次數
  2. 最後更新日期
  3. 版型評論
基於這三點就可以了解該版型的好壞,而版型基本的RWD、適用瀏覽器Chrome、Safari都會是標配了,所以無需擔心。 接著安裝Wordpress版型幾個步驟:

  1. 外觀->佈景主題
  2. 選擇想要的佈景主題:
    • 如已購買佈景主題:請先下載主題後,至安裝佈景主題進行安裝。
    • 也可以使用Wordpress提供免費版型
  3. 選好後只需要在下方按「啟用」,即可蓋掉現有的佈景主題。
  4. 佈景主題就安裝好了!
更多Wordpress後台操作說明,請參考
  1. 2021【Wordpress後台教學】教戰守策
  2. 6步驟就搞定~Wordpress【電商購物網站建置】
  3. 【Wordpress版型推薦】佈景主題下載秘技
  4. 【Wordpress是什麼?】Wordpress形像網站有什麼優勢?
  5. 【WordPress 媒體庫】教學
  6. 【Wordpress 選單教學 (Menu)】教學
  7. 【Wordpress頁面新增、刪除、修改 】教學
  8. 【Wordpress文章新增、刪除、修改、列表、分類】教學
  9. 【Wordpress外掛】教學及推薦
  10. 【All in one Migration 】Wordpress網站備份外掛
  11. wordpress網站範例

到這個步驟結束之後,就完成了一個Wordpress形象網站。接著必需讓網站更漂亮、精緻。在Wordpress版面設計上則使用Elementor編輯器(您也可以參考Wordpress預設編輯器設計頁面),透過Elementor編輯器提供多樣化的元件,使的網頁更能有豐富的UIUX元件、更活潑動人的功能呈現。 所以請先直接安裝Elementor的外掛(安裝外掛),並直接啟用吧! Elementor web builder
接著要如何利用Elementor設計網頁呢?設計精美漂亮的網頁必需要有三個知識,才能設計出企業級的網站。如下
  1. Elementor的操作
  2. 美感
  3. HTML語法概念
Elementor的操作(Elementor官方教學)、HTML語法概念是可以透過網路搜尋、學習得到的,但美感這種東西是很難透過學習而得到的, 一堆網站自架者能夠自行建立網站,但就是無法建立一個漂亮精緻的網站,所以這方面還是需請專業的網站設計公司處理。

🧬 Step4:Google網站登錄

歷盡千辛萬苦才網站架設搞定,但要如何讓網站能夠被Google搜尋出來,所以Google網站登錄便是最重要的事情。 在文中 3種【Google網站登錄】的方式介紹到

網站登錄的三種方法

#方法優點缺點
1無為而治法什麼都不必做登錄時間最..慢
2一條連結法只要1秒鐘就搞定登錄時間較上述快
3GSC網站登錄法難度較高登錄快則15分鐘就會生效
就請直接就使用GSC網站登錄法,就能夠讓您的網站快速的被Google收錄。而Bing、Yahoo他的搜尋引擎市場佔有率極低,可以不用刻意去登錄網站,一旦時間久了,會自動收錄您的網站。

🧬 Step5:搜尋引擎優化(SEO)

繼步驟4是要讓網站能夠被Google出來,而Step5搜尋引擎優化(SEO)的目地則是讓網站能夠被"許多人"Google出來。有看到重點嗎? 是"許多人"哦。所以一旦網站被許多人搜尋出來,網站的訪客流量就會變高,成交的機率、公司營業額、利潤才會成長,重點是"一毛也不用花"。 (搜尋引擎優化(SEO)是什麼)。 GSC 該圖說明:在最近六個月內,網站有9,432(總點擊次數)人透過Google搜尋進來網站。

那我們進入正題,要如何做網站設計的SEO優化呢?那就是讓Google愛上你,它就會推薦你、並給予你的"網頁"有好的排名。那至於讓Google愛上你,該如何愛呢? 請參考如下

  1. 高品質的文章內容:例如原創內容、不抄襲、有價值的、新鮮
  2. 長文的文章內容:以平均來講要能夠佔上第一頁、甚至第一名的內容長文大約為2000字。
  3. 文章可讀性高:文章的可讀性高,方便於使用者閱讀、及找到他們要想找的內容。所以在內文的編排多使用列表、清單、大小標來區分內文。讓使用者容易找到他們想要的答案是很重要的。
  4. 外部連結:好的文章定會有許多不同的網站連結回到你的頁面,而這就是Google搜尋排名的一個重要判讀指標。所以回到相呼應於第一點"高品質的文章內容"。
  5. 滿足搜尋動機:網友搜尋林志琳,請勿給他蔡依林。
  6. 網站下載速度:讓網站下載的速度愈快愈好,如何優化下載速度呢?請參考網站下載速度優化
  7. 響應式網站設計:滿足你的網站在手機、平版上都能夠正常的呈現。請參考網站架設沒有【RWD響應式網頁設計】 Google:那你就等死吧!
  8. HTTPS:請為你的網址加上https加密。
以上是Google排名因素200多個條件的一小部份而已,但少勝於無,所以請滿足以上的基本條件。若同產業的競爭對手沒有人使用SEO,有可能您就青出於藍了。