【WORDPRESS架站】5步驟網站架設、登錄、SEO一次搞定 ...
文章推薦指數: 80 %
WORDPRESS網站架設是網頁設計中的快時尚,網站架設費用相對便宜CP高。
個人玩家簡單輕鬆就製作一個60分網站,專業Wordpress網頁設計公司則可做到80分的 ...
➦馬上分享
網頁設計
網頁設計教學部落格
【WORDPRESS架站】5步驟|網站架設、登錄、SEO一次搞定!
➦馬上分享
Wordpress架站是網頁設計中的快時尚,網站架設費用相對便宜CP高
。
個人玩家簡單就架設一個60分網站,專業Wordpress網頁設計公司則可做到85分的網站,而客製化網站架設才有可能做到一個100分的網站。
但一個80分的網站不管是在公司形象網站、網路行銷、甚至是搜尋引擎優化(SEO)都已經是措措有餘。
本篇文章要分享如何輕鬆站設一個60分的網站+基礎SEO設定,並且可以在Google上直接輸入品牌名搜尋到。
那JustDoIt!如何架設一個Wordpress網站呢?請先Follow以下步驟吧。
Wordpress網站架設步驟Godaddy買網址+DNS設定買主機空間(Siteground)+Wordpress安裝Wordpress+Elementor網頁設計Google網站登錄搜尋引擎優化(SEO)目錄▶Wordpress網站特色
▶選擇網站架設種類
▶準備網站文案
▶準備網站素材▶Step1:
Godaddy買網址+DNS設定▶
Step2:買主機空間(Siteground)+Wordpress安裝▶Step3:
Wordpress+Elementor網頁設計▶Step4:Google網站登錄
▶Step5:搜尋引擎優化Wordpress網站特色
Wordpress架站是全世界普及率最高的網站架設軟體,連白宮也選擇Wordpress架設白宮的官方網站,光是這點就讓WP在全球攏獲不少的信賴與可靠。
Wordpress貴設計寫了18年的Java程式語言,也非常推薦Wordpress,理由是什麼呢?
Wordpress架站超級快,快則3天,慢則7天就搞定。
Wordpress架站可滿足80%形象官網、型錄式網站、電商購物的需求。
Wordpress網站擴充功能超方便。
Wordpress完整後台功能,對網站修改彈性大、掌握度高。
Wordpress教學文件超多、網站管理員銜接快又容易。
Wordpress主機服務多,網站搬家超容易。
Wordpress上萬種主題布景選擇多。
選擇Wordpress架站軟體絕對是正確的選擇(了解更多Wordpress是什麼?連白宮都推薦),接著讓我們開始Wordpress架站吧!
前置作業:選擇網站架設種類網站架設前置作業,先了解公司網站適合的網站種類,一般網站種類分為以下幾種
種類說明形象網站
品牌形象網站,官方網站提供公司介紹、產品列、產品優勢、常見問題、聯絡我們、交通資訊、部落格、媒體報導、價格方案、FB粉絲團、經銷據點、活動專區等資訊。
EX:維西杰。
電商網站用網路上銷售產品,如手機配件、保養品、手飾、皮件等。
購物網站以銷售產品為主,最大的特色就是網站一進入就是大大的商品優惠折扣、活動節慶優惠的推廣的輪播,
首頁下方有可能就是熱銷商品、最新產品之類的,接著商品類別的介紹。
EX:Com2Buy形象+購物網站形象+購物網站合併了上述二個的特色,首頁特色以呈現公司形象為主軸,接著呈現最新商品、熱銷商品,接著於首頁下方導流至其他商品類別的頁面。
EX:JustBeWell媒體網站媒體網站整個都是以文章為主軸,網站除了滿滿的文章還是文章。
經營媒體網站很累人,因為你要產出很多文章、精美的圖片,
若團隊不擅於產生文章、精美圖片,實在不適合適用媒體網站EX:SOLEDAD。
這類型的網站就是賺廣告費均多。
論壇網站台灣最大的論壇網站如MOBILE01,會有一堆人刊登討論、詢問問題,接著就有一堆人在下方留言回答。
這類型的網站,若你沒有一個完整的IT+行銷團隊,千萬不要經營這類型的網站。
論壇網站的經營初期都是假帳號,自問自答好一陣子,產生網站熱絡的假像,才會有人陸續留言、詢問(貴設計試過,不騙你真的很累人)。
EX:SOLEDAD客製化網站在網路上提供特有的服務,需特別開發功能。
ex:UberEat、熊貓。
但缺點就是費用昂貴。
EX:簡單創(請參考【客製化網站設計】為什麼網頁設計費用貴的嚇死人!!)
確定好網站種類,才能滿足網站的基本需求哦。
前置作業:準備網站文案
網站文案指企業想傳達給客戶了解的訊息,這些訊息一定多又雜亂。
例如貴設計是提供網站設計、網頁設計
服務的公司,我們想傳達貴設計的服務、產品、售價、賣點、差異化、理念、作品集、公司資訊與創辦人、聯絡方式....等等。
我們通常會這樣子做。
統整資訊:請將所有要傳達給客戶的資訊(包含產品圖片、文字、影片)都放在一個word檔。
貴設計建議您豐富的網站內容很重要,所以請盡可能寫(寫的多都可以分頁處理,寫的少生意不會好。
)分類資訊:雜亂的資訊,那些是產品資訊,那些是公司聯絡資訊,那些是公司理念、介紹等資訊。
導覽列(選單)建立:資訊完成分類後,留下4~5個最大的分類,並重新命名2~5個字為類別名稱,
如此就可以做為網站導覽列,類似如下網頁架構規劃:何謂網頁架構呢(網站架構圖範例)?
請參考如圖,我們將貴設計的首頁分成六個主要的區塊(首頁大圖+標語、網站設計服務、網站設計六大特色、網站設計範例、網站設計費用、網站設計教學),這六個就是所謂的首頁架構。
在步驟1,我們將資訊分類後,大分類做為網站建立選單,每一個分類完的資訊仍可再做一次小分類,這個小分類就可以做為網頁的架構圖。
所以你要為每一頁思考網頁的架構是什麼。
承上4,其實你已經把整個網站的架構都已經生出來了,例如首頁的六個主要區塊,接著再開始補文案即可。
接後每一頁都是同樣的思考邏輯。
若實在沒有想法,不會整理就直接抄競爭對手的選單、文案內容(務必加減修改,不然容易有法律糾紛),再修改成企業的名稱、個人用詞是最快的方式。
若你的也不是新興產業的話,一般的選單也就是"首頁、產品/服務大類、最新消息、關於我們"。
前置作業:準備網站素材網站架設前,一般花最多時間準備的是"素材"。
其中圖片素材最重要、最重要、最重要。
網站的美醜,圖片將是主要元素,圖片精緻、高解析度,形象官網自然就會漂亮。
可參考貴設計的客戶(GinerC)。
其他文字的素材,則考驗是否吸引客戶願意點擊呼籲行動(CTA)。
但文案則是需要不停的優化,此時若能加些SEO(搜尋引擎最佳化),你的網站不只會夠吸睛還會有源源不絕的流量。
現在讓我們接著看看,網頁設計前有準備的資料吧。
網站名稱:
請拿你的網站名稱,去Google搜尋一下,千萬不要撞衫了,要是有同樣的名稱(甚至連聲音也不要相同),往後你的品牌搜尋都是在幫別人做嫁妝。
過去曾聽到一個例子,有一個創業家的品牌名稱跟海賊王角色的名稱相同(ex:魯夫),這一輩子它們的品牌名稱永遠都很難浮現在Google搜尋結果的第一名了。
(你的品牌名稱叫好士多,你就兇多吉少!搜尋品牌名你永遠都不會是搜尋結果第一名)
網址:網址的購買,正常網址的費用大概是1000元有找,若是特殊網址的話,費用通常會有可能高達上萬元。
以貴設計
,都是在Godaddy購買,首次購買是買擁有權,第二次就是使用權而已。
台灣的中華電信、PcHome買網址都不建議,因為介面難用,未必便宜、DNS轉換又慢。
(買網址推薦Godaddy)
公司商標(LOGO):商標的設計以外面行情價從3000~~8000以上,12000都有,但創業初期若要省錢的話,對於Logo也沒有什麼太大要求,可以先使用國外的平台製作
簡易版Logo。
BTW:申請商標需要1萬上下,細節請參考商標申請費用。
公司口號slogan:如貴設計的”網站架設是我們18年來的專業”。
口號一般有可能是品牌的定位、產品的優勢。
網站色系:品牌都會有一個主色系(為網站主視覺顏色),如麥當勞黃色、Air
Asia就紅色、貴設計為橘色。
那你呢?
(Airasia主色系為紅色)
網站風格:網站風格一般是讓外包商了解你喜歡的風格,但以現在世界最流行的Wordpress的版形有上萬個,通常確定好版型再開始延伸版型的風格,通常最後的成品都會非常的精美。
首頁與每頁架構:每頁的架構,我們常會用區塊來分,也就是一個大標加一個區塊。
以貴設計網頁設計的首頁主要架構:主視覺大圖、網頁設計服務
、網頁設計教學部落格、網站特色-6大功能特色、網頁設計作品集、網頁設計報價。
導覽列:也稱為選單,選單的用途在讓網站訪客取得官網所提供的資訊,可直接參考如下。
Step1:買網址+DNS設定
貴設計都在Godaddy買網址,理由是介面清楚明瞭、DNS轉換設定簡單好用、速度快(用過中華電信你就知道慢)、網址多樣化選擇(可參考
Godaddy買網址)。
注意上方你看到的費用部份只有首年,在價錢的下面有一排灰色字"適用於第一年",你下次購買網址使用權就會恢復成原價。
若以長期購買使用的話,其實你是一點折扣也沒有賺到的,若你一次買10年,其實一點打折也沒有。
購買網址需註冊Godaddy(需綁定信用卡),購買網址後去"帳戶-->我的產品",就會看見剛購買的網址。
若網址買錯的話,可參考Godaddy退款策略。
DNS設定(如下圖),何謂DNS設定呢?簡單講,你買了一個網址,你要將網址指去某個主機的IP進入畫面之後,你會看見類似如下的畫面,尋找一個叫做類型為A,再將值輸入你的主機IP即可(我知道還沒有租主機,所以沒有IP,後續會說明),這個動作稱之為DNS設定。
Wordpress網站架設
Step2:買主機空間(Siteground)+Wordpress安裝買網站主機
,貴設計推薦SiteGround,SiteGround成立於2004年主機商公司,擁有400多名員工。
SiteGround提供虛擬主機、雲託管主機、網域等等。
SiteGround運作時間保證是99.99%,所以他們的伺服器不會有當機或連不上的問題。
為何選擇SiteGround?免費SSL加密憑證免費CDN每天自動備份,自動備份前30天資料主機穩定性優24/7客服服務,線上即時聊天,回覆速度快SG介面乾淨,好上手Wordpress一鍵安裝,5分鐘搞定Wordpress免費輕鬆搬家,SG提供免費外掛Wordpress自動更新如何在SiteGround建立Wordpress?註冊登入後,到Home就會看到SetUpSite,點進去。
選擇StartaNewWebsite。
ps.如果你現有Wordpress網站才選擇MigrateWebsite。
選擇Wordpress。
ps.如有需要WooCommerce可以點選Wordpress+WooCommerce。
設定登入資訊,之後登入都以這帳密登入。
SiteGround有提供加購網站掃毒的工具,看需不需要加購,不需要直接按Finish,Wordpress網站就完成了!直接登入網站。
在完成Siteground主機之後,將Siteground取得的IP設定至上一個步驟剛的A記錄的值即可Step3:Wordpress+Elementor網頁設計
安裝好Wordrpess後,請輸入https://購買的網址/wp-admin。
再輸入帳密即可登入。
登入之後,就會看見如下的後台。
就代表你已經成功至少50%了。
接著Wordpress網頁設計是使用套版的方式進行網頁設計,所以套版的挑選則會變的很重要
(【RWD響應式網站模板】推薦下載),挑選版型有三個重點
下載次數最後更新日期版型評論
基於這三點就可以了解該版型的好壞,而版型基本的RWD、適用瀏覽器Chrome、Safari都會是標配了,所以無需擔心。
接著安裝Wordpress版型幾個步驟:
至外觀->佈景主題選擇想要的佈景主題:如已購買佈景主題:請先下載主題後,至安裝佈景主題進行安裝。
也可以使用Wordpress提供免費版型選好後只需要在下方按「啟用」,即可蓋掉現有的佈景主題。
佈景主題就安裝好了!
更多Wordpress後台操作說明,請參考
2021【Wordpress後台教學】教戰守策6步驟就搞定~Wordpress【電商購物網站建置】【Wordpress版型推薦】佈景主題下載秘技【Wordpress是什麼?】Wordpress形像網站有什麼優勢?。
【WordPress媒體庫】教學【Wordpress選單教學(Menu)】教學【Wordpress頁面新增、刪除、修改】教學【Wordpress文章新增、刪除、修改、列表、分類】教學【Wordpress外掛】教學及推薦【Allinone
Migration】Wordpress網站備份外掛wordpress網站範例
到這個步驟結束之後,就完成了一個Wordpress形象網站。
接著必需讓網站更漂亮、精緻。
在Wordpress版面設計上則使用Elementor編輯器(您也可以參考Wordpress預設編輯器設計頁面),透過Elementor編輯器提供多樣化的元件,使的網頁更能有豐富的UIUX元件、更活潑動人的功能呈現。
所以請先直接安裝Elementor的外掛(安裝外掛),並直接啟用吧!接著要如何利用Elementor設計網頁呢?設計精美漂亮的網頁必需要有三個知識,才能設計出企業級的網站。
如下
Elementor的操作美感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)是什麼)。
該圖說明:在最近六個月內,網站有9,432(總點擊次數)人透過Google搜尋進來網站。
那我們進入正題,要如何做網站設計的SEO優化呢?那就是讓Google愛上你,它就會推薦你、並給予你的"網頁"有好的排名。
那至於讓Google愛上你,該如何愛呢?
請參考如下
高品質的文章內容:例如原創內容、不抄襲、有價值的、新鮮長文的文章內容:以平均來講要能夠佔上第一頁、甚至第一名的內容長文大約為2000字。
文章可讀性高:文章的可讀性高,方便於使用者閱讀、及找到他們要想找的內容。
所以在內文的編排多使用列表、清單、大小標來區分內文。
讓使用者容易找到他們想要的答案是很重要的。
外部連結:好的文章定會有許多不同的網站連結回到你的頁面,而這就是Google搜尋排名的一個重要判讀指標。
所以回到相呼應於第一點"高品質的文章內容"。
滿足搜尋動機:網友搜尋林志琳,請勿給他蔡依林。
網站下載速度:讓網站下載的速度愈快愈好,如何優化下載速度呢?請參考網站下載速度優化。
響應式網站設計:滿足你的網站在手機、平版上都能夠正常的呈現。
請參考網站架設沒有【RWD響應式網頁設計】
Google:那你就等死吧!HTTPS:請為你的網址加上https加密。
以上是Google排名因素200多個條件的一小部份而已,但少勝於無,所以請滿足以上的基本條件。
若同產業的競爭對手沒有人使用SEO,有可能您就青出於藍了。
形象官網諮詢
LINE諮詢
LINE諮詢
延伸文章資訊
- 1【網賺篇】WordPress個人網站架設教學 - 阿福筆記
WordPress 是一個免費的架站軟體. 可以在任何網站上面自由使用. 簡單好用, 電腦背景不多的人, 也可以在短時間之內, 很輕易 ...
- 25分鐘搞懂第一次做WordPress網站的流程
- 3【WordPress.com教學】自己的網站自己做 ... - 網站架設
【WordPress.com教學】自己的網站自己做!!WordPress.com網站架設教學 · 1.按下【著手打造網站】開始註冊網站 · 2.輸入您的電子郵件、用戶姓名及密碼後按下【建立課程】...
- 480個+ WordPress 全球頂級網頁設計成功案範例
WordPress成為現代最受歡迎的網站架站工具,本文特搜WordPress在全球知的名網頁設計提供給大家參考,包含:企業官方網站、電子商務網站、一頁式網站、個人網站、部落格.
- 5WordPress 後台教學:給新手的操作教學(全指南) | 犬哥網站
這是一篇完整的「 WordPress教學」,帶你完整後台使用入門。WordPress 安裝完成後,在網站後台使用上不是很熟悉?想進行網頁設計,卻找不到後台設定 ...