wordpress課程

《WordPress教學》全長8小時免費教你架設部落格/個人網站/電商網站

這門堂免費的WordPress教學,可讓你做出自己的網站,來銷售你的專業知識。

包含整套從行銷到架站的流程,課程內容會幫你避開大量新手會犯的錯,裡頭不會有難以理解的術語,不需要有相關知識,也不需要打程式碼,初學者就能輕鬆學會。

學完這堂課後,你可以:

  1. 了解如何簡化你的行銷訊息,讓顧客一眼就明白你能怎麼幫助他
  2. 以正確的行銷方式,引導顧客加深對你的信任,視你為導師
  3. 擁有一個可客製化的網站,根據自己需求做後續修改

一.設置WordPress

1.為什麼你需要做網站?奪回你的名單-降低行銷成本

目前市面上大部分人,是使用【臉書粉絲團】搭配【蝦皮】來當作主要營利手段。

在這個模式下,你花錢上網打廣告,取得了流量後,引進到你的蝦皮賣場上,然後獲得了訂單業績。

比如:

A你花100元打廣告
B取得的流量經由你賣場
C幫你獲得了300元的業績。

但是你先別急著高興,你這300元裡,還要抽出錢來,再重複丟到廣告費裡,不然整個流動就卡住了。

也就是C的300元,還要抽出100元,投入A裡,變成只賺到200元。

在這模式下,你想要賺錢,就是一直不斷的打廣告,沒廣告就沒錢。

那麼做網站能幫助你什麼呢?

當顧客在你網站上購買後,你就取得了名單,可以針對這名單做再行銷,傳送營銷郵件。

做網站可以幫你取代業績到流量的部分,這樣你就不用一直依靠廣告。

因為你如果使用蝦皮,PCHOME等別人的平台,會有所謂的個資法,你看不到顧客名單,買完的顧客就拍拍屁股走人了,你無法再聯繫到她。

但是如果你自己有個網站,買完的顧客,不管是手機,電子郵件,姓名,家裡地址,購買產品,這些資訊你都能掌握。

這些顧客都是你的名單。

擁有自己名單,有幾個好處:

1)不會消失

現在有很多幾十萬追蹤的粉絲團,不小心吃檢舉太多,一夜消失的案例。

你很難保證你長久經營的成果,經得起他人惡意的破壞。

在他人的平台中,你有風險會被競爭對手惡搞,或是言論錯誤,長久的經營一夕崩潰。

可是掌握名單後,就算你公司倒了,這些名單都還在,你還有機會重新站起來。

2)行銷費降低

Email行銷算是最低廉的行銷之一,如果使用Mailerlite,甚至在1000訂閱者內都不用付費。

3)精準

你可以針對性的用TAG做標記,哪些人喜歡買洗髮精?哪些人喜歡買洗臉乳?來做分眾行銷。

到時候這些精準的受眾,你就能把他真正感興趣的廣告推播到他面前,大幅降低廣告費成本。

4)名單價值高

由於這些名單的取得前提,是消費者主動進行利益的交換,主動的願意把自己的私人資料給你。

不管是Email,手機,這些私人的資料,價值都遠比FB按讚,YOUTUBE訂閱來的高。

一個名單的價值,大約是FB按讚的20倍。

5)再行銷成本低

在成本的考量裡,平均一個新顧客取得的成本,是老顧客的6倍以上。

你想想看,你使用平台賣場,從以前到現在,這樣弄丟了多少個老顧客了?

此外,網站還能幫你區隔競爭對手。

當你的商品擺在蝦皮等平台賣場時,消費者除了看到你的商品外,還會看到更多競爭對手的【推薦商品】。

整個賣場裡,同質性太高,沒辦法傳遞你的價值。

對於消費者來講,唯一的衡量標準,就只有價格,這也是你會陷入低價競爭,把利潤都耗光的原因。

在蝦皮上,你很難傳達你的故事,或是售後服務等品牌價值。

在這每個粉專和蝦皮頁面都長一樣的情況下,網站能讓你設計自己的品牌風格,是唯一能讓你區隔競爭對手,凸顯你價值的所在。

最後,網站的部落格也能幫你取代流量部分,在你耐著性子做好SEO優化後,這些經由Google關鍵字而來的流量,也比你在臉書上推播廣告而來的流量可靠。

因為經由關鍵字來的,是已經知道自己有什麼需求的,他正在找解決方案,在客戶旅程中,是很接近成交的階段,只要你文章解決他的困惑,就很容易成交。

擁有一個網站的好處,可以取得名單,降低行銷的成本,區隔競爭對手,營造自己的品牌價值。

如果你想要長久經營,那麼持續的轉移風險,擁有自己的名單,把生殺大權掌握在自身的手上,是比較好的方式。

2.製作網站費用是多少?一天花不到30元台幣-可以掌控所有自主權

製作網站的費用是多少?

這市面上不乏有些免費的架設平台,像是Wix,weebly等等。

如果你只是需要寫文章,甚至還可以使用痞客邦。

但是有利就有弊,你使用他們的平台就等於是被他們給綁架,你得要依造他們的規則行事。

像是痞客邦就有撲天蓋地的廣告,影響讀者的觀看體驗,或是你很難取得顧客們的名單,這也是很多痞客邦大號在後期都在尋找搬遷到WordPress平台的因素之一。

並且這些平台並沒有方便的SEO機制和穿插購物車的系統。

自己用WordPress建站的好處就是你可以掌控這一切,並且不會隨著後續規模變大後還要思考怎麼搬家換平台的問題。

再深入進行討論的話,免費的平台和WordPress會有幾個重大差別。

這邊以台灣常用的Wix當作對比

1)平台:

Wix是建立在wix的平台上,wix畢竟不是像是FB,GOOGLE一樣的大公司,市占率相較於WP也小,萬一經營不順,過個五到十年,她公司倒了,那你的網站怎麼辦?

你的網站也會跟隨著消失,像是以前的無名小站一樣。

而Wordpress是架設在自己的平台,他不會消失。

2)模板:

你wix的模板決定後,以後都不能再做更改了,你不能像WP一樣,根據自己的後續的規劃來做調整。

WordPress你可以隨時替換主題和版型,甚至可以用頁面編輯器,自己做出想要的版型。

3)擴充性功能:

很多你需要的特別功能,WIX都找不到,而WP幾乎都有,就算WP沒有,你也可以找人寫程式,把功能寫出來。

4)廣告:

你使用免費版的WIX,會在上面看到WIX的廣告。

這代表了,當你嘗試建立一個真正的品牌,但是訪客看到的第一印象會是別人的服務。

如果只是學校企劃或是玩玩,那沒關係,但對於企業網站來說,就很不專業。  

5)排名:

Wix針對SEO優化的排名很差。

相反的,WP是專為內容創造者而生的平台,全球有1/3的網站是使用WP所製作。

由於這龐大的用戶,所以Google就算有什麼新的SEO方針,都要先針對WP的用戶來做考量

所以,如果你只是想做個固定幾頁的形象網站,那麼WIX很適合你。

不過,如果你是想要長期經營,你是部落客或內容創作者,可能會累積幾十篇,或是幾百篇的作品集,來累積龐大的流量,那就推薦你使用WP。

架設網站會需要幾個費用:

  • 1.域名:我建議使用Namecheap購買域名。域名(帶隱私保護)每年約11美元。
  • 2.託管帳戶:我建議使用 Cloudways。託管費用每月約13美元。
  • 3.頁面編輯器:Elementor Pro售價49美元/一年(一次性費用),包括一年的支持和更新。

主題費用:

  • ASTRA 專業版是59美金/一年
  • DIVI 89美金/一年
  • AVADA 60美金

創建網站所需的一切費用每月約為30美元。這包括你的域名,託管和Elementor Pro。

 Cloudways + Elementor Pro的組合是構建網站最實惠的方式之一。

建設網站的代價一天花費不到30元台幣,比早餐店買個蛋餅還便宜,但卻可以讓你慢慢累積你的影響力。

自己用WordPress建站的好處就是你可以掌控這一切,並且不會被鋪天蓋地的廣告騷擾。

隨著後續規模變大後不用再思考怎麼搬家換平台的問題。

3.使用NameCheap註冊域名:讓人能搜索到你的網站

1)域名是什麼呢?

域名也就是當你的顧客在互聯網上搜尋時,可以查找到你的地方

也可以說是你的店名

如果更簡單地來說,如果你是個超級英雄,域名就是你的英雄稱號,像是蝙蝠俠,超人這樣

2)但是為什麼要註冊域名呢?

因為一個網站的架設是由虛擬主機和域名所串接起來的,虛擬主機就是提供可以編輯內容的後台

而域名則是讓人們可以在網路上搜尋到你的網站

3)那域名要怎麼命名呢?

每個人都有自己的看法,有些人覺得是要跟產品產生相關,比較容易產生記憶,像是Facebook,就是臉書

但是也有一些人取個人品牌做為自己的名字

或是取完全不相關的內容

像是蘋果Apple,他們的域名跟產品來說就沒有太大的關聯

這邊建議不用花太多心思思考域名名稱,畢竟你的顧客來找你是因為你的服務和產品,而不是說你的域名有多麼好聽

只要域名好記,不要過於複雜就行了。

4)那要如何註冊域名呢?

因為市面上有很多註冊域名服務的廠商,但是他們其實服務都是差不多的,服務差不多的話,這邊的思路就是選擇越便宜的越好

這邊推薦使用Namecheap,他不僅是首次的費用以及續約的費用都比較便宜

5)那域名怎麼挑選?

現在域名有很多種類 這邊是幫你列出幾個比較常用的

  • com : 最多人使用的域名,他之前是商業機構才能使用,但是現在都沒有限制 就是你的網站都可以使用.com
  • info : 他原先是資訊型網站才能使用,但是現在也無限制
  • net : 以前是網絡服務商才能使用 現在也無限制了
  • org : 他不屬於其他類別的組織,就不屬於上面那幾個組織,但是現在也都無限制
  • tw和com.tw : 台灣地區的域名,然後其中要注意的是,其中.com.tw是限定有台灣公司才能使用,這種.tw國際域名都會比較貴一點

6)那為什麼用NameCheap,而不是用託管公司直接購買域名?

因為有幾個考量就是說,他會更便宜,因為託管公司總會對其他的域名收取更多费用

再來就是如果你從託管公司分開購買域名的話,這樣你的託管公司就無法控制你的域名,如果你需要的話 就可以讓你隨時更換你的託管公司

再來就是當你擁有更多域名,並創建更多網站的時候,你將所有內容保存在一個位置是有意義的,就容易方便集中管理

註冊完網址後,要到信箱中驗證喔(很重要)

英文地址部分,如果太長,不用打詳細也沒關係

4.註冊虛擬主機,使用Cloudways託管-確保網站正常運作

1)什麼是虛擬主機?

我們使用wordPress來製作網站,Wordpress是個開源的免費軟體,你可以安裝在你自身的電腦主機上。

但如果要確保網站正常運作,就必須要電腦24小時不能關機,不會停工,以及性能夠好等等。

基於上述種種麻煩理由,你想要個人達成這一切,對於你的開銷成本來講會過於巨大。

所以選擇虛擬主機商,利用他們的硬碟空間放置你的網站是很有必要的。

簡單的說就是請個工作經驗的保母,來幫你帶小孩一樣。

2)使用虛擬主機的好處?

首先,你就不必投入大筆資金來升級電腦主機,不需要維護的人力和技術。
大大的降低了建造網站的成本 。

3)Cloudways託管費用是多少?

前三天可以免費試用

Cloudways是以每月計算的,看方案類型,可以自己調整。

以一般最便宜的1G方案來看,每月約是11-13美金,300多台幣。

4)應該選擇哪個服務器位置?

通常,你希望選擇最接近客戶的服務器。因此,如果你的客戶在美國,你應該選擇美國服務器。如果你的客戶在亞洲,您應該選擇亞洲服務器。服務器距離客戶越近,網站為這些客戶加載的速度就越快。

台灣地區要選擇東京或是南韓伺服器。

5)SSL證書是什麼?

SSL是一種加密方式,此技術可使用加密演算法以混淆輸送中的資料,防止駭客在資料透過連線發送時讀取資料。

6)使用SSL證書有什麼好處?

SSL證書對於安全性和Google搜索引擎排名都非常重要。

具體的好處有3點:

  • 1.資料傳輸保護:傳送網站資料,資訊加密保護
  • 2.增強客戶信任度:綠色鎖頭及https字樣
  • 3.提升SEO排名:Google會提升有安裝憑證的網站的自然排序

7)怎麼知道安裝成功了?

SSL證書對於安全性和Google搜索引擎排名都非常重要。

安裝Let的加密 SSL證書後,網站的URL將使用“https”。

這告訴訪問者他們正在訪問安全連接,並且他們的個人信息將受到保護。

英文地址部分,如果太長,不用打詳細也沒關係

優惠碼已經過期,由於Cloudways是月租,優惠碼省不了多少錢,所以可以不用管他

地區部分,由於在錄製視頻時只有日本可選,但現在可以選擇【南韓】

【記得在註冊時,不要使用公共網路,要用家裡網路或是手機網路,不然會被屏蔽,然後要求你驗證一堆有的沒的。】

5.使用Gmail來收發郵件,連接專屬信箱-過濾垃圾郵件

我建議使用Gmail發送和接收電子郵件,因為它們具有出色的垃圾郵件過濾功能和流行的集成功能 。

並且你也比較常用gmail

你可以通過在Gmail中添加域名的電子郵件地址作為別名來執行此操作。這樣可以更輕鬆地管理你的電子郵件。

Server: mail.privateemail.com

Namecheap設定email

6.配置WordPress網址結構/語言設定-利於日後SEO

1)為什麼要配置WordPress設定?

因為預設的WordPress是英文,可以在設定中把他更改為中文,時區設為台北。

另外更改網址結構,有利於日後SEO。

在開始使用WordPress之前,使用推薦的WordPress設置非常重要。

這將確保你在完成課程時不會遇到任何問題。

2)挑選主題和插件最看重什麼?

在挑選主題和插件的核心思路中,最大的評分標準是網站速度,所以都會選擇乾淨代碼,輕量級的插件。

SEO排行中有個很大的占比,就是網站速度。

根據調查指出,40%的消費者在網站Loading超過3秒後就會跳出頁面;而只要多一秒的Loading時間,使用者滿意度就會減少16% 。

想一想,你花了三天三夜的時間寫文章,你自信滿滿的比較了所有的競爭對手的優劣勢,把你產品的好處,客戶故事等等都囊括在內。

但是很抱歉,由於你選擇了錯誤的方式搭建網站,網頁讀取跟龜速一樣爬,有半數的客戶看都不會想看,這是很殘酷的。

所以速度應該要是我們的優先考量,不管是主機,主題,插件等等都圍繞”速度”這個主題 。

通常圖片很多或是網站受眾不只是一個國家,可以使用CDN

7.安裝並配置Astra輕量級代碼主題-網站的外觀

1)什麼是主題?

主題就是能讓你更改wordPress的外觀,通常也稱為版型,每個WordPress網站,都需要一個默認的WordPress“主題”。

簡單來說,如果以人來比喻的話,主題就是骨骼架構,他構成你網站的主幹骨。

2)那麼主題要怎麼挑選?

好消息是,WordPress有上千個主題(免費或付費)供你挑選。

壞消息是,太多啦!這千百種選擇到底要怎麼挑選?

這邊挑選的思路是:

1.輕量級

如果你真的想讓人們,能輕易的在網路上搜索你的內容。

在SEO評分中,有一項很大的占比,就是你網站的速度。

使用輕量級的代碼,可以保證網站的加載速度。

對於本課程,我們將使用Astra主題。我喜歡Astra,因為它重量輕,只有50kb的代碼,可以在0.5秒內就加載你的網站。

2.能與頁面編輯器搭配使用

頁面編輯器是可以自定編輯外觀的插件,隨意調配版型區塊組件等等。

在Astra中,他是少數專為頁面編輯器,而製作的主題。讓你能夠關閉頁面標題和側邊欄,創建具有完全設計自由度的全寬頁面,並且與任何頁面編輯器無縫集成。

3.評價良好

國外教做網站的大神都一致推薦

3)Astra和其他主題相比有什麼好處?

相比於市面上很多人使用的,Divi/Avada主題,他們也是專為頁面編輯器所製作的主題。

他們的核心差距是,Divi/Avada主題太沉重了。他們包含了一大堆你可能用不到的內容,集結在一起。

在速度方面,你可能需要5-7秒才能加載完你的網站。

4)主題核心思路

你可以把主題想像成”相框”,頁面編輯器是”畫布”,使用頁面編輯器來創建內容,保持一切快速與輕便。

有出現安裝設定的問題,有90%可能都是檔案沒更新的問題

素材請到這雲端下載

檔案會有3個,其中要安裝在主題:

  • astra.2.1.2.zip
  • domyweb (1).zip

要安裝在插件區:

astra-addon-plugin-2.1.2.zip

8.安裝並配置Elementor頁面編輯器-自訂版面規劃

1)頁面編輯器是什麼?

頁面編輯器是WordPress近年來很流行的一種插件,它可以取代簡陋的文字編輯器,自訂版面再輔以多樣化的元素組件。

簡單來說,以人舉例的話:你可以自己編輯,你的臉要長什麼樣子,眼睛長哪,鼻子長哪,甚至需不需要嘴巴等等,都可以自己決定。

2)為什麼要使用頁面編輯器?

使用頁面編輯器有幾個好處:

1.可以真正實現客製化製作

不會受主題的影響,能自訂欄位和想要的頁面配置。

一般來說,只使用傳統文字編輯器的話,外觀受主題影響,哪裡可以放內容,都固定,而你只能編輯文字內容。

另外,你還可以完全控制桌面設備,移動設備和平板電腦用戶顯示的內容。您可以直接從後端編輯器微調每個設備的觀看體驗。 

2.能快速製作網站

頁面編輯器通常都會提供大量的模板可以套用,你可以在短短幾分鐘內製作一個完整專業的網站,這是以前想都無法想像的事。

3.功能眾多

不光是有影片圖片,社交圖是,評分,價目表,倒數計時,表格等等功能,你甚至還可以添加動畫。

這樣你就不需要額外下載幾十個插件了。

3)要怎麼挑選頁面編輯器?

在這教程中,我們使用Elementor頁面編輯器。

我挑選的思路:

1.速度

Elementor的免費版本中,已經有超過一百萬用戶下載,並且提供給他們完善的用戶反饋。

所以他是走在技術的前延, Elementor是一個靈活的頁面構建器,它在您的瀏覽器上運行得非常快。

Elementor有乾淨的代碼,工作很流暢。

相比於Divi,Elementor在編輯上的體驗真的流暢不少,並且對電腦性能要求不高。不會像Divi,在編輯長篇頁面時,常常會給我很Lag的感受。

2.版型

在Elementor中本身有上百個預設的版型可使用,並且有大量提供免費版型服務的網站,甚至你想要的話,也有很多漂亮付費的版型可購買。

例如在Astra主題上,有Astra Starter插件,裏頭有數十個完整且漂亮的一整套版型可下載。

並且在Elementor是少數把整個網站結構,拆分出來的頁面編輯器。

這意味著;你可以分別編輯,頁眉,頁尾/單篇文章//頁面版型/部落格/甚至你的商店樣式和商品樣式。

簡單來說以人為舉例:他是把你的手/腳/臉/身體軀幹,等等的部件都拆分開來,你可以自己編輯。

這給了你最大的自主權,想一想,你可以擁有200公分高的NBA強壯身材,但是卻同時擁有湯姆克魯斯明星的面孔,這是不是很讓人興奮阿。一切你都可以自行編輯。

3.功能

Elementor Pro有超過80幾種設計元素可使用,這代表著你不用再另外安裝幾十種外掛插件了。

當你只安裝必要插件,插件越少網站越穩定,不會彼此衝突速度也越快。

4)Elementor Pro的費用是多少?

Elementor僅需49美元(一次性費用)包括一年的支持和更新。

如果你想在第一年後繼續獲得支持和更新(可選)則每年的成本僅為37美元(49美元中的25%)。

使用Elementor Pro,你可以獲得更多功能,額外的預製內容以及對插件的快速支持。

5)本課程需要Elementor Pro嗎?

在這堂課程中你會需要使用PRO版,來設計整個網站。

這樣才能設計頁眉,頁腳,博客文章,購物車,以及聯繫表單,專業小部件等等的功能。

6)如果沒有續訂,我的網站會發生什麼?

你的網站仍然看起來一樣,功能相同。

但是,如果不續訂,則不會再收到插件的更新,也無法訪問官方的版型。

通常,建議你每年繼續續訂許可。

下載完一般的elementor後,需要再安裝elementor pro到插件區中,才能使用Elementor pro的功能

Elementor不提供序號,如果想要更新需要自行購買

有出現安裝設定的問題,有90%可能都是檔案沒更新的問題

素材請到這雲端下載

9.使用Cloudways備份和還原-減少出錯風險

1)什麼是備份和還原?

備份與還原就是像玩遊戲一樣,在打魔王前先把紀錄備份起來,如果不小心掛掉,就可以馬上還原再來一次。

WordPress需要時常備份,因為不知道什麼時候會遇到技術性問題而導致網站當機。或不小心做出了什麼錯誤的更改,像是不小心刪掉重要的文章等等。

而在Cloudways的方案中,就有免費每日備份服務。

10.使用Wordfence Security安全防火牆-添加保護機制

WordPress 是近幾年來最熱門的架站軟體,但也因為這樣引起了駭客的關注。

就像是大家都把錢存在銀行,那小偷要搶劫,就會去找銀行,是一樣的道理。

那麼銀行就會找保安來增加防護。

同樣的,我們也要幫 WordPress 安裝保護機制的外掛,避免有人串改我們的文件,或是從後台入侵。

11.尋找Cloudways客服,解決技術性問題-使用Ticket

1)為什麼需要使用客服支持?

雖然備份與還原可以解決大約八成的技術性問題。

但是,你還是有可能遇到你毫無頭緒的狀況發生。這時候就要請教主機客服。

在你提交問題描述後,通常等待1-2天,就會給你專業回復。

建議描述要具體並且附上出問題的網址。

12.搬遷網站-使用Cloudways插件,完整備份網站

如果你的網站不是使用Cloudways主機,那會需要搬遷網站。

搬好後的網站,會需要重新指定DNS,並且設定SSL,可以參考章節4單元4

Hosting Checker

可以先使用Cloudways插件,如果自己真的搬不起來,會出現錯誤,那就可以聯絡Cloudways客服,打開一個新的Ticket,叫他們幫你處理。

二.設計你的網站

1.製作之前要知道的事,這堂課只能帶你入門-按造自己喜歡的方式修改

2.LaunchParty模板-在使用前要先看這一篇

由於LaunchParty的模板暫停服務,所以下載和查看版型請到我的雲端和網站上。

後面影面有提到LaunchParty的,都請到我網站

3.下載導入模板,加速製作時間-呈現一致性的美觀

1)為什麼要下載Elementor模板?

因為使用現有模板好處:

1.可以加速製作時間。

套用模板後,通常只要更改圖文就可使用。
並且模板通常都已經針對手機/平板等響應式平台,調整好大小邊距了。

2.一致性

模板通常都是有主題性的,會有一致性的美觀。

2)為什麼選擇LaunchParty模板

因為他有3個特色:

1.因為lauchParty模板免費下載,且可以用於個人或是商業項目。 (可以使用模板來設計客戶的網站)。 

2.他總共有250多個模板。每個模板都包含白色背景和深色背景。並且可以使用他的預覽頁面,瀏覽所有模板塊。這樣你就可以直觀地規劃頁面。

3.他的模板有針對響應式做優化,不管在手機/平板看起來都很棒,有驚人的主題一致性。

可以先開啟截圖,挑順眼的顏色,挑一個下載就行了。

另外,要下載LP-Template-previews,可以看到哪個版型是長什麼樣子

平面設計延伸閱讀:

4.添加顏色代碼,節省時間-呈現一致性顏色

1)為什麼要添加默認顏色?

因為將最常用的顏色添加到Elementor和Astra將為你節省大量的時間來設計你的網站。這樣就不必記住顏色方案的確切顏色代碼,並且可以確保在整個網站的設計中使用一致的顏色。

為了幫助你了解要添加的顏色,LaunchParty創建了一個名為LP-SETTINGS-colors的特殊模板(可在Elementor Library中找到)!此模板列出了特定顏色方案的所有顏色代碼。

延伸閱讀:

在Elementor中,由於他有經過一次改板了,顏色位置改成在編輯器內部調整。

詳情看這:https://youtu.be/ZLB69BminVw

5.變更默認字體,使用思源雲端字體-增加閱讀體驗

1)為什麼要變更字型呢?

因為網頁上預設的中文字體是新細明體,在網頁呈現上並不美觀 。

會改為用思源字體,他是一種適合閱讀的字體,在各種類型的網站中都能美觀的呈現。

2)為什麼要使用雲端字體?

要注意的是相比於英文只有26個字母,看到喜歡的字體可以直接上傳到網站上。

中文是象形字,字體包大小動輒8-9MB,如果想採用像英文字體的方式,那網站加載會變得非常慢 。

所以中文字體只能使用雲端字體,好消息是astra有內置google的雲端字體,可以在上面找到思源字體。

延伸閱讀:

6.網站架構規劃,網頁的權重比-讓Google理解你的頁面邏輯

1)為什麼要規劃網站架構?

要讓google了解你的網站權重,知道哪些網頁比其他網頁重要

通常會是越多連結的網頁越重要。

所以像是首頁,你網站最重要的部分,幾乎全部的頁面連結都會指向他。

2)頁面的架構會分級別

比如說,第一層級別: 就是你的首頁

第二層級別: 就是部落格,關於頁面,聯絡頁面,商店頁面,目錄作品集等等

第三層級別: 作品集下的作品們,或是商店頁面下的商品們。

另外還有一種獨立於架構外的,是landing page著陸頁,它裡面的連結只會有一個,就是指引購買或註冊。

7.創建首頁,形象展示-網站的門面

1)為什麼要創建靜態主頁呢?

WordPress上預設的首頁是最新文章,這很適合部落客等內容製造者。

但是對於很多中小企業來說,比較需要形象首頁,來展示出他們的服務項目以及合作夥伴等等。

2)了解人視線的移動方向

他是呈現Z字形分布的,也就是說先從左讀到右,再往下換下一行,然後繼續從左讀到右。

所以我們重要的元素,像是行動呼籲按鈕,要放在視線路徑的焦點上。

3)網站訊息要簡潔清楚

在觀眾瀏覽網站時,能立刻回答3個問題:

  • 你的產品是什麼?
  • 如何讓他們的生活更好?
  • 他們要付出什麼代價才能買到他?

這稱為秒答測試,想像你的觀眾是原始人,你需要確保你網站上的內容沒有專業術語,讓她們幾乎不用花什麼能量,就能了解這個課程的好處。

所以你需要把你的字數,資訊縮減,能用圖片代替的就用圖片。維持簡潔,減少雜亂選項可以提升轉化率。

最後,你的行動呼籲需要重複出現提醒,不斷的出現,來喚醒她的注意力。

套用先前製作的英雄之旅故事框架,來引導顧客走向成交。

不想用英雄之旅架構的話,首頁也可以採用這個架構:

https://marketingexamples.com/conversion/landing-page-guide

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

關於行銷腳本,建議學生先完成【故事行銷7步驟:讓行銷訊息像故事一樣,傳播進人心】作業,將更能夠有效的吸收課程知識喔!

%E8%83%96%E5%B0%8F%E7%BE%8E%E6%95%85%E4%BA%8B%E8%A1%8C%E9%8A%B7

PDF下載: 故事行銷

影片教學是提供示範,你不用照著做,可以按照你喜歡的步調來,發揮你的想像力,不用都跟課程一樣。

連結:

免費圖示網站nounproject

首頁主圖製作,可參考章節11的單元8

延伸閱讀:

https://www.uisdc.com/8-methods-make-design-elegant

靈感參考:

優化的方向可以為:盡量用影片和圖片替換掉文字。

單純以元素來講的話,我會喜歡教材上面的這種風格。

簡單的,文字不用太多,搭配圖片

8.創建關於頁面,展示公司理念-讓訪客了解你的服務

1)為什麼要創建關於頁面呢?

在關於頁面上能集中展示:

  • 你是誰?公司理念
  • 公司發展的時間線
  • 你提供哪些服務?
  • 以及你有那些合作夥伴等

這可以讓第一次來的訪客快速地了解你提供的服務是不是他所需要的。

不過有一點很重要的是,雖然這叫做關於我們頁面。

但是你的內容的重點,卻不是提及到你自己。

也就是說,不要寫一堆你的公司是從爺爺代就流傳給你,100年歷史等等。

訪客是沒有興趣的,他們只會在意自己。

要有讀者思維,你所寫的要跟他們有所關聯。你可以寫說你創業的動機是什麼?你有什麼理念,為什麼會從事這個行業

你以前也是跟他們一樣遭遇了同樣的痛苦,現在改善了,所以想把這解決方法推廣,幫助他們。

關於我們頁面的內容,要以讀者思維的角度去做發想

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

9.創建聯繫頁面,讓顧客能跟你對話-提供聯絡表單

1)為什麼要創建聯繫頁面呢?

在聯繫頁面上能擺上公司資訊,快速的讓客戶跟你對話。

像是電話/營業時間/地址/FB youtube等等社群連結,但最重要的還是連絡表單。

2)提供聯繫表單有什麼好處呢?

可以提供一種方式,讓對你產品或服務有興趣的顧客跟你進一步連絡的方法,或是業界合作等等。

基本上想點擊聯絡我們頁面的,顧客通常都是有少許疑問,想要更進一步解惑的。

所以也可以擺放簡單的FAQ回答常見的問題。或是幫助你做問卷調查,持續優化服務。

3)聯絡頁面有什麼設計方向呢?

建議聯絡頁面擺上基本的聯絡相關信息就好,保持簡約高效。過多的內容反而會轉移客戶的注意力,流失潛在客戶。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

10.創建主菜單,顯示在頁眉的選單-網站中比較重要的頁面板塊

1)什麼是主選單?

此菜單是用戶用於瀏覽您網站的內容。會顯示在頁眉上。

應顯示哪些頁面和帖子。

2)為什麼要創建主選單?

就是先把一些比較重要的頁面,歸類出來,方便訪客查看。

11.創建404錯誤頁面,查無此頁面-告知使用者和爬蟲網址已失效

1)什麼是404頁面?

404 頁面,即查無此頁面。簡單說就是網址失效!

清楚告訴使用者與爬蟲這個 url 已經失效

2)為什麼要創建404頁面呢?

訪問錯誤頁面不一定是愉快的用戶體驗。

這就是為什麼現在很多設計師花費了一點額外的時間和精力,來創造404頁面的創意。

這樣做有助於減輕用戶的挫敗感並顯示對細節的關注。

3)建立404頁面的建議:

  • 1.確認404頁面與您的網站版型風格相同。
  • 2.告知訪客找不到的頁面的原因,網頁已被移除or無效的網址
  • 3.添加首頁連結讓訪問失敗的顧客還能返回首頁,而不是直接按叉叉離開。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

p.s.由於404頁面是屬於elementor pro的功能,會需要購買elementor pro才能使用,可以點此下載

12.創建頁眉,標誌和主選單顯示-位於網站最上方

1)什麼是頁眉?

頁眉就是位於網頁最上方,通常會顯示:

  • 主選單
  • 網站Logo
  • 查詢標記
  • 社群圖示等等

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

13.創建頁腳,標誌和主選單顯示-位於網站最下方

1)什麼是頁腳?

頁腳就是位於網頁最下方,通常會顯示:

  • 主選單
  • 網站Logo
  • 版權宣告
  • 行動呼籲(填寫Email)
  • 社群圖示等等

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

14.創建網站標誌,Logo和網站圖示-代表企業品牌精神

1)什麼是網站標誌?

網站標誌有兩種,一種是你的Logo,通常放在頁眉或頁腳。另一種是網站圖示,會顯示在瀏覽器的頁籤或書籤欄中。

2)為什麼要創建網站標誌?

Logo 代表了公司對外的企業品牌精神! 有標誌性的Logo可以讓人一看到就聯想到你的品牌。

3)使用Ucraft來創建

Ucraft是免費的網站標誌創建器。這個易於使用的在線工具使得創建LOGO非常容易,即使對於之前從未設計過徽標的完整初學者也是如此。

另外他可以下載成透明的png檔案。

連結:

Ucraft網址連結

延伸閱讀:

15.一頁式網站,網站濃縮單頁-適合精簡內容

1)為什麼要做一頁式網站?

一頁式網站是種內容精簡的網站。

適用於不想要花時間更新維護的網站,很適合新品或是新活動發布或是簡單的形象網站等等。

好處是方便製作與維護,並且有大量視覺元素,使用者體驗高。

如果你的網站類型屬於產品型錄、作品集、案例實績、活動宣傳或簡易型的形象網站,使用單頁式網頁設計來製作網站,管理方便、經濟效益高。

2)一頁式網站有什麼優點呢?

1. 製作簡單方便維護

相對於要完整規劃的網站,一頁式網站只有一頁。

由於只有一頁,所以不會包含部落格等等的內容行銷,不需要後續花費大量時間做維護更新。

2. 符合使用者體驗

現今使用智慧型裝置上網的比例已經超過電腦,使用者慣性會用“滑”來瀏覽訊息,一頁式網站正好符合這個趨勢,一路滑到底的便利,又不會遺漏任何資訊,所有內容都在一頁上,可以省去使用者搜索時間!

這樣的設計也有利於分享網站

3. 節省網路空間

一頁式網站不會占用到太多的網路空間,可以快速載入網站降低使用者的等待時間,也因此常常會用來建置成活動網站、短期賽事等等用途。

3)一頁式網站有什麼缺點呢?

1.  SEO(搜尋引擎)的排名不高

因為搜尋引擎會依照網站的內容豐富程度,由於缺少部落格,
一頁式網頁的內容豐富程度,就會沒有一般網站提供的訊息來的豐富多元,
因為一頁式網頁訴求的就是精簡、準確地傳遞訊息,
這影響到的,就是網站流量不高,所以建議一頁式網站用於新品或活動發表就好,不要取代主網站。

2. 難以分析網站的使用者行為

因為就只有一頁,所以網站裡面的使用者行為我們難以分析,沒有辦法知道哪一些文章的觀看體驗比較好,使用GA (Google Analytics) 分析的話,只會看到跳出率100%,無法成為可參考的數據。

3. 網頁不夠吸引人

由於內容少,使者者不會在上面得到太多有用的訊息。

導致黏著度很低,不會讓顧客有慾望加入書籤反覆瀏覽網站。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

三.部落格規劃

1.思維導圖,規劃內容大局-創造性思考產生想法

1)為什麼要做思維導圖?

思維導圖是一種模擬腦中思考方式的樹狀形結構。他是發散狀的,通過互相關聯的關係,而延伸出去。

從中心思想,發散思考出大主題,在根據大主題往下發散出更多次要主題。

透過這種方式,可以在你想法跑出的瞬間,通過聯想關係,給他歸類

Google在本質上是提供給人查找資料的一個平台。怎麼讓人能更方便快速的找到資料是他在追尋的目標。

所以他的演算法更動的方向,會是模擬人的大腦,獲取資料的模式。

事實上,Google在近年來的SEO策略中,由於科技進步,高級的演算法更擅長理解與詞義相關的概念,很多相似的關鍵字,其實是同一個意思。

比如,FB貼文,Facebook貼文,臉書貼文。

這樣的相似關鍵字,其實在Google看來是同一個意思。

造成了,如果妳網站存在很多相似意思的關鍵字,那麼這些文章很有可能會互相衝突排名。

Google希望對用戶提供具有權威性和值得信賴的內容,也就是圍繞主題創建有用而準確的內容,而不是一次性針對特定關鍵字。

在製作內容前,要先有全局思維,也就是你這網站的主題,到底要包含哪些內容,是你的顧客會有興趣想知道,也是你需要去花時間研究來選寫的。

透過心智圖來聯想主題,用主題架構的策略來選寫妳的文章。

2)什麼是主題群呢?

主題集群是一組相互鏈接的網頁。它們圍繞著一個針對廣泛主題的支柱性內容構建,並鏈接到多個相關但關注範圍更窄的頁面。

看起來複雜嗎?

其實就是我們在一開始提到的思維導圖,心智圖。

先決定一個妳的大目標,比如是健身,當作是妳網站的支柱型的文章。

接下來,從健身下面延伸出來的次要關鍵字,就是飲食,運動,生活作息等等。

每個次要的關鍵字都各寫一篇文章,同時次要關鍵字都可以藉由連結回到主題上,而支柱型主題中的內容也要有連結,連到這些文章中。

簡單來說健身那篇的文章,裡頭的內容要包含健身,飲食,生活作息等延伸的關鍵字,同時提到該部分時,給出個內部連結,連結到那篇文章中。

此外,在妳的小主題,飲食,運動,生活作息等的文章,都各自延伸出不同,但更小的主題。

比如,運動的文章,又可以延伸出練腿,練胸,練背等等,各一篇文章。

所以現在做SEO的策略,已經不是鎖定單一的關鍵字,或是長尾關鍵字。

您需要專注於全局(這意味著思考主題)。

這種方法的好處也很多:

如果您有大量與訪問者的興趣相關的內容,它們將很可能會留下來。

他原本只因為一個關鍵字看到一篇,反而被類似內容吸引,而停不下來。

想練腿,然後又看到練胸,又看到練背等等。

另外,當一則文章表現出色時,每個相互鏈接的頁面也會表現更好。圍繞主題創建內容可以提高網站上已經存在的其他類似內容的搜索排名。

也就是一篇爆款文,可以帶動其他文章的排名一起上升。

延伸閱讀:

主題群架構(Topic Cluster)

連結:

Xmind Zen網站

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

2.SEO策略,讓文章排在第一頁-外部因素/內部因素

1)Seo是什麼?

SEO(Search Engine Optimization),稱為搜尋引擎最佳化。

也就是想辦法讓你的網站文章頁面等,在消費者搜尋關鍵字時,排在Google的第一頁,甚至是第一個的一種策略方式。

首先,既然Google是制定規則的人,那你就要了解一下Google的思維方式,Google這間公司希望每個人在有疑問時,都能在上面找到解答,找到完整可信的資訊。

所以他們喜歡你在找答案時,可以在一開始就找到,不用還要開一堆分頁,東找西找得,他們偏愛於一個網頁裡有問題的全部解答,偏愛於長文章。

再來,當你在第一個頁面找到文章時,你在裡面看到了問題的完整延伸資訊,很詳細,這還不夠,Google會想要確保你看到的這篇文章是可信任的。

所以如果在文章中有穿插各種內部連結和外部連結的資料佐證,甚至是很多人引用你的資訊,所形成的反向連結,都會是Google作為你文章可信度的參考標準。

你可以簡單的把SEO想像成英雄排行榜,一個榜單上有各種不同的英雄,上面有那些英雄的資訊,知名度越高的英雄排行越上面。

那麼,現在想像如果你有任務想找英雄做委託的話,那你會想找怎樣的英雄呢?

首先,你可能會依照你的任務需求,你只是想清除附近公園裡的哥布林,想要找快速消滅哥布林的方法,你就不會想找那些屠龍等級的國家級英雄,因為術業有專攻,他們掌握的都是威力強大的大範圍攻擊技能,並且可能收費太貴也不適合。

所以用”清除怪物”這個大範圍的關鍵字,會搜尋到什麼怪物都能消滅的當代最強勇者工作室。

然後用”清除人形怪物”來搜尋,因為人形怪物可能也包括巨人,食人魔,狼人等等,這些強大的魔物,有能力消滅牠們的工作室也是很貴很強大的。

最後你使用”清除哥布林”這個明確的關鍵字來搜尋,搜尋出來的,就是對這塊有專攻,專門幫別人解決哥布林的工作室。

這在SEO裡,就是長尾關鍵字,透過較長的關鍵字,雖然流量少,但是可以鎖定有明確動機的消費者。

那麼接下來,你會想知道他是不是這行業的專家,能不能解決你的煩惱,你就會看看他的英雄資訊裡,他們到底是怎麼消滅哥布林的,有沒有相關研究資訊等。

像是消滅哥布林有哪幾種方法?有沒有販賣哥布林陷阱,陷阱的製作原理又是什麼?

他們的內容是很嚴謹的,有多方考證,引經據典的,還是就只是自己幻想出來的解決方法。

這在SEO裡,如果是有引用不同的文章,連結到內部的其他文章,就叫內部連結,而連結到其他網站資訊的文章,就叫外部連結。

再來,你會看看他做過哪些案子,有沒有人推薦,最好是大企業知名公司,像是獵人公會的官方推薦等等。

這在SEO裡,如果是外部他人的文章,連結到你的文章裡,引用你的資訊,就叫反向連結,反向連結在SEO的評分裡也占比最高。

因為這代表了他人對你資訊可信度的認可,不然也不會在自己的文章中,引用你的資訊,放上你的連結。

像是如果你會打籃球的話,你說我認識林書豪,但這在SEO裡佔的評分比很小,因為難度很低,全世界超過1億的人口都可以說我認識林書豪。

而反向連結,就是你家旁邊公園的老頭說你球打得很好,可以把他們電得哇哇叫,嗯,他人的佐證似乎稍微可以證明你有點籃球實力。

但如果林書豪在採訪中說你的籃球很強,經常教訓他之類的,那你就要紅了,一定會有數以萬人開始用google搜尋到底是哪個華人可以把書豪電得哇哇叫。

由這例子可以知道,就算是反向連接,公園阿伯和林書豪這兩者得力度是不一樣的。從信譽良好的網站,像市政府企業,國家單位,或是大公司等信譽良好的網站分享你的文章,放上你的網址,會讓你在SEO上加很多分。

2)SEO優化裡內部因素

1.文章本身的內容度

是不是長文案,能不能在一篇文章中就回答了讀者的問題?

Google偏愛2000字以上的長文案。

你的文章內容架構是不是容易閱讀?有分成段落架構,還是字都擠在一起。

你的文章是不是可信?有沒有來自你其他篇文章的內部連結,還是其他網站的外部連結來源?

其實有一個很簡單的方法,可以讓你衝到第一頁,甚至是第一個。

這個策略被稱為【10倍理論】。

就是妳先在google用關鍵字查找,看看是誰在第一個,然後妳要製作出這篇文章10倍以上價值的內容來。

他的文章是2000字,那妳就寫出20000萬字的文章來。

Google是服務於想要找到解決方法的人群,所以越能在一篇文章中看到更詳細的資料,這篇文章就越有價值。

2.速度

網站開啟的速度,這牽扯到了你的主機,主題,頁面編輯器,快取,以及圖片等等。

在圖片的應用上我舉個例子,大部分電腦的解析度畫面,是1920*1080,更別說手機的寬度只有980像素。

所以要端看你圖片在瀏覽器的版面,比如你的圖片只占整個電腦螢幕的一半,最多只要1920/2=960寬的像素就行,甚至更少。

所以你的圖片寬的像素高於1920就沒有意義,是無效的浪費。

3)SEO優化裡外部因素

就只有一個,就是反向連結,有哪些網站是連接到你的網站的。

所以這部分需要你文章寫完後,一封一封用郵件去投稿客座網站,請他們引用你的文章連結。

圖片大小的應用:

16x9 template

對於部落格來說,在部落格中的文章,圖片的寬度只要有795像素就很夠用了

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

3.安裝SEO插件,幫助分析網站-協助優化內容

1)為什麼要安裝SEO插件呢?

因為它可以自動幫你提交站點地圖給google,並且提供完善對策,協助你貼文進行優化。

2)為什麼使用RankMath來當作我們的SEO插件?

國外有很多大神推薦這款rankMath來代替Yoast SEO,主要有幾點考量

第一個是免費的,但是他免費方案中所包含的內容,就幾乎有yoast PRO的全部功能。

第二個是速度飛快,代碼量很輕,與YOAST不同,不會減慢你的網站速度。並且有模塊化的框架,你可以只啟動你想要的內容,把其他的關閉。

第三個是他能協助你貼文做優化,他除了有簡潔的用戶介面,指南式的告訴你怎麼改善你的單篇貼文。

他還可以根據關鍵字比較,列出你關鍵字基於時間軸的排名變化。

最後,它可以幫你網站做出全站的SEO分析,協助你做出整體規劃的優化。

由於課程有換成Cloudways主機,改 txt record 會到NameCheap上改,不是到Siteground上改

連結:

Google console

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

4.有架構思維的文章,幫助閱讀-方便日後增添內容

1)為什麼文章要有架構思維?

便於閱讀。

人的大腦一次性接收信息的量是有限的,而大腦又有自動將某些具有共同特點的事物進行歸類和重組的能力。

換句話說,一個分類裡,相近的事物會更容易理解一些。

而你的文章有架構,他讀起來就更為容易。

2)使用金字塔結構圖

結構化的思維是一種從無序到有序的過程。

總共有3個元素: 結論,理由,事實

在最上方是信息的結論,中層是支持結論的理由,下層是支持理由的事實。

以一個簡單的例子:

上方結論是蘇格拉底一定會死,中間理由是蘇格拉底是人,下方事實數據是,所有人都會死。

妳在收集資料做思考時,是從下往上,事實數據開始推論理由和結論。

等到架構擬清後,給別人看的文章是反過來,結論要先寫。

3)不管是事實,還是結論,在分類時要遵循MECE法則

意思是相互獨立,完全窮盡。

簡單來說,各個要素之間要保證不能有交叉,也不能有遺漏。

例如把人分為男人和女人,就符合MECE法則,因為從人的生理結構上來說,除了男人就是女人。

但如果把人分為男人和未婚女人,因為沒有窮盡,把已婚女人給遺漏了。

把人分為男人和已婚人士,又出現了重複,因為男人裡頭有已婚的,已婚的裡頭有男人。

4)在文章的架構中是論證類比

有結構的表達就是以結論為開頭,層層論證結論,最後再強化結論的過程。

頂層是總結論,然後支撐結論的要點要層層下分,直到客觀事實和數據為止。

橫向上,每一組要點都要有一定的規律和分類,彼此也是有邏輯關係的。

  • 第一個原則,論,也就是結論先行,一次表達只支持一個思想,最好能出現在開頭。
  • 第二個原則,證,就是以上統下,說的是任何一個層級的要點都必須是她下一個層級要點的總結概括,直到最後一個層級是客觀事實或數據為止。
  • 第三個原則,類,也就是歸類分組,按造MECE法則,窮盡無遺漏。
  • 第四個原則,比,也就是邏輯迭進,所有要點要按造邏輯順序進行排列。

有架構的文章,也方便日後增添新內容。

部落格文章是長青的內容,妳可以隨著時間的推移慢慢豐富優化內容。

當你有什麼新的想法想要補充,可以很容易的根據分類規劃裡,找到位置新增進去。

連結:

Xmind Zen網站

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

5.發布第一篇文章,學習怎麼優化貼文-提高SEO

為什麼要優化貼文呢?

就是為了要提高SEO,讓真人和GOOGLE的爬蟲都好閱讀。

優化的步驟會有幾點:

1)結構化的文章

你的文章使用的H1主標題只能有1個,通常是標題。

H2是重要分類,H3是根據H2敘述下的子分類。

H4之後的標題就沒關係。

標題對於GOOGLE的爬蟲來講,就代表你這篇文章不同的權重,讓他知道哪一些資料是重要的。

重要性H1>H2>H3>之後的。

2)優化圖片,影片

文章裡面,除了文字外,圖片和影音都需要經過優化。

在影音的部份,不要上傳到自己的網站上,最好是上傳到Youtube和Vimeo等平台上,再用串接的方式放在網站上,這樣當訪客在觀看影片時,才不會增加網站的負擔。

圖片部分,除了圖片的像素大小外,還要利用Tinyjpg等網站來進一步壓縮圖片的檔案。

3)敘述語

敘述語你可以想像成是網站的門面,如果比喻成實體店面,就是外觀的招牌布置,是吸引顧客要步要進入的一大關鍵。

不管你的菜色有多好吃,如果訪客看到餐廳門面卻沒進來慾望,整篇文章就是白做工。

所以敘述語的選寫是非常重要的,也是你的文章能不能排在第一頁的關鍵。

建議是關鍵字要擺在前面,然後要明確的指出,為什麼值得訪客花時間看這篇文章,像是看完後她可以學到什麼?

RankMath分數達到100分指南:

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

6.單篇文章版型,設置全局設定-文章風格一致化

1)什麼是文章版型?

Elementor為博客文章提供了一個名為“單一”模板的特殊模板。這將允許您為所有博客帖子設置全局設計。

2)創建文章版型有什麼好處?

你可以統一文章版面,讓文章有一致性。每一篇文章都可以包含相同的元素。

例如你可以添加:特色圖片/社群連結分享按鈕/作者資訊/行動呼籲CTA/相關文章等等。

這會使設計風格一致。

3)為什麼要使用行動呼籲模板呢?

網站上講求的是轉換率。

每篇博文都應該引導用戶執行特定操作(號召性用語)。

行動呼籲的一些示例:可能是註冊您的電子郵件列表,填寫表單,下載文件,聯絡我們等。

匯入前要注意一定要打開Rankmath的麵包屑功能。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

p.s.如果匯入版型造成崩壞的話,會需要購買elementor pro,可以點此下載

文章版型:elementor-12488-2019-10-22

可以根據自己需要做版型顏色等調整

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

7.設計部落格版型,文章/搜索欄-方便訪客查看過往文章

1)什麼是部落格頁面?

部落格頁面是訪客查看過去發布的所有文章(博客文章)的簡便方法。

通常會是特定網址 ,例如/ blog /。

會包含:

  • 最新文章
  • 搜索欄等等

2)什麼是搜索結果頁面?

搜索結果頁面就是當訪客在搜索框輸入關鍵字搜索時,會出現的頁面。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

LaunchParty版查看

LaunchParty版型下載

p.s.由如果匯入版型造成崩壞的話,會需要購買elementor pro,可以點此下載

部落格版型:elementor-12440-2019-10-22

可以根據自己需要做版型顏色等調整

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

8.為文章加上目錄,快速找到資料-針對標題自動設定目錄節點

1)為什麼要安裝目錄插件呢?

方便訪客快速找到資料,它可以自動化的根據標題直接生成節點,你就不用一個一個手動去設連結。

有時候訪客並沒有那麼多的時間看你文章,他只是想找關鍵資訊。

所以設立目錄可以節省他的時間,增加他的瀏覽體驗。

影片中的井字,是”#”這個符號。回到目錄的連結,是 #anchor

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

9.文章加上分享按鈕,提高文章曝光度-側邊以及文章上下方

1)為什麼添加分享按鈕?

方便方客可以快速分享貼文。

總共有2個好處:

  1. 增加的用戶訪問量:當用戶通過其社交網絡共享內容時,它會顯示在更多人的面前,這會導致您網站上的用戶訪問量增加。
  2. SEO優化:社交共享可幫助您的網站內容更快地建立索引,並改善有助於貼文SEO的其他因素。

這邊使用的插件是AddToAny Share Buttons plugin,因為她是少數分享按鈕裡有LINE選項的。

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

10.加入瀏覽器推播,提高文章黏著度-通過桌面和手機瀏覽器發送消息

1)為什麼要添加瀏覽器推播?

增加訪客的粘著率

在用戶瀏覽網站時吸引他們;訪客只需單擊一下即可訂閱-無需輸入電子郵件。有研究表明,瀏覽器推播具有電子郵件30倍以上的轉換率。

這樣你在發文時,訂閱者就能馬上收到通知

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

11.使用Happyfiles,整理文章圖片版面-像資料夾一樣操作

1)為什麼使用Happy Files來管理文件?

WordPress上面的資料,像是文章/頁面/照片等等都是散亂開來的,只能按造最新日期來排序

而HappyFile這個插件可以新增資料夾做檔案管理,這對於日後資料開始多起來後會很好用。

檔案連結

檔案放在插件裡,驗證碼放在插件序號裡

更深度全面的SEO課程可在【寫給內容創作者的SEO課,這一次徹底搞懂SEO】報名,會額外贈送Elementor pro】序號+【RankMath pro】序號

四.製作作品集/型錄

1.製作作品集/型錄,新增貼文類型-自訂文章類型/字串

1)怎麼製作作品集/型錄?

要添加新的文章類型。

你會看到貼文的類型中,只有頁面和文章2種。

但是比如你想要添加自己的公司產品型錄,可是型錄你想要自成單位,就是並不是放在文章區,但是又可以用文章的標籤,歸類來管理。

這時候,就要新增新的貼文類型,讓你獨立於文章和頁面的類型

同時,你也需要自定義新的字串。

像是以房地產為例,在你統一新的房子型錄規格後,你會發現你有很多重複的字串。

像是租金,房型,坪數,地點,屋齡,樓層等等。

這些都是統一的規格,每間房子都會有的,你就可以把這些字串獨立出來,這樣你就不用再重複打這些字串。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

五.創建線上商城

1.建立線上商店,使用No.1插件-銷售你的產品服務

1)怎麼建立線上商店?

使用woocommerce商城插件。

WooCommerce是WordPress上最受歡迎的電子商務平台,可將WordPress網站轉換為可定制的電子商務商店。WooCommerce擁有超過4800萬的下載量,佔所有電子商務網站的28%以上。

2)為什麼WooCommerce最適合你?

通過數百種免費和付費擴展,WooCommerce使你可以非常輕鬆地構建和增強你的商店,因此你可以在幾分鐘內開始銷售產品。

2.串接金流服務,綠界科技-信用卡/ATM/超商代收付

1)為什麼要串接金流?

因為woocommerce內建的金流服務是Paypal,但是台灣因為政策關係,台灣帳戶和台灣帳戶無法交易。

所以會使用綠界科技這種第三方的金流來串接。

綠界科技有全方位金流:信用卡、ATM、超商代收付…等完整金流供您使用,申請免費,買家付款完成才需手續費1%起。

連結:

綠界科技網站

3.添加第一件商品,商品類型設定-優化商品SEO

1)為什麼要優化商品SEO?

增加商品曝光度。

你會看到他的SEO設置,幾乎是和文章一樣。就以優化文章的邏輯,來優化商品就行了。

匯入商品的範例:dummy-data

4.創建折價卷,減少決策成本-提高產品吸引力

1)為什麼要創建折價卷?

減少做決定的時間,在線上的交易平台,顧客買不買對你攸關生死存亡的事情,其實對他們來講,決策時間只有19秒。

也就是說,他決定要不要買你的產品,只用19秒就決定答案。

超過時間還無法下決定,很有可能扭頭就走。

不管你是提供優惠,或是贈品,限時搶購,都是為了要減少用戶做決定的成本。

讓他覺得這商品,價值遠遠的高於價格,他就連想都不用想,馬上下單。

有時候用戶認知的價格,跟他的估值可能只差個100元,在那糾結個半天,就只差臨門一腳了。

這時,你一個200元的優惠卷,就是壓倒他下單駱駝的最後一根稻草。

5.創建商城頁面,商品/搜索欄-方便訪客查看商品

1)為什麼要創建商城頁面?

他是商品的集中處,方便顧客快速找到他要的商品。

通常會是特定網址 ,例如/ shop /

會包含商品搜尋,最新商品,熱門商品,價格篩選器等等。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

商城版型:elementor-12506-2019-10-22

可以根據自己需要做版型顏色等調整

p.s.如果匯入版型造成崩壞的話,會需要購買elementor pro,可以點此下載

6.創建商品頁面,設置全局設定-保持商品風格一致性

1)為什麼要創建商品頁面?

為了保持商品樣式一致性。

Elementor為商品頁面提供了單一的特殊模板,這允許你為商品頁面做全局設定。

你可以統一產品頁面的風格,讓每個商品包含相同的元素。

像是你可以附加運費訊息,信任徽章,或是倒數計時的銷售器等等。

在提高轉換綠的同時,也會使設計風格一致。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

商品版型:elementor-12512-2019-10-22

可以根據自己需要做版型顏色等調整

p.s.由於elementor和elementor pro版本相差過大,如果匯入版型造成崩壞的話,會需要購買elementor pro,可以點此下載

7.創建客服系統,回應顧客的疑問-監控顧客的瀏覽行為

1)為什麼要創建客服系統呢?

就是可以立即回應顧客的疑問

常用的有兩種,第一種就是使用Facebook的臉書機器人等等,另外一種就是獨立的 安裝在網站上面的。

安裝在網站上面的話有兩個好處:

第一個好處是 有一些年紀比較大的,他們並沒有在用Facebook,或是他們很多人就是看到要 登陸Facebook然後才能詢問的話 他們會很不爽

第二個好處就是 安裝在網站上的他可以監視顧客的瀏覽行為

就是你可以知道目前他要問問題的時候,他正在觀看哪一個產品,或是他已經看過哪些產品等等

這些如果你使用Facebook機器人的話,你沒辦法看到這些他瀏覽的頁面

連結:

Tawk.to

六.架設銷售漏斗

想要提升轉化率?先學會銷售漏斗

1.創建銷售漏斗,將你的服務分級-讓潛在顧客一步步變成狂熱粉絲

1)為什麼要創建銷售漏斗?

因為第一次就成交的機率很低。

銷售漏斗是一套讓陌生人變成顧客的過程。

因為數量從上到下,會由多至少,很像漏斗的形狀。

銷售漏斗會包含一系列的過程,讓顧客從一開始注意到你的貼文或廣告,到提供電子郵件成為潛在客戶,最後有購買行為成為顧客。

讓顧客對你的產品服務,從冷受眾,暖受眾,到熱受眾,一步步加溫的過程。

但是要建置銷售漏斗前,你得要先去思考,為什麼要建立銷售漏斗?

銷售漏斗之所以要建立,是因為他確實有效。

其實根據研究,只有2%的客戶會在第一次登陸你網站時直接購買,所以,就算有大量人潮進入網站,但也只有2%的轉換率。

可以用粗淺的方式來換算,在Google中排名第一的點擊率為21.2%。

那麼假設搜尋你關鍵字的人流1個月有1萬人。

10000*20%=2000,會有2000人進入你的網站。

2000*2%=40人,會有40人直接購買。

所以,如果你沒有做任何的措施吸引用戶留下資訊,你有98%的目標客戶就會白白流失。

會賺錢的網站,和不會賺錢的網站是天壤之別,你必須要學會檯面下的邏輯原理。

有80%的銷售額,是來自訪客第5-12次的接觸。

所以你需要建立一個確切有效的機制能持續跟潛在客戶接觸。

在這系列的過程中,你會需要使用很多手段,像是為你的產品服務價值分級。

會區分為:

1.免費的磁鐵誘餌。
2.小額付費的小甜頭。
3.核心產品。
4.向上銷售高階服務產品。

搭配的行銷技巧有,分段式打廣告,水滴式行銷,FB BOT,再行銷等。

你可以簡單的想像成,這是一個塔防遊戲,怪物一波一波的來,你沒有在他到達終點前消滅它,你就輸了,顧客就跑掉了。

冷受眾跑得很快,所以你要用磁鐵誘餌,一種對她來說高價值的教學PDF,像是埋陷阱一樣,大範圍的留住他們。

暖受眾就是被陷阱捕捉到的那群人,你可以提供高品質文章,進一步扣他血量,也就是提升你的信任度。

熱受眾就是用攻擊力強大的核心產品砲台去轟炸他。

跑掉的受眾,就用再行銷魔法塔,去把他抓回到先前位置。

所以你會發現,有建設良好銷售漏斗的店家,就很像是一個場地內,擺滿了密密麻麻的砲台,當一波波怪物逼近,都能分工別類的消滅,賺取大筆錢財。

但是一般的店家,只有打廣告,怪物湧進來很多,但是沒有架設有效的炮台,來消滅怪物,讓怪物全部都跑掉。

很大程度下,沒有建造銷售漏斗的店家,只專注於打廣告,會浪費很多錢。

2)注重完成第一個閉環

閉環的意思就是完整的架構,零件都到位了。

可以先用最快速度把銷售漏斗架設完成,簡單粗糙沒關係,目的是先讓他開始運作,來收集反饋。

有了反饋妳才能更新出下一代。

一開始做得很難看或沒有成效是很正常的,但是你的目的是要先完成第一個最小可行性產品,讓他開始運作,以此來快速應證妳的產品和商業模式。

3)客戶旅程階段

在客戶旅程中,有分5個階段,分別是:陌生受眾,訪客,訂閱者,購買者,推廣者

1.陌生受眾:

在陌生顧客階段,如果經由你的媒體媒介的訊息傳播,有點擊進去觀看你的文章或是廣告文案,他就成為了進一步的關係,你的訪客。

由完全不認識你,提升至至少知道你是誰了。

2.訪客:

再來,在訪客階段,你可以經由官網上的行動呼籲按鈕,或是彈跳視窗引導訪客進入到你的誘餌磁鐵頁面,引領他填寫資料,成為訂閱者。

在素材方便你可以靈活運用,除了圖片上的PDF教學或是網路研討會外,你還可以利用測驗等等方式。

3.訂閱者:

成為了訂閱者後,你就已有了他的Email資訊。

當她填寫完誘餌磁鐵頁面後,會跳轉到小甜頭頁面,進行第一次的銷售,這目的是把它從訂閱者提升至購買者階段。

當訂閱者在過程中跳離,也許是因為他心中存有困惑,需要解釋,可是消費者通常是很懶的,他不會主動密你說他不了解的部分。

不過,這時候你不用擔心,因為你已經獲得了他的名單,所以你可以針對疑難雜症,傳播水滴式行銷郵件給他,來打破他對於產品的疑慮。

此外,也可以用再行銷廣告重複曝光。

在這階段中,你也是可以靈活變通。

例如,如果你的公司本身有業務部門,或是客服部門,那麼你在誘餌磁鐵頁面後面,可以用預約頁和諮詢頁取代原本的小甜頭頁面。

這兩種頁面後面再連接感謝頁,用來評估轉換率。

就是讓行銷獲取到顧客名單後,就交接給業務部門進行後續任務。

4.購買者:

當顧客有購買行為後,你可以在他使用完產品後,提出反饋或是評價,進一步升級成推廣者,也就是狂熱粉絲階段。

5.推播者:

在這階段中,你和粉絲已經是很好的朋友了,他不只信任你的產品,也信任你的為人。

你就可以直接傳送銷售訊息的郵件或式廣告進行再行銷行為。

在網路行銷中,你的目的就是慢慢加溫每個階段顧客的關係,帶領他往下一個旅程邁進。

%E7%B6%B2%E8%B7%AF%E8%A1%8C%E9%8A%B7%E5%9C%B0%E5%9C%96

2.銷售漏斗插件,無摩擦的結帳-增加轉換次數實現利潤最大化

1)為什麼要使用銷售漏斗的插件?

因為要實現無摩擦的結帳,傳統的結帳流程太多了。

像是先把流量引導至商品頁-購物車頁面-最後才是結帳頁面-結帳確認後才是感謝頁面,會有4個流程。

而使用插件,可以直接把流量引導進著陸頁,直接在上面付款,付款完後進入感謝頁面,簡化成2個流程而已。

近70%的開始結帳流程的人最終放棄了所有流程。

步驟越少,交易過程越平滑,顧客交易的思考成本下降,就越有可能完成訂單。

使用Cartflow插件所製作出來的頁面可能會使字型跑掉,變成只有新細明體。

建議你可以使用一般頁面來製作著陸頁,在按鈕連結處擺上Cartflow的銷售頁就行了,等於是分兩個頁面。第一個頁面用來介紹產品,第二個Cartflow頁面用來結帳

3.創建誘餌磁鐵,極具價值的資訊-PDF/影片/優惠卷/網路研討會

1)什麼是磁鐵誘餌(Lead Magnet)?

Lead Magnet稱為誘餌磁鐵,會像是磁鐵一樣,把你的顧客吸引過來。

這種誘餌是提供對顧客來說極為具有價值的資訊,可以是pdf指南,影片教學,網路研討會等等。

比如你是個台灣旅遊Blogger,那麼你可以製作一個3-4頁的台南美食懶人包。

藉由這種誘餌,可以用高價值資訊來跟顧客交換它的資料。

這種方式,換在現實生活中就是你想像在發傳單,傳單上有免費試吃活動,那麼就會很容易吸引對這食物有興趣的大批人潮。

可以用最小的阻力,把流量轉化成大量的名單,把訪客轉變為訂閱者。

透過先提供價值的方式,可以將你在這個行業定位成領導者。

使用Cartflow插件所製作出來的頁面可能會使字型跑掉,變成只有新細明體。

建議你可以使用一般頁面來製作著陸頁,在按鈕連結處擺上Cartflow的銷售頁就行了。

連結:

▼Canva,用來製作你的PDF和封面圖片
https://www.canva.com/
Canva是免費使用,可以用Google帳號註冊登入

▼Covervault,下載PDF小甜頭的形象圖
https://covervault.com/

▼Photopea,Photoshop的替代品,用來編輯小甜頭形象圖
https://www.photopea.com/

書籍的封面圖片可以按照他的原比例就好,縮小像素完後,不用使用裁切步驟。

4.創建著陸頁,專門轉化的頁面-帶領顧客前往下一個旅程階段

1)什麼是著陸頁(Landing Page)?

著陸頁是專注於轉化的頁面,獨立於你網站體制的網頁。

著陸頁的構造不同於一般網頁,他不是用來排名的,你很難在Google上(自然排名下)搜尋到著陸頁。

他只有一個唯一的用途,就是轉化,帶領顧客前往下一個行銷旅程階段。

他的目的就是要讓顧客採取你期望的行動,有個專注的目標【行動呼籲】(Call To Action),可以是註冊,購買,報名,預約等等。

讓顧客留下名單資料或是錢。

你可以想像成,著陸頁是專門用來營造一種情境,這種情境可以讓目標專注於行動呼籲。

為了達成這個目的,你就要減少額外的干擾,也就是多餘的連結。

在著陸頁中,最多只會有一個連結,就是你希望他跳往的連結,你可以有不同的按鈕,但是連結的網址必須要是相同的。

所以在著陸頁中,你會需要把頁眉(關於頁面,聯絡頁面等等),以及頁尾,社群連結,參考連結,外部連結,內部連結都拿掉,只留一個行動呼籲的連結。

2)怎麼讓著陸頁曝光?

由於外部連結和內部連結,在SEO裡中有很大的評分比例,所以著陸頁不利於排名。

看到這裡你可能會想,如果不利於排名的話,那我的顧客要怎麼看到呢?

著陸頁通常都是藉由廣告來曝光,像是Google廣告,FB廣告等等,或是藉由你網站中的彈跳視窗中做跳轉。

正因為著陸頁捨棄了多餘的因素,他的轉化率會是一般網頁的5-10倍以上。

3)著陸頁唯一的衡量標準就是轉化率

也就是當有100人湧進你的著陸頁後,有10人點擊了行動呼籲按鈕,前往下一個頁面,那麼轉化率就是10%。

為了要衡量轉化率,你需要製作感謝頁面,當作著陸頁的跳轉頁面。記錄到有多少人到達了感謝頁面,才能估算出轉化率。

使用Cartflow插件所製作出來的頁面可能會使字型跑掉,變成只有新細明體。建議你可以使用一般頁面來製作著陸頁,在按鈕連結處擺上Cartflow的銷售頁就行了。

優化的方向可以為:盡量用影片和圖片替換掉文字。

單純以元素來講的話,我會喜歡下面的這種風格。

the slimmer comp

簡單的,文字不用太多,搭配圖片

讓人填寫表單的著陸頁面還不需要太複雜,可以維持簡單的。

靈感參考:

版面設計可以參考下方:

5.創建小甜頭銷售頁,小額付費的誘餌-最小阻力把訂閱者轉化為顧客

1)什麼是小甜頭(Tripwires)?

TRIPWIRES稱為小甜頭,是一種小額費用的誘餌產品。

這種產品誘餌是提供對顧客來說極具價值的產品,可以是你主要產品的前導部分。

這有點像是試用價格,以小價格的費用讓消費者可以用比較小的代價先體驗你的產品。

像是你如果是賣動輒幾千塊的臉部保養品,那麼你的小甜頭可以設計成99元的面膜3入組這樣。

這是客戶旅程中的一個關鍵階段,也是許多企業主的挫敗。

在這階段中要取得成功是採用所謂的”入門級優惠”,這些優惠的目的是在為你新的潛在顧客提供巨大價值,而不會強迫他們投入過多的金錢。

用白話點說,讓顧客用最小的代價來買你的產品。

這是一個很重要的轉變,讓你的顧客從訂閱者轉變為購買者。

因為你目前和消費者還處於關係的早期階段,在這階段中,不能過早的要求消費者對你複雜的產品服務進行大量的開銷。

事實上,在客戶之旅的這個階段,你可能還要有虧錢的準備,在這過程中是進一步提高顧客對你的信任度,而不是要盈利能力。

2)小甜頭的目的,就是要讓顧客對你說出第一個YES。

如果你有擔任過業務或是看過相關的書籍,你會知道當你營造出認同感,客戶對你說出第一個YES的時候,後續就像開關打開一樣,通行無阻。

這是利用了一致性心理,人有一種驅力促使自己對客體產生一致的認知和行為,當認知失諧時,人們會出現不適感。

所以當他出現第一個同意的時候,後續就越有可能繼續同意。

你有沒有過一個經驗,就是當你有千元大鈔時,你會捨不得花,但是當你買了一個麵包,展開第一次花費時,你心中的那根繩子是不是就鬆開了,就開始越買越多。

以及你在一間網店上購買東西,你很猶豫要不要購買,但是當你購買後,你就會想,反正都買了,那就繼續看看還有沒有什麼需要的要買,就越買越多。

你提供的這個超好康優惠,可以讓顧客在第一時間的心錨中,種下你是物超所值的感覺。

世界上最有價值的企業都明白,最昂貴的營銷活動是客戶的獲取。

透過小甜頭,可以用最小的阻力,把訂閱者轉變為購買者。

通常會製作一個著陸頁來擺放小甜頭,購買完後,就跳轉進入下一頁核心產品頁面。

使用Cartflow插件所製作出來的頁面可能會使字型跑掉,變成只有新細明體。

建議你可以使用一般頁面來製作著陸頁,在按鈕連結處擺上Cartflow的銷售頁就行了。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

關於行銷腳本,建議學生先完成【故事行銷7步驟:讓行銷訊息像故事一樣,傳播進人心】作業,將更能夠有效的吸收課程知識喔!

%E8%83%96%E5%B0%8F%E7%BE%8E%E6%95%85%E4%BA%8B%E8%A1%8C%E9%8A%B7

PDF下載: 故事行銷

靈感參考:

版面設計可以參考下方:

銷售頁最好是能參考群眾募資的部份:

多看一些募資到幾千萬的案例,募資頁面是最需要說服陌生人購買的頁面了,看他們的美術編排和敘述語介紹都很有幫助。

6.結帳欄位-更改成符合台灣人習慣

在課程中使用的是Woocommerce,它是歐美那邊發明的插件

所以在欄位就會有部分不適合台灣人填寫

使用這個checkout field editor for woocommerce插件的話,可以更改欄位的板位

7.創建感謝頁面,追蹤轉換成效-表單填寫完後跳轉的頁面

1)為什麼要創建感謝頁面呢?

感謝頁面會出現的方式,通常是在聯繫表單填寫完後,會跳轉到的頁面,可以用來追蹤轉換率。

2)創建感謝頁面有什麼好處呢?

在網站上和實體店面最大的差異,就是可以很明確的知道流量轉換的數字。

可以知道有多少人來官網瀏覽,有多少人把商品加到購物車,又多少人進行結帳。這些都是由一層層漏斗,篩選下來。

創建感謝頁面你可以追蹤的是,比如:你提供了一份很有價值的PDF電子書供人下載,但是,需要客戶提供他的電子郵件作為交換。

這樣你可以設計的是:多創建一個感謝頁面,讓填寫完表單的客戶自動跳轉到感謝頁面下載。好處是當你追蹤時,你可以發現電子書頁面瀏覽人有2000人,到感謝頁面時只剩200人,就可以推斷出轉換率是10%,來推斷出要優化電子書頁面 。

3)感謝頁面通常應用在哪裡?

通常應用在三個地方

  • 1.當你有聯絡頁面時填寫完表單可以跳轉。
  • 2.當你網站上有提供PDF磁鐵誘餌等等,可以讓人提供email交換時進行跳轉。
  • 3.如果你有LandingPage銷售頁,在頁面填寫完資訊後,也可以進行跳轉來追蹤轉換率。

感謝頁面創建的目的,是用來評估前一個頁面的轉換率好不好,來判斷需不需要進行優化。

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

8.創建預約頁面,業務部門/客服部門-讓用戶主動找你服務

1)為什麼要創建預約頁面呢?

就是如果你的公司是有實體的業務部門或是客服部門的話

這可以讓用戶有管道可以聯繫你,讓有興趣的顧客可以主動跟你約時間

如果修改完Elementor後,但是看前台版型有跑掉或是沒什麼變化。那應該是快取的影響,不用擔心,你可以開個無痕頁面,就會看到已經變化的頁面。

連結:

9.彈出視窗組件,點擊率最高的手法-收集電子郵件的流行工具

1)什麼是彈出視窗組件?

就是當顧客在瀏覽你的網站時,會跳出個視窗,可能是給予優惠卷,免費贈品,要求顧客註冊,或是帶往著陸頁。

相比於放在首頁的按鈕,或是文章下方的行動呼籲組件,彈出視窗會是你網站上點擊率最高的手法。

所以彈出視窗是目前最有效收集電子郵件的工具之一。

常用的有2種:

  • 第一種是提供誘餌磁鐵讓人下載,讓訪客轉化成訂閱者。
  • 第二種是在流覽購物車時,跳出優惠卷減少決策時間,讓訪客轉化為購買者。

它可以經由觸發器設置做出很多種不同的變化,像是偵測文章滑到一半,或是觀看至少3篇文章,以及閒置超過3分鐘,又或是有意圖離開網站時。

可以藉由這些觸發器,讓彈出視窗出現。

2)好的彈出視窗有幾個特點

  • 易於關閉,否則會降低使用者體驗。
  • 適度的使用,不要一直冒出來煩人。
  • 要有明顯的行動呼籲按鈕。

10.水滴式行銷,預先編好的序列-減少人力成本

1)什麼是水滴式行銷(Drip Marketing)?

水滴式行銷為一種行銷技巧,指的是先提前編好序列訊息,按造計畫自動發送。

他是根據用戶動作,而自動發出的電子郵件序列,你就無須再手動編寫和發送每封信件,你還可以根據顧客的姓名和公司名稱進行個性化稱呼。

使用水滴式行銷的好處是減少人力成本,你只要編輯好序列後就可以一直重複使用。

並且可以根據不同階段的顧客,進行客製化的資訊提供。

例如有人剛剛訂閱了你的部落格,那麼你的水滴式行銷可以:

  • 馬上發出歡迎訂閱的電子郵件。
  • 兩天后,自動發送一封電子郵件,其中會顯示你的熱門文章。
  • 或是潛在客戶在“高級升級”頁面上徘徊了幾週但還沒有觸發,那麼水滴式行銷可能會向他們發送一封電子郵件,五個購買高級計劃的理由。

利用水滴式郵件,可以很方便的引導顧客一步步前往下一個顧客旅程中。

水滴式郵件你可以想像成滴水穿石,慢慢的,一封一封寄出去提升信任感,總有一天會擊破顧客的心防。

根據研究,針對性的郵件,產生的收入效果是一般性的郵件的18倍。

2)水滴式行銷郵件可以弭平資訊落差

例如,我常常就很疑惑,為什麼我覺得重要的資訊或是道理,但是大多數人卻不重視呢?

是什麼原因造成了觀念之間的落差?

我相信你應該也有遇到過很多相同的情況,為什麼你在意的點,顧客卻不以為然呢?

不管是你使用最新鮮的食材,或是你使用最好的材料,顧客卻感受不到。

這很大的原因就是,你在意的點,因為資訊的落差,顧客並不清楚。

講起話來,會有種牛頭不對馬嘴的感覺。

所以你就需要循序漸進的教育顧客,讓你們的價值觀一致,水滴式行銷恰好可以扮演這個腳色。

在使用培育式郵件中,可以提供問題的解方,有個簡單的公式:

  • 說出顧客遇到的問題。
  • 提出解決問題的方案。
  • 描繪問題解決後的美好生活。

3)請別在提供價值前就開始銷售

我追蹤了滿多人的郵件,但是台灣使用水滴式行銷的店家或是行銷人,很少很少很少,更別說是寫得好的行銷郵件了。

我不喜歡那種連我都剛註冊,還搞不懂你是誰時,劈頭就開始銷售的,還連寄很多郵件。

我喜歡的是那種高價值信件越多越好,讓我有所收穫,每次都會期待郵件到來的那種,這樣他在做銷售時,那怕產品我不太需要,也不會太牴觸。

4)保持純文本

不包含圖片和一堆的社群連結,甚至連LOGO都不用出現,就單純的文字就好。

現在大多數人是使用Gmail來收發郵件。

而Gmail有很強的篩選垃圾信件功能,如果你在郵件中放入大量圖片和連結,很容易就會被Gmail判定為促銷郵件。

因為他透過大數據篩選,這樣的內容的格式跟市面上的促銷郵件一樣。

所以你想要讓郵件出現在主收信夾中,就只要包含單純的文字就好。

水滴式行銷郵件的頻率你可以自己設定,像是每日發送,或是隔一個禮拜發送一次都可以。

要注意的是,MailerLite郵件商審核很嚴格,要把網站做好之後,才去跟他申請,不然可能他會不給使用。

連結:

七.跟蹤網站成效

1.追蹤網站成效,管理流量-避免過多代碼標籤

1)為什麼要追蹤網站?

因為要評估頁面的成效,可以衡量妳的整個漏斗流程,有沒有需要改進的地方。

比如說,有多少人進入註冊頁面,後續又有多少人完成註冊,進入銷售頁,以及購買後的感謝頁面等等。

可以看到這些訪客的路徑圖。

像是1000個進入到妳註冊頁的人中,只有200人完成註冊,領取你提供的PDF。

那麼轉換率就是20%,妳可以給自己一個衡量標準,平均值是30%的話,低於平均值,就代表妳的著陸頁還需要做優化。

2)追蹤網站會使用Google Tag Manager

你可以把他想像成一個塑膠袋,因為你網站上可能要安裝很多的代碼,像是Google Analytics,FB像素,Google Ads再行銷等等。

每一個代碼都可以想像成是一罐寶特瓶飲料。

你去超商結帳,如果有4-5罐飲料都用手拿,是不是很不方便,行動會變得很遲緩,所以這時候妳就會跟店員要一個袋子,統一放一起,可以直接用提的。

Google Tag Manager就是像袋子一樣的存在,可以把其他的標籤統一管理,這樣你的網站上只要安裝一個Google tag manager,其他那些代碼放入其中,都會生效。

這可以很大幅度的避免妳的網站被過多代碼拖慢速度。

連結:

要注意在設定FB像素事件時,要先關掉彈出視窗攔截器

2.新版GA4,全面優化舊版數據-也是一樣串入GTM中

G4是新版的GA,功能更齊全,它可以整合APP和網站的資料,但同樣的設定方式也更改了,怕有學生不知道怎麼設定,所以拍影片教學。

如果找不到GA代碼,可以從【管理】-【資料串流】-【點進你的網站】-【評估ID】

那個G開頭的,就是GA代碼

3.熱點圖,查看顧客使用途徑-知道用戶真正在意什麼

1)什麼是熱點圖?

熱點圖就是在網站上埋一串代碼

你就可以看到潛在顧客跟顧客,他們在觀看你的網站時他的實際步驟

你就可以以他的角度來觀看你的內容,然後知道他們真正在意的地方是哪裡

熱點圖通常會用在著陸頁或是銷售頁,這些需要轉化的頁面上

熱點圖網站

熱點圖是免費的,是Microsoft推出的新功能

八.WordPress常見問題

1.做網站需要花多少時間?

如果只是把架構架起來的話,其實花30分鐘就可以搞定了。
      
但是其實做網站最麻煩的地方就是裡頭的文案的選寫,這個真的是非常麻煩。
          
就像是雕刻人頭模型一樣,你可以花10分鐘就把形狀大致捏出來,但是後續需要花上百小時拿雕刻刀慢慢地去刻劃他的皮膚細節。
           
我建議可以跟隨著課程進度,分4天的時間觀看,尤其是前期的受眾頭像和選寫行銷訊息,需要你花大心思去研究。
       
初學者做網站的時間,我預估需要1個禮拜左右,大部分都是花在文案編輯上。

2.架設網站是免費的嗎?

架設網站會需要幾個費用:
域名:我建議使用Namecheap購買域名。域名(帶隱私保護)每年約11美元。
託管帳戶:我建議使用Cloudways主機,並指導你完成整個過程,每月約13美元。
頁面編輯器:Elementor Pro售價49美元(一次性費用),包括一年的支持和更新。
創建網站所需的一切費用每月約為20-25美元。
這包括你的域名,託管和Elementor Pro。
Cloudways + Elementor Pro的組合是構建網站最實惠的方式之一。
建設網站的代價一天花費不到30元台幣,比早餐店買個蛋餅還便宜,但卻可以讓你慢慢累積你的影響力。

3.做網站需要打程式碼嗎?

不需要喔。
使用WordPress的好處就是,他是開源軟體,也就是他有上千個插件,別人已經做好,放在那邊等你。
你只要根據你的需求去做挑選就好。
而且他們插件背後的團隊,都是幾百人的工程師,你自己花幾年功夫寫出來的插件還不如他們的實用,因為他們用戶數大,會做很多市場調查,每年都在優化。
所以你如果在經營事業時,把精力花在寫程式上面,那就本末倒置了,除非你是要做寫程式這行業的。
不然光是研究程式代碼就要幾年的工夫了,你的事業也就涼掉了。你要把精力花在製作優質的內容上,需要什麼功能,就花錢找合適的插件就好了。
我在課堂上的內容也是不需要寫程式的,會帶著你使用那些插件,來完成你的目標。

4.WordPress和Wix的差別?

Wix確實是滿有質感的,很多版型都是設計師直接設計的,如果只是要快速做出一個形象網站,那使用Wix是個不錯的選擇。
但是在這邊我先說個結論,我聽過很多從Wix要轉到WordPress的案例,但至今還沒聽過使用完WordPress後,要轉到Wix的案例。
會有這樣的結論,主要有幾個原因:
1.平台:
Wix是建立在wix的平台上,wix畢竟不是像是FB,GOOGLE一樣的大公司,市占率相較於WP也小,萬一經營不順,過個五到十年,她公司倒了,那你的網站怎麼辦?   
2.模板:
你wix的模板決定後,以後都不能再做更改了,你不能像WP一樣,根據自己的後續的規劃來做調整。
wordpress還有個好處,就是不用管套版,能限制你的只有你的想像力,可以做出像這樣又酷又潮的東西。
3.擴充性少:
很多你需要的特別功能,WIX都找不到,而WP幾乎都有,就算WP沒有,你也可以找人寫程式,把功能寫出來。   
4.廣告:
你使用免費版的WIX,會在上面看到WIX的廣告。
這代表了,當你嘗試建立一個真正的品牌,但是訪客看到的第一印象會是別人的服務。
如果只是學校企劃或是玩玩,那沒關係,但對於企業網站來說,就很不專業。
5.排名:
Wix針對SEO優化的排名很差。
相反的,WP是專為內容創造者而生的平台,全球有1/3的網站是使用WP所製作。
由於這龐大的用戶,所以Google就算有什麼新的SEO方針,都要先針對WP的用戶來做考量
所以,如果你只是想做個固定幾頁的形象網站,那麼WIX很適合你。
不過,如果你是想要長期經營,你是部落客或內容創作者,可能會累積幾十篇,或是幾百篇的作品集,來累積龐大的流量,那就推薦你使用WP。

5.在WordPress上面架購物車串金、物流,與租用品牌電商的差別在哪邊呢?

你可以把他們兩者的差異想像成是你在組裝電腦,租用品牌店商就是已經幫你組裝好的品牌機,只要購買回家插電就能使用。
而WordPress就是你去原價屋等等來購買配件,像是記憶體,主機板,顯示卡,音效卡等等,這些配件你都可以自行挑選,使用不同廠家的配件,組合在一起來達到你心中最佳的CP值。
可是你要怎麼挑選呢?
那你自然要先熟悉一下這些配件的相關知識,了解一下他們的差異,你心中才有一把尺,來做衡量,這也是WordPress上手需要一定門檻的原因。
我覺得兩者最大的差別在於價格上,以Shopline能寫部落格的豪華方案為例,一年要價62000台幣。
當然,他像是懶人包一樣,可以很方便的串接Google,FB,和各種金流串接服務,單看之下,是有一定的價值的。
但是,如果加上WordPress來比較的話,WordPress整體建置起來的費用,一年只要花費你6000多台幣,甚至不到1/10的價錢差距。
功能性來講,你一樣可以寫部落格,一樣可以串接FB,GOOGLE,購物車,只是你需要下載正確的插件,需要有人來教導怎麼配置使用。
你想想看,當你身為一個初創業者,你都還沒有穩定客源,不能確定自己能不能賺錢的情況下,你卻要一年直接砸下60000元台幣來試水溫,你覺得這樣是合理的嗎?
當然還是有例外,如果你像是館長那樣,已經累積了龐大的粉絲,現在只要考量怎麼賣而已,那麼輕鬆簡單的配置,即買即用,就會是你最佳的選擇。
不過這邊需要提醒你,不可能每個人都是館長,這案例出現的機率,只有0.01%。
所以我這邊的建議是,初創業者,不是富二代,家裡沒有大把錢可以燒,那麼你的錢就要花在刀口上。
選擇有一定上手門檻的WordPress,按照教學來做,前期慢慢累積你的流量,累積客源,不然光是你賣的東西,一年的收益,能不能賺到62000都很難說。

Similar Posts