SEM.tw
Google Ads · · 7 分鐘閱讀 · 1 次閱讀

網站設計如何影響 Google Ads 品質分數:到達頁面體驗全攻略

品質分數的三大要素中,到達頁面體驗跟你的網站設計品質直接相關。本文從設計角度切入,告訴你哪些設計決策會拉低品質分數,怎麼修。

品質分數不只是廣告的事

投 Google Ads 的人都知道品質分數,但大部分人把焦點放在廣告文案和關鍵字上面。很少有人認真思考一件事:你的網站設計本身就在影響品質分數

品質分數由三個要素決定:預期點擊率、廣告關聯性、到達頁面體驗。前兩個跟廣告帳戶內的設定有關,第三個——到達頁面體驗——完全取決於你的網站。

Google 官方對到達頁面體驗的評估包含:頁面內容是否相關、載入速度、行動裝置體驗、導覽是否清晰、頁面是否值得信任。這些全部都是網站設計的範疇,也是帳戶架構規劃時就該考慮的事。

根據 WordStream 的分析,品質分數每提升 1 分,CPC 平均降低約 9%。如果你的品質分數因為到達頁面體驗不佳而卡在 4-5,光是把到達頁面做好就能省下可觀的廣告費。

關於品質分數的基本概念,可以參考品質分數全解析

品質分數三大要素中,到達頁面體驗佔比與網站設計的關聯

頁面載入速度:最直接的影響因素

頁面速度是 Google 評估到達頁面體驗時最明確的指標。載入時間超過 5 秒,基本上就是「低於平均」的評分。

哪些設計決策會讓頁面變慢?

過大的 Hero 圖片 到達頁面的第一眼通常是一張大圖搭配標題文字。如果這張圖沒有經過壓縮,可能單獨就要 2-3MB。用 WebP 格式壓縮到 150KB 以內,視覺差異幾乎看不出來,但速度會快很多。

網頁字型過多 每使用一種字型就是一次額外的網路請求。特別是中文字型,一個完整字型檔動輒 5-10MB。只用一到兩種字型,然後利用字重(font-weight)變化來製造視覺層次。

第三方腳本堆疊 聊天機器人、A/B 測試工具、熱點圖追蹤、社群分享按鈕⋯⋯每個工具都會在頁面上載入 JavaScript。我見過一個到達頁面裝了 12 個第三方腳本,光這些腳本就讓頁面多了 4 秒的載入時間。只留真正需要的,其他全部拿掉。

CSS 框架全部載入 如果你用 Bootstrap 或 Tailwind CSS,只引入用到的部分。一個到達頁面用不到完整框架 80% 的樣式,但那些沒用到的 CSS 一樣佔載入時間。

速度目標:LCP(最大內容繪製)在 2.5 秒以內、INP(互動延遲)在 200 毫秒以內、CLS(佈局位移)在 0.1 以內。用 Google PageSpeed Insights 測一下你的到達頁面,如果三個指標都是綠色,速度就不會拖累你的品質分數。

行動裝置體驗:超過六成的點擊來自手機

Google Ads 的搜尋廣告中,超過 60% 的點擊來自行動裝置。你的到達頁面在手機上的體驗好不好,直接影響超過一半以上的廣告效果。

Google 評估行動版到達頁面時會看這些:

版面是否正確顯示 文字有沒有溢出螢幕?圖片有沒有被裁切?表格有沒有跑版?任何需要左右捲動才能看完的內容都是扣分項。

觸控元素是否好用 CTA 按鈕夠不夠大?按鈕跟按鈕之間有沒有足夠間距?表單欄位好不好點?Google 建議觸控目標至少 48×48 像素,間距至少 8 像素。

表單填寫體驗 如果你的到達頁面的轉換目標是填表單,手機版的表單體驗就格外重要。欄位太多、鍵盤跳來跳去、沒有自動填入提示,這些都會讓使用者放棄填寫,拉高跳出率,進而影響品質分數。

我們操作過一個客戶的案例:他的到達頁面在桌面版品質分數是 7,但行動版的到達頁面體驗是「低於平均」。主要問題是表單在手機上的體驗很差——8 個欄位擠在一起、下拉選單在 iOS 上跑版、送出按鈕被鍵盤遮住。

把表單從 8 個欄位精簡到 4 個、修正 iOS 的相容性問題、把送出按鈕固定在螢幕底部之後,品質分數從 5 回到 7,CPC 從 $42 降到 $31。搭配正確的出價策略,整體廣告效益提升更加明顯。

內容相關性:設計如何幫助或阻礙

到達頁面體驗的另一個重要面向是內容與使用者搜尋意圖的相關性。這看起來像是文案的事,但設計也有直接影響。

資訊層級 使用者搜尋「台北牙齒矯正費用」點了你的廣告,他到達頁面第一眼看到的應該是什麼?價格資訊。如果第一眼看到的是診所歷史介紹和醫師團隊照片,要往下捲好幾屏才看到費用,使用者就會跳出。

設計師在做到達頁面時,要跟廣告投放人員確認:這個頁面的目標關鍵字是什麼?使用者最想看到什麼資訊?然後把那個資訊放在最顯眼的位置。

視覺引導 好的設計能引導使用者的視線,從標題到重點資訊到 CTA,流暢地走完整個轉換路徑。不好的設計會讓使用者的注意力四散,不知道下一步該看哪裡。

減少干擾 到達頁面不是官網首頁,不需要放所有資訊。導覽列可以簡化甚至移除、側欄可以拿掉、不相關的連結越少越好。每一個能讓使用者離開轉換路徑的元素,都是潛在的流失點。

到達頁面設計的內容層級:從搜尋意圖到 CTA 的視覺引導路徑

信任感設計:使用者信任就是品質分數

Google 的文件明確提到,到達頁面需要讓使用者感到「可信賴」。信任感很大程度是透過設計傳遞的。

專業的視覺設計 一個看起來像 2010 年做的網站,跟一個現代感十足的網站,使用者對兩者的信任度差很多。不需要花大錢,但基本的排版、配色、字型選擇要到位。

社會證明 客戶 logo、使用者評價、案例數字、媒體報導⋯⋯這些元素放在到達頁面上,能顯著提升轉換率。位置也很重要——放在 CTA 旁邊比放在頁面最底部有效。

安全和隱私 如果你的表單需要蒐集個人資料,附近要有隱私權說明的連結。如果是電商,SSL 憑證和安全付款的標示要清楚。使用者沒有安全感就不會留資料。

聯絡資訊 頁面上有電話、地址、email,讓使用者知道這是一家真實存在的公司。特別是服務型業態,有實際地址比只有一個表單可信得多。

根據 Baymard Institute 的研究,18% 的使用者放棄線上表單是因為不信任網站的安全性。信任感設計不只影響品質分數,更直接影響轉換率。

常見的網站設計地雷

列出幾個我們在實務中最常看到、直接拉低品質分數的設計問題:

地雷 1:強制彈出視窗 使用者一進頁面就跳出全螢幕的訂閱彈窗或促銷視窗。Google 明確把這種干擾性插頁式廣告列為扣分項,尤其是在行動裝置上。

地雷 2:自動播放影片加音效 突然的聲音會嚇到使用者,他們的反應通常是直接關掉頁面。如果要放影片,設定為靜音自動播放或點擊才播放。

地雷 3:無限捲動的到達頁面 把所有資訊塞在一個超長頁面裡,使用者捲到手痠還找不到要的資訊。重點資訊集中在前 2-3 屏,其他用分頁或折疊呈現。

地雷 4:跟廣告不一致的視覺 廣告圖片用藍色調,到達頁面是紅色調。廣告強調「免費體驗」,到達頁面完全沒提到。這種不一致會讓使用者覺得被騙了,跳出率飆高。

地雷 5:隱藏重要資訊 價格藏在「聯繫我們」的背後、條款用 6px 的灰色字寫在頁面最底部。Google 重視透明度,隱藏重要資訊會被視為不良做法。

案例:B2B 軟體公司的到達頁面改造

一家販售 ERP 系統的 B2B 軟體公司,Google Ads 每月花 $150,000,但品質分數平均只有 4-5,CPC 居高不下。

問題診斷

  • 所有廣告都導到同一個首頁
  • 首頁載入時間 7.2 秒(行動版)
  • 行動版完全不能用,表單在手機上跑版
  • 頁面上沒有任何客戶案例或社會證明

改善措施

  1. 為三個核心產品線各建一個專屬到達頁面
  2. 圖片全面轉換為 WebP,移除不必要的第三方腳本
  3. 重做行動版的表單和排版
  4. 在每個到達頁面加入 3 個客戶案例和 ROI 數據
  5. CTA 從「聯繫我們」改成更具體的「索取免費 Demo」

改善結果(4 週後)

  • 行動版載入時間從 7.2 秒降到 2.8 秒
  • 品質分數從平均 4.5 提升到 7.2
  • CPC 從 $68 降到 $43(下降 37%)
  • 轉換率從 1.8% 提升到 4.2%
  • 同樣 $150,000 的月預算,詢問量從 40 件增加到 92 件

品質分數提升帶來的 CPC 下降,加上轉換率的提升,等於用同樣的錢拿到超過 2 倍的成果。這就是網站設計對廣告效果的影響力。

到達頁面改造前後的品質分數和 CPC 變化對比

設計和廣告要一起想

品質分數的到達頁面體驗不是上線後才要想的事,而是在設計到達頁面的時候就要考慮的。

如果你是廣告投手,在規劃到達頁面時要跟設計師溝通清楚:目標關鍵字是什麼、使用者的搜尋意圖是什麼、轉換目標是什麼。

如果你是設計師,接到到達頁面設計的需求時多問一句:「這個頁面的廣告關鍵字是什麼?」然後確保設計決策都往提升使用者體驗和內容相關性的方向走。

品質分數不是一個數字遊戲,它反映的是你的廣告和網站有多好地服務了使用者。把網站設計做好,品質分數自然會跟上來,廣告費也自然會花得更有效率。更多到達頁面的優化技巧,可以看到達頁面設計完整指南