【2019最新】做網路行銷還沒聽過UI UX? Google給企業的UI UX操作建議

相信大家常常聽過UI和UX,也常看到國內公司開出 UI Designer 的職稱,但其實對於 UI UX 確切定義並不太清楚。其實 UX 是  User Experience 使用者經驗的簡稱,而 UI 則是 User Interface 使用者介面的簡稱。今天我們一起來看看 UI UX 的確切定義、區別,以及 Google 等知名的跨國大公司他們是如何替自己的網站設計UX

 

UI UX是什麼?

UXUser Experience)使用者體驗設計

UXUser Experience)主要的範疇為根據使用者的習慣設計優化用戶體驗,主要考慮的是「產品用起來的感覺」,也就是使用者介面設計。鑽研如何妥善安排整個網站頁面的內容規劃,例如行動呼籲按鈕(Call to Action)的位置應該擺在哪裡、哪些區塊的內容要先在網站上出現等等。

UX設計一般包含使用者的研究(User Research)和情境分析(Scenario),一般有資源的公司會透過使用者歷程追蹤、問卷及實際訪談調查,或是內部資料庫分析等等,分析潛在TA的使用習慣和行為,而後再三修飾創作出「最棒的」使用者體驗。

若公司只開一個 UX Designer 職缺,那這位 UX Designer 主要是做網站的骨架設計,產出網站地圖模板、網頁 Wireframe & Prototype,以及配合行銷數據去進行使用者研究報告。

 

UI User Interface)使用者介面設計

UI主要是負責設計,將介面上的按鈕、區塊等等,主要考慮「產品怎麼呈現」,以使用者便利性與整個設計的美學為出發點設計,依 UX 的理念和架構設計,包括整個網站產品的顏色、字型、字體大小,主要是根據 PM 或是 UX設計師給的架構設計網頁或是 App介面,是產品的美學工程師。

UI設計師和網頁設計師的差別,一般網頁設計師除設計網頁的視覺呈現之外,也要求必須懂得前端切版,需要具備前端程式語言 HTML+CSS 甚至 JS 的能力;而 UI 設計師更重視使用者流程與使用者體驗的細節,產出的網頁比較偏向功能性網頁,重視使用者流程。

 

UI UX設計與行銷的關聯

與一般傳統商店相同,數位網站需要漂亮的門面、簡單直覺的使用者介面及舒適的購物體驗,吸引人的首頁設計能讓來到網站的客戶能一眼看出你是賣什麼、或是正在舉辦什麼促銷活動,以增加轉換率在 UI UX設計中,會用顧客旅程地圖來掌握消費體驗與流程,進而找出改善方向。

 

而對於行銷人員而言, UI UX設計的好壞會直接關乎到每個人員的 KPI關鍵指標和成效,可以說是不得不重視的領域:

 

專案經理

專案經理被時間追著跑,可藉由評估 UX 成本與效益的取捨,並給出最適合客戶的建議。

SEO操作

網站體驗會直接影響使用者的停留時間、瀏覽頁數等網站分數,進而提升 SEO 成效。進行 SEO 規劃時,從使用者的角度看待網站,安排好網站的視覺動線,在文案內容架構中曝光關鍵字,就能兼顧兩者。

業務

在接洽或談判時,可藉由客戶網站優化情況,知己知彼百戰百勝。

廣告投手

好的 UX 能提升  Landing page 體驗,優化廣告成效。

 

UI UX設計之間的關係?

一般UI UX設計為上下游關係,UX先透過研究分析使用者需求,思考哪些版面位置該放哪些內容及互動設計,在將網頁的架構勾勒出來,接著才交棒給負責整體視覺呈現的 UI設計師;UI設計師透過視覺安排與設計具體呈現,達成 UX期望傳達給使用者的邏輯與感覺。

台灣有些中小型的新創公司因為人員資源有限,會選擇融合 UIUX設計這兩個角色,並期許這位UI設計師可以兼具UX設計能力,最好還要會些前端程式語言,直接產出符合使用者體驗+美感的網頁。

相反,若大公司要將 UI UX Designer 職缺細分成更專業的分工,依種類可以再細分成視覺設計(Visual Design)、互動設計(Interaction Design),以及設計研究(Design Research)/使用者研究(User Research

 

視覺設計 / 圖像設計 Visual Design

視覺設計跟我們一般認知的 UI設計最相近,也最符合大眾認為的「網頁設計師」。視覺設計不需注意畫面之間如何連接,也不必在乎網頁互動性,視覺設計師最主要的工作是設計出美觀且符合品牌直觀概念的圖示、控制鈕、視覺元素和運用合適的字型,決定每個視覺元素應該呈現的樣子,最常使用 PhotoshopSketch 等軟體進行設計。

工作時, Visual Designer 會根據 Interaction Designer 畫好的流程及 Wireframe 進行視覺化的設計,他們必須在視覺上呈現想要給用戶的感覺,較難用主觀的條件論來評斷成品好壞,畢竟每個人的美感不盡相同。

Visual Designer 看中繪畫能力及設計能力,對美感尤其要求,對學歷的要求比較沒那麼多,想應徵 Visual Designer 可以多著墨於自己的作品集以及設計的經驗。

 

互動設計 / 動態設計(Interaction Design

視覺設計擅長處理靜止物件,而動態設計師主要設計動畫呈現,也就是「使用者按了以後介面要有什麼反應」,包含按鈕&選單等元素,動畫設計元素移進來&退出的轉場效果,動態效果可以引導使用者的使用流程,提供使用產品的視覺線索,讓介面更加完整,因此必須擁有動畫設計能力。

Interaction Design 需要將流程系統化且合乎邏輯的串起來,幫助使用者可以更順利的使用產品,拿網頁來說就是網頁架構,因此非常考驗設計者的邏輯能力。

工作上和工程師的合作會比其他角色來的更加緊密。許多分工沒那麼細的中小型公司不會將這個職位分出來,由 PM Visual Designer 一起瓜分工作內容。

 

設計研究(Design Research/ 使用者研究(User Research

主要工作為設計題目,並且邀請使用者進行深度訪談,並從訪談中洞察使用行為,並判斷出使用者軌跡,提出相對應的路徑和按鈕。身為設計研究需要相當的邏輯能力和觀察力,深度了解使用者需求。

除了實體訪談,研究員通常也會研究目前的使用數據,用 A/B test 來得知哪個設計選項最適合使用者,根據需求不斷重複更改設計。

 

網站UX入門 – Google UX Playbook重點摘要

Google 身為搜尋引擎龍頭,擁有各大企業到達頁面的數據,2019年初發布了最新版的 Google UX Playbook ,涵蓋電商、新聞媒體、旅遊、金融財經、不動產以及顧客經營等領域,今天針對這些領域,我們綜合自身代操經驗,替大家翻譯整理出一些通用的 UX設計技巧,你可以根據以下我們為您整理的要點,替你的網站做份UX健檢。

如果想進一步了解我們是如何架設出精美又符合 UX及SEO搜尋引擎優化的網頁,可以點進我們的網站架設頁面了解更多

不過提醒各位,Google 今天是以宏觀角度去看每一個網站,想當然爾大公司品牌的流量、權重都比中小企業來的高很多,因此蒐集到的數據皆以國際知名品牌品牌為主,建議每一個中小企業還是要根據自身品牌的目的去設計想要的顧客旅程

 

Google UX Playbook 建議指南

  •  Retail (零售)、ECommerce (電商)

https://services.google.com/fh/files/events/pdfretailux_playbook.pdf

  •  Travel (旅遊)

https://services.google.com/fh/files/events/pdftravelux_playbook.pdf

  •  Finance (金融)

https://services.google.com/fh/files/events/pdffinanceux_playbook.pdf

  •  RealEstate (不動產)

https://services.google.com/fh/files/events/pdfrealestateux_playbook.pdf

  •  News (新聞)、Content (內容)

https://services.google.com/fh/files/events/pdfnewsux_playbook.pdf

  •  LeadGen (潛在客戶)

https://services.google.com/fh/files/events/pdfleadgenux_playbook.pdf

 

網站UX設計目的

對顧客優點

  1.          降低逛網站的摩擦力
  2.          快速找到他們需要的資訊,降低搜尋成本

對網站主價值

  1.          降低流失率
  2.          優化行銷漏斗
  3.          提升品牌信賴和形象
  4.          控制訪客在網站的行為

 

UX金字塔

UX金字塔

A、消費者洞察

在消費者洞察中,你必須模擬網站訪客的心態,找出

  • 顧客需求他想要什麼
  • 顧客的心智模型他是怎麼思考的,消費者的思考邏輯?
  • 顧客旅程使用者的三個 What:這是什麼網站?能帶給我什麼好處?我需要做什麼才能獲得好處?

 

B、網站資訊架構

  •  視覺動線 – 如何安排資訊?好的視覺動能要能配合受眾直覺,並且符合資訊邏輯。
  •  可用性 – 可用性可以理解成防呆設計,盡量設計的簡單易用,讓使用者以更少的程序就能工作,並且避免錯誤的使用情況。

 

C、內容優化

  • 該寫甚麼內容架構
  • 該怎麼寫文案與內文撰寫

 

零售電商篇UX技巧

今天詳細介紹 Landing Page 中最常見的零售電商,其餘旅遊、金融、不動產、新聞媒體以及名單型網站將另外開篇詳細介紹。

 

電商基礎網站地圖

 

如何定義自己是否為零售電商的 landing page?在電商網站地圖中,關鍵點在於產品頁和結帳流程,因此只要能從網站上買到東西就可以當作電商網站去優化

關於網站內的 SEO,在內容和html的編排上主要是首頁、分類頁、產品頁及部落格皆使用關鍵字做 SEO,甚至所有網站內會出現的文字資訊都需要做 SEO,以增加關鍵字和網站的吻合度,幫助搜尋引擎能在關鍵字被搜尋時能立即找到你的網站。

 

改善UX體驗的 6 大關鍵環節與 46 個優化原則

 

UX設計6大關鍵環節

 

A、首頁/登陸頁(Homepage/Landing page

降低摩擦

  1. 不要使用插頁式廣告
  2. 移除自動輪播圖
  3. 字體大小清晰可閱讀,確保在手機上閱讀舒服
  4. 使用第三方認證
修改難度影響校度KPI
1跳出率 Bounce Rate
2跳出率 Bounce Rate
3停留時間
4跳出率 Bounce Rate

 

協助理解      

  1. 首頁含最熱門的內容/品類,以及主類別
  2. 在不動頁面的情況下 (Above the fold),可看到呼籲按鈕
  3. 情境描述式 CTA ,而非直敘型
  4. 首頁必須有明確的價值主張文案
  5. 加入足夠的社群佐證
修改難度影響校度KPI
1按鈕點擊率、跳出率
2CTA 點擊率、跳出率
3CTA 點擊率、跳出率
4跳出率、轉化率 CVR
5跳出率

 

範例:BFFECT

  1. 首頁簡單明瞭,操作提示清楚
  2. 字體適中
  3. 有價值主張與 CTA 按鈕

登陸頁UX

 

BMenu/導覽頁(Menu / Navigation

降低摩擦

  1.     有置頂收合式的選單
  2.     Menu 長度限制在一頁內,讓用戶一次就可以看完所有選項
  3.     固定欄位(包含收合式選單)< 頁面1/5

 

修改難度影響校度KPI
1瀏覽頁數
2瀏覽頁數
3總瀏覽量成長情況

 

協助理解

  1. 主項目以流量、熱門度排序,子項目以字母排序
  2. 在選單加上促銷訊息
  3. 在選單加上地點圖標
  4. 在選單加上電話連結
  5. 把售後服務也放在選單裡,例如查詢物流地點、會員中心

 

修改難度影響校度KPI
1瀏覽頁數
2瀏覽頁數
3按鈕點擊率
4按鈕點擊率
5瀏覽頁數

 

範例:Boots

  1. 有置頂收合式的選單
  2. 固定欄位 < 1/5

導覽頁UX

 

C、搜尋(Search

降低摩擦

  1. 要有搜索欄位
  2. 讓搜尋欄清楚易見,讓人找的到
  3. 打字時自動列出推薦項目,也就是自動建議選項
  4. 自動修正拼字錯誤
  5. 永遠都有搜尋結果,不要只有 404 or nothing found,可以提出類似的建議結果提升畫面點閱率
  6. 列出搜尋歷史/熱門搜尋字詞

 

修改難度影響校度KPI
1搜尋/網頁總流量 %,轉換率
2搜尋/網頁總流量 %,搜尋深度
3網頁跳出率/搜尋量,搜尋深度
4網頁跳出率/搜尋量,搜尋深度
5網頁跳出率/搜尋量,搜尋深度
6網頁跳出率/搜尋量,搜尋深度

 

範例:肉鬆王國

  1. 擁有搜索欄位
  2. 擁有自動推薦功能
  3. 列出熱門搜尋

搜尋頁UX

 

D、分類/品類(Category / Product

降低摩擦

  1. 確認篩選器功能容易操作
  2. 確認分類邏輯與可用性
  3. 條列式產品敘述,敘述簡單易懂
  4. 添加次要的呼籲按鈕(如:收藏、加入購物車)

 

修改難度影響校度KPI
1品類頁跳出率/搜尋頁
2
3
4按鈕點擊率

協助理解

  1. 價格資訊位置在頁面上方,比較好找
  2. 加上緊急/限量的 CTA(僅剩 3 件!或是倒數幾天)
  3. 在產品頁強調購買利益(8 折免運)
  4. 每個頁面強調品牌價值主張
  5. 產品頁增加顧客評論
  6. 將瀏覽器欄顏色變更為品牌色

 

修改難度影響校度KPI
1加到購物車、跳出率
2轉換率
3轉換率、購物車跳出率
4
5轉換率

 

範例:Juniqe

Google 建議三種創造危機感的 CTA

  1. 最後 3 件
  2. 倒數 2 天
  3. 情人節禮物

分類頁UX

 

E、轉化頁(Conversion

降低摩擦

  1. 有社群帳號註冊功能
  2. 允許非會員結帳
  3. 使用進度條,讓使用者知道自己在哪個步驟
  4. 加入購物車後不要直接導向結帳頁
  5. 允許編輯購物車
  6. 減少跳出流程的按鈕,也就是限制可能跳出流程的因素,可以盡量引導使用者到首頁或回到購物車
  7. 可以跨裝置 (X-device) 儲存資料
  8. 一個驗證過的 API 位址,讓使用者不需要再次輸入帳號密碼登入,也無須重複驗證

 

協助理解

  1. 創建帳號時,需說明原因或價值主張
  2. 在購物車頁面再次強調價值主張以及好處/利益,例如:免運費

 

修改難度影響校度KPI
1轉換率、跳出率
2轉換率、跳出率
3轉換率、跳出率
4平均瀏覽頁數、客單價
5轉換率、跳出率
6轉換率、跳出率
7跨裝置轉換,設為微觀轉換
8轉換率、跳出率
9註冊率、跳出率
10轉換率、跳出率

 

範例:lativ

  1. 允許編輯購物車
  2. 減少跳出流程
  3. 綁帳號跨裝置儲存資料

 

轉換頁UX

 

F、結帳資訊欄/表格優化(Form optimization

降低摩擦

  1. 使用框內顯示驗證結果,而不是送出資料後才顯示
  2. 自動填入已知資訊
  3. 刪除選填項目
  4. 低於四個選項時,不要使用下拉選單
  5. 不同的填寫欄位,呼叫對應的數字或英文鍵盤

 

修改難度影響校度KPI
1表單完成度/
2表單完成度/
3表單完成度/
4表單完成度/
5表單完成度/

 

協助理解

  1. 在必填欄位加上星號*註記

 

UX優化結論

 

  • 做任何優化前一定要 A/B Test

也就是做差異化測試觀察成效,可以使用google 最佳化工具安插程式碼,也可以使用lihi,他是 A/B test 分流短網址,方便做 A/B test 並記錄瀏覽器紀錄。

  • 避免打斷使用者的瀏覽注意力

注意力被打斷的情況有兩種,第一是被跳出的新資訊打斷,所以建議不要有太突出的動畫、顏色或跳出畫面,除非這是網站的關鍵行為;第二種則是因為缺乏下個目標,所以注意力因此轉移,這件事就關係到網站的 UX設計和網站架構了。

 

企業建議做 UX之前,先釐清 UI與UX 的差別,並根據上述提到的 Google UX 設計要點,使自身網站進一步朝使用者的體驗需求靠攏。

 

【GA分析指南】Google Analytics教學,從無到有學會網站流量追蹤!

每天有多少人造訪我的網站?要追蹤網站的流量狀況與訪客的瀏覽情形,最快最有效的方法就是使用Google Analytics這個工具了!本文針對當開始接觸GA的使用者,從帳號申請、基礎知識到操作介面,以及進階的學習重點,帶你入門GA的使用方法,一探網站流量的秘密。

 

Google Analytics是什麼?

google anaytics logo

Google Analytics簡稱GA,為Google的網站流量追蹤工具,透過GA能記錄網站的進站狀況、瀏覽情形和商品購買等指標,讓使用者能更有系統的經營網站、觀察成效。

GA的前身為一間做網站數據分析服務的公司Urchin,Google於2005年收購Urchin後,同年推出了自己的網站分析工具Google Analytics,強大且免費的功能,使得GA長期受到使用者依賴並被廣泛使用,直至今日,GA已成為網站管理者、數位行銷人員必備的工具之一。

 

 

認識Google Analytics四大報表

GA的操作介面主要分為四大報表:目標對象、客戶開發、行為、轉換。

GA操作介面

主要功能位於左方欄位上,「首頁」會顯示網站各項數據摘要;「即時」會顯示網站目前(30分鐘內)的流量狀況,此外就是最重要的「目標對象、客戶開發、行為、轉換」四大報表。這四個報表則個別處理訪客從進站到達成轉換的過程,主要面臨到的四個問題:

1. 目標對象:訪客長什麼樣子?
2. 客戶開發:訪客從哪裡來?
3. 行為:訪客在網站上做了什麼?
4. 轉換:訪客的轉換情形?

 

  • 目標對象(Audience) 

什麼樣的人會進來我的網站?GA能得到造訪者的年齡、性別及地理位置及興趣等資訊,透過長期觀察這些資訊能描繪出網站的訪客輪廓,得知訪客大多是些什麼類型的人。
目標對象能幫妳找出對網站有興趣的使用者,並應用於廣告投放或行銷策略上。若網站的受眾特徵與原先設定的TA不符,也能在目標對象中發現問題並調整。

目標對象報表

 

  • 客戶開發(Acquisition) 

訪客會透過很多管道進入網站,例如搜尋引擎或社群。GA會判別訪客是從哪裡來、比例各佔了多少,讓使用者掌握每個流量管道的經營成效。
透過客戶開發報表能觀察所有管道、各個來源的流量多寡,進而得知哪裡進站的人最多,又有哪些管道是需要加強的。客戶開發也整合了 Search ConsoleGoogle Ads,自然搜尋及廣告投放的成效能直接在此查看。

客戶開發報表

 

  • 行為(Behavior)

GA能追蹤訪客在網站中的行為,包括訪客從哪些頁面開始瀏覽、在每個頁面停留了多久、瀏覽了哪些頁面,以及每個頁面的瀏覽狀況等指標。
行為報表能幫你找出網站上表現最好的頁面,也能知道哪些頁面成效、使用者體驗不佳,需要進行優化。

行為報表

 

  • 轉換(Conversion)

多少人在網站上報名活動?商品被多少人購買?我們稱這些網站中的重要指標為「轉換」。使用者能透過GA定義網站中會有哪些轉換,並透過報表檢視成效。我們除了能透過多管道程序功知道哪個管道造成最多的轉換,電商網站綁定了電子商務功能後,也能直接透過GA報表觀察商品銷售狀況。

轉換報表

※要在報表上顯示轉換,必須先於 管理 \ 資料檢視 \ 目標 中,設定網站的重要轉換指標,才能在轉換中查看資料。目標的設定方法可參考官方的目標設定

 

GA基本名詞解釋

在使用GA之前,首先要了解幾個在常出現的專有名詞,才不會在實戰中對這些名詞有所困擾。

認識流量管道

流量是從哪裡來的呢?流量(Traffic)為使用者在網站造訪的痕跡,一個網站的流量通常會來自於很多的管道(Channel),像是從搜尋引擎、社群或是其他網站,接下來會針對幾個主要的流量管道組別做基礎的介紹:

  • 推薦(Referral):

若訪客從其他的網站(如媒體、部落格)進入你的網站,這些從外部網站進入的管道會被GA分類為推薦流量,又稱參照連結。推薦流量代表網站在網路上其他地方的曝光程度,定期檢查推薦流量的來源,便能知道哪些網站分享了導流到自己網站的連結。

 

  • 直接(Direct):

訪客沒有透過網域中的連結,而是直接進入你的網站時,造成的流量稱為直接流量,例如直接在瀏覽器上輸入網址、從書籤列進入網站、或是透過App上的連結等情形。基本上只要入站的地點不具網址、無法搜尋到來源網址,都會被GA視為是直接流量。

※在LINE上點擊連結進入網站,由於連結位置在App或電腦上,會被視為直接流量。

 

  • 隨機搜尋(Organic):

當訪客透過搜尋引擎輸入了與某某關鍵字,並根據搜尋結果進入你的網站,這類流量來源被稱為隨機流量,也被稱為自然搜尋流量。隨機流量關係著SEO操作(搜尋引擎優化)的成效,網站能在許多關鍵字中有好的排名,便有機會帶來更多隨機流量。

在GA上最常分析的數據就是各個頁面的流量、點擊率等等,而良好的SEO(Search Engine Optimization, 搜尋引擎優化)可以幫助企業的網站在網路上,能夠被有了解意願的消費者更快找到自家公司的品牌,對於GA的數據成效可說是百利而無一害。如果想知道如何運用低預算簡易操作SEO,可以參考這篇文章:【中小企業專欄】5分鐘看懂如何用低預算做SEO優化!

 

  • 付費搜尋(Paid Search):

付費搜尋流量僅發生在網站投放關鍵字廣告的情況,當訪客在搜尋結果中點擊關鍵字廣告進入網站,管道就會被分類為付費搜尋。因此能透過此管道得知購買關鍵字廣告的成效。

如果想知道如何操作Google的關鍵字廣告,以最少的預算獲得最高的點擊率,可以參考這篇:完整的Google adwords教學,教你如何在2019操作關鍵字廣告!

 

  • 社群(Social):

從社群(社交)進站的流量,例如Facebook、Instagram、Twitter等社群網站。

  • 電子郵件(Email):

訪客透過點擊Email中的連結後進站,造成的流量來源。

  • 多媒體(Display):

有購買Google Ads的多媒體聯播網廣告(GDN),透過GDN進站的訪客會被記錄為Display。

  • 其他(Other):

不屬於以上各管道的流量分類,會被分類在其他。

 

以上為網站中幾個常見的流量來源管道,雖然GA明確定義了每個管道的名稱與範圍,但仍會碰上判斷錯誤的情形,在觀察時務必多加留意,特別是 Direct 或 Other 中顯示的數據。

 

指標與維度

GA呈現的報表都是由「維度」和「指標」,以及兩者比對後的視覺化資料所構成,要看懂GA的表格就要先理解每個維度與指標代表的意義。

維度與指標

如上圖,縱軸各項目稱作維度、橫軸各數值稱作指標,右上方顯示對應的日期範圍。

  • 維度(Dimension):

包含國家、管道、每個頁面等等,GA報表中所有的可觀察項目都稱為維度。

  • 指標(Metric):

觀察項目量化後的數據被稱為指標,包含停留的造成的工作階段、瀏覽時間、轉換次數等表現。
GA用了許多指標判斷維度的瀏覽狀況與成效,這裡也介紹了幾個常見的指標:

  • 工作階段(Session):工作階段代表30分鐘內,在網站上發生的使用者互動,工作階段的長度可自行定義,系統預設為30分鐘,詳細的工作階段解釋可參考 Analytics (分析) 定義網頁工作階段的方式
  • 平均瀏覽時間(Avg. Time on Page):訪客在頁面上的停留時間。若某頁面的平均瀏覽時間過低,可能有資訊太少、內容不吸引人等等跡象。
  • 跳出率(Bounce Rate):工作階段中(通常為進站後)訪客僅瀏覽單個頁面便離開網站的比例。
  • 離開率(% Exit):訪客瀏覽完該頁面便離開網站(最後瀏覽頁面)的比例。

許多人會分不清楚跳出率與離開率的差異,建議進一步閱讀 離開率與跳出率 釐清觀念。

 

透過觀察GA的指標與維度,我們能夠猜測出訪客在網站中的瀏覽情形:

觀察到頁面有高跳出率,原因可能為內容不夠吸引人,或是資訊量已足夠完整;觀察到頁面瀏覽時間過短,也許是頁面資訊量太少,或是其他因素造成沒有閱讀完文章……這些指標與網站的使用者體驗(UX)息息相關,可以透過觀察數據找出問題並調整。

※若對GA中的各種名詞還不夠了解,可以參考官方的  GA詞彙解釋

 

GA相關學習資源

介紹完GA的埋設方法及專有名詞、基本功能後,相信讀者已經對Google Analytics這個工具有了基本的認知。上述內容只是廣大GA世界中的冰山一角,要學好GA,除了必須釐清各種觀念外,還得熟悉其他更細節的功能,或是透過UTMGTM等工具協助,並且長期累積實戰經驗。本文也提供了幾個接下來的準備方向:

 

GA教學相關部落格

在網路上能找到有許多GA的教學資源,

  • GA官方教學文件 [連結] 
    Google提供的GA說明文件,任何問題都可以在裡頭找到。由於是官方文件,在講述上會稍微生硬,如果不排斥的話建議把所有的內容都讀完。
  • Harris先生
    業界有名的GA專家,內有各種GA相關的主題與教學,不時會討論許多GA的進階討論。

 

Google Anayltics示範帳戶

如果目前沒有網站能夠觀察,又想熟悉操作GA的話,Google也有提供GA示範帳戶給使用者練習,點擊GA示範帳戶後登入Google帳號即可使用。示範帳戶的資源來源為Google的品牌電商網站Google Merchandise Store

[GA示範帳戶連結]

 

Google Analytics Academy

Analytics學習中心提供了從基礎到進階的完整GA課程,每個單元皆附上影音及文字教學,在章節結束前也會附上評量測驗讓你加強印象。
Google-Analytics-Academy-進階概念結業證書
如果按部就班上完了所有課程,並且成績都達到80分以上,Google還會送你一張結業證書作為獎勵!

 

Google Analytics個人認證

GA個人認證是Google的GA網路測驗,共70題選擇題,測驗時間60分鐘,滿80分即可通過。

測驗能夠選擇擅長的語言應考,而目前中文只有支援簡體。GA認證在坊間被當作是能熟練運用GA的象徵,因此不少想靠流量分析吃飯的人都會準備GA認證。由於是線上測驗,多少有能快速考取認證的暗黑方法,因此個人並不建議把GA認證視為評斷能力的標準。

 

 

如何註冊Google Analytics帳號?

要透過GA追蹤你的網站,首先要註冊一個GA的使用者帳號,可參照以下流程進行申請:

1. 進入GA註冊頁面,登入Google帳號

2. 進入GA的申請頁面,選擇「申請
開始使用GA

3. 新增GA帳號,並輸入欲追蹤的網址與名稱,資料共用預設為採用,可依個人需求決定是否提供流量資料給Google使用,填寫完後點擊「取得追蹤 ID」後提交
新增GA帳戶
取得追蹤ID

4. 新增完帳號後,會進到GA的後台的追蹤碼頁面。此處會得到一組 追蹤 ID全域網站代碼 ,複製下方的代碼到網站HTML中的 <head> 內即可,不會的話可以請資訊人員協助埋設
取得GA追蹤ID

以下為追蹤代碼範例:


<!– Global site tag (gtag.js) – Google Analytics –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=UA-132554567-1″></script><script>window.dataLayer = window.dataLayer || [];function gtag()
{dataLayer.push(arguments);}gtag(‘js’, new Date());gtag(‘config’, ‘UA-132554567-1’);</script>

※忘記或不小心關掉頁面的話不用太擔心,可以從 設定 \ 追蹤設定 \ 追蹤程式碼 中找到此頁面

5. 後台傳送測試流量,有接收到資料代表設定成功。也可使用Google Chrome的插件 Google Tag Assistant 查看程式碼是否埋設成功
傳送GA測試流量

6. 設置成功後,開始使用GA。剛設置完成是沒有資料的,等有訪客進站後就會有資料顯示了
開始使用GA

 

 

延伸閱讀:

 

關鍵字規劃工具(Keyword Tool)總整理,擬定你的關鍵字策略!

 

網頁設計附免費網站SEO,真的就能達成你的SEO效果嗎?

“網站開發免費幫你製作網站SEO!”

 

一看到這樣的信件寄過來或是斗大的標語出現在眼前,每個人都迫不急待的想了解,以為不只網站做好了,還省去一筆費用SEO優化的費用。

但真的是這樣嗎?你真的了解SEO是甚麼嗎?

9成的網站開發公司所附贈的網站SEO服務,不過就是簡單的title、h1、 meta name….的修改

看到這裡你有覺得被騙的感覺嗎?

但是他們沒有說謊,這確實是做網站SEO優化的時候必要的調整。

可是你以為贈送的網站SEO就可以讓你顧客量翻倍或維持在搜尋結果第一名?

你知道嗎….

自己去google “網站SEO優化”,10分鐘後你也可以知道怎麼調整,所謂附贈、免費的網站SEO說到底只是他們花個數十分鐘就能設定完的。

對於網站的排名意義確實不大,也不會因為做了就有所改變。

那究竟甚麼是真的有效的SEO,排名永遠在第一頁的文章都又甚麼特質?

網路上這麼多相關資料,都分不清楚誰對誰錯了

 

我就問你一個問題….

 

有哪一個排名在前面的網站沒有做部落格(內容)


 

不相信嗎….

我們就以”網頁設計”來當範例

現在開啟無痕模式GOOGLE搜尋”網頁設計”

可以發覺依據排名分別為 藝誠網頁設計公司  愛貝斯幫您作好網站   新視野網頁設計公司   馬路科技網頁設計公司   創造力網頁設計公司

 

                 “網頁設計搜尋結果”

 

每個網站都是有自己的部落格或內容,來傳遞知識及內容經營。

看到這裡,你們應該都明白一件事,網站SEO這一條路沒有終點,透過定期的更新資訊傳遞有價值的資訊,才是長期維持在第一名的關鍵。

 

所以根本沒有免費幫你做SEO網站優化這件事!!

SEO網站優化需要的是長期的內容經營

除非…..

他們幫你做的是黑帽SEO,短期迅速提升排名,但具備高風險,值得嗎?

(更深入了解黑帽SEO)

集客網站SEO的特點


 

看到這裡相信你們都知道,網站SEO優化不是一朝一夕可以完成的,需要有強大的內容來完成

集客網站SEO跟坊間的SEO公司以及網頁設計公司有極大的差別

看出來了嗎……

那就是部落格的建構,集客網站追求的是長期的內容優化達到網站SEO。             

集客網站專案 ,建構網站只是第一步,在建設時會連同部落格同步建置達成未來長期的價值傳遞、網站SEO的效果。

集客網站的目標始終放在顧客獲利,網站建置完成還遠遠不夠,還必須定期提供有價值的內容,來達成網站SEO,效果當然比只花少數時間微調SEO設定敷衍不懂SEO的客戶來的好(千萬別以為這樣就省下一筆SEO費用)。

 

而你們也要小心坊間SEO公司單用數據來敷衍

就好比….

客戶的要求為1個月10組關鍵字,這些SEO公司卻不花時間創作有價值的內容,來埋入關鍵字反而為了達成自己的績效,專門購買大量的外部連結。

 

那這樣有用嗎?

就算在第一名,這個關鍵字是很有可能被google處罰而把整個網站撤掉

集客網站SEO優化服務,並不是專注在這些小範圍改良,集客網站從顧客的角度去思考,目標不是幾組幾組關鍵字,而是最重要的顧客利潤。

 

不是單純的為了完成顧客的規定,而選擇成本低的作法,我們始終堅持為了能長期維持在搜尋結果第一頁,所需要的就是長期的傳遞優質內容。

 


網站SEO需要的是長時間的知識及價值傳遞


 

外包網站大哉問,該怎麼評估網頁設計費用及工時?

在討論網頁設計費用之前,回到一個最基本的問題:

你為甚麼要要製作網站?

先確認自己目的是很重要的,這也影響到網站類型的抉擇,我想大部分的人想要建構網站的原因,無非就是多一個管道吸引顧客。

因此網站做完不代表達成目的,重要的是你的獲利相較於還沒有建構網站時有沒有成長? 現在有太多太多的人,網站建好了,獲利完全沒有提升,那不就沒意義了?

 

網頁類型這麼多,哪一個適合你


 

不論你去找哪一間的網頁設計公司,大致都是分成以下4種

1.企業網站

是目前網頁建置中比例最多的網站類型,主要的目的是將公司的形象、理念、簡介以及商品介紹,透過網站使消費者更即時、夠方便獲得公司的訊息

                           集客行銷數據企業網站

2.購物網站

此類型的網站最主要的目的就是銷售商品,所以會相對強調商品訊息的完整性,經常性更換優惠活動,注重網路購物的安全交易機制及購物系統更能。

網頁設計費用

                               pchome購物網站

3.活動網站

配合活動架設網站,為網路行銷的一部份,通常設計的較活潑、多元與官網形象不同。搭配抽獎或是送禮的活動來增加曝光度,開發新客源、增加瀏覽人數。

網頁設計費用行情

                                   馬拉松活動網站

4.入口型網站

本類型的網站通常瀏覽資料較多,著重於網站資訊的分類與瀏覽動線,因此,在上架圖片等多媒體資訊時要注意檔案大小,以免影響到網站的瀏覽速度。

網頁設計費用行情

                                     yahoo入口網站

網頁設計費用行情


 

決定好你想要的網頁類型,接下來,就是要評估你的預算是否充足以及時間是否急迫,下列為各業者平均之價格。

                                          資料來源誠陽網頁設計                                           

 

1.DIY方案

網頁設計公司提供網站平台,預先設計好數十個網站風格版面,再讓使用者自行選擇風格套用,自行放上資料,少掉了設計師的費用價格自然便宜許多,但企業必需有專人維護,成本反而更高

2.套版方案

將網站內容,沒有經過設計師設計而直接套用到現有的設計中,但仍有不肖業者照客製化行情收費

3.客製化網站

客製化網站分為有資料庫(通常有後台),及無資料庫的純HTML設計,也是較多人採用的

當然你也可以用最簡單的wordpress自己迅速架站,但即使再怎麼簡單,仍然常常看到許多新手犯著同樣的錯誤,因此推薦大家WordPress網頁設計教學,從虛擬主機的租用開始清楚的說明。

 

你該考慮的不只有網頁設計費用!


 

製作網站的目的不單只是的建構網站,吸引顧客流量、獲得更高的利潤才是

所以在網站不是有就好了,重點是能不能達到你想要的效果。

 

因此…

我將費用分成1.網頁設計費用 2. 網頁維護費用 3.廣告費用

列入廣告費用的原因很簡單

你不會以為套版網站的宣傳效果能比的上客製化網站吧!

舉例來說也許你在網頁設計費用上只花了一萬買了一個版型自己上,但相較於其他由工程師、網頁設計師…做出來的網站日後所需付出的維護費用絕對會更高,而且也不會有seo的效果(了解更多的網站SEO的優化地雷)。

雖然在建構網站時省了一些錢,但是日後發現網站流量極低,還是要靠廣告,常常也有客戶跟我們反應,消費者停留在他們網頁的時間很短,常常不到一分鐘。

那原因是甚麼…?

真的只是因為內容不受喜愛嗎? 還是整個設計上不夠專業呢?

我並不是說大家一定要花大筆錢在建構網站上

而是讓你們在建構網站的時候,要考量的費用不是只有剛開始的建置費用。

 

集客網站的特點


 

說了這麼多,集客網站到底跟坊間網頁設計公司製作出來的差在哪裡?

坊間能做出外型亮眼的網站的不在少數,但是所謂的集客網站製作目的是在幫顧客做出有最高顧客流量並獲利的網站,不只是追求單純漂亮的外觀。

網站建置完成只是邁向獲利的第一步,但這也是和坊間網頁設計公司短期合作的最後一步,之後就是兩間公司各走各的,但集客網站目的是達成獲利,因此屬於長期的合作。

除了網站設計/建構之外,內容經營與搜尋整合服務(SEO)會是另一大重點,在建置網站時連同部落格一起建置,來達成長期SEO優化(你還不知道部落格對於網站SEO好處?),並且幫顧客獲取關鍵字。

延伸閱讀”內容經營實際案例

在透過文章撰寫媒體投稿來做內容經營來吸引顧客流量,達成製作網站就是為了獲利的目的!!

 


建構網頁不要只考慮最初的網頁設計費用