CTA 是什麼意思？有哪些功能與目的呢？
CTA 全稱為「Call to Action」、中文為「行動呼籲」。是在網頁上、或行銷活動中指引用戶進行特定行為的訊息，例如：將商品加入購物車、訂閱電子報、註冊試用等。形式不拘，舉凡按鈕、圖片、GIF（動圖）、常在 Youtube 影片中聽到的「訂閱、按讚、開啟小鈴鐺」也是一種 CTA。
以網站而言，CTA 主要可以分為兩個目的：「提高網站轉換率」與「優化使用體驗」
A. 藉由 CTA 提高網站轉換率
設計良好的 CTA 可以刺激用戶進行我們希望他們從事的行動，進而將用戶轉為潛在或付費客戶、提升轉換率。舉例來說，在電商網站或 APP 上，你一定很常看到很明確的「立即購買」，鼓勵訪客消費；或以求職網站為例，通常會希望鼓勵投遞履歷，因此「立即應徵」的按鈕就會設計得格外明顯，藉以刺激用戶投遞履歷。
*The cases and related screenshots credited to MOMO & CakeResume
B. 藉由 CTA 優化使用體驗
CTA 的設置也可以作為網站上的動線指引，引導用戶更能專注於網站的內容，不需要因為模糊的動線而迷惑、甚至直接關掉網站。以媒體網站－報導者 THE REPORTER 為例，在文末會附上相關文章，讓讀者在閱讀完整報導或專題後，能夠進一步前往其他相關專題，不至於不知道下一步要做什麼而跳出網站。
*The case and related screenshot credited to 報導者 THE REPORTER
CTA 會影響 SEO 嗎？CTA 能提升網站 SEO 排名嗎？
Google 官方其實並沒有釋出「CTA 會直接影響搜索引擎排名」的相關正式文件。但站在優化使用者體驗與創造內部連結的角度而言，我們仍會建議把關好 CTA，進而有機會對 SEO 產生正面的影響。
A. 優化使用體驗：透過 CTA 提升用戶與網站的互動
正如之前幾篇文章提到過的（可參下延伸閱讀），Google 非常重視用戶在網站上的使用體驗，也推出了各項指標與因素進行用戶體驗的評估。因此如果能透過 CTA 完善整體網站佈局與動線，讓用戶在網站上有好的使用體驗、進而在網站上有更多互動，對 SEO 是很加分的。
關於使用體驗與 SEO 之間的關係，可參考：
延伸閱讀一：SEO 策略核心｜5 分鐘了解 UX、CRO 對 SEO 的影響
延伸閱讀二：網站體驗核心指標（Core Web Vitals）介紹：認識 LCP, FID, CLS 優化技巧
B. 創造內部連結：CTA 建立站上頁面的互相導流與連結
通常 Call to Action 是站內連結，引導至特定頁面或引導瀏覽特定內容。而內部連結的建構有助於 Google 爬蟲更好的理解站上內容、提升爬取網站的效率。
了解爬蟲如何運作的：Google 演算法攻略：演算法邏輯與重大更新解析（2023 更新版）
更多關於內部連結的知識：【網頁連結優化】外部連結、內部連結怎麼做？佈局網站連結優化策略！
CTA 行動呼籲 4 大設計要點
A. CTA 需明確的目標引導與指示
明確地表達想要的行動，建議使用動詞形式，如「註冊試用」、「下載免費指南」等。避免模糊的文字，讓用戶清楚知道下一步該做什麼。
B. CTA 適當的素材比例與配色
CTA 的設計應該與網站整體風格一致，並使用吸引人的顏色和視覺效果。適當的素材比例和配色可以讓 CTA 在網站中更加突出，吸引用戶的注意力。
C. CTA 放置的位置
建議放置於容易被注意到的地方，常見的 CTA 放置位置包括：
- 文末
- Navbar
- Sidebar
- Popup
D. 適配各裝置比例（RWD）
確保 CTA 在各種裝置上的呈現都符合要求，特別是在行動設備上。適配各裝置比例（RWD）確保用戶無論在桌面還是移動設備上都能輕鬆地看到並使用 CTA。
延伸閱讀：RWD 響應式網站是什麼？如何設計符合使用者需求的網站？
CTA 操作細節與注意事項不可疏忽！
A. CTA 以不影響用戶體驗為前提
在使用時不應打擾用戶的正常瀏覽體驗，有些網站設計過多的 Popup、在文章中塞入過多和文章無關的 CTA 連結，都可能造成用戶體驗不愉快。
B. 建立 CTA 的數據追蹤
為了解 CTA 的效果（點擊率、轉換率等），後續追蹤非常重要。建議可使用 GTM、GA、UTM 等追蹤方式，紀錄 CTA 的數據成效，比便優化。
延伸閱讀
- GA：【GA分析教學】搞懂Google Analytics四大報表，精準分析流量！
- GTM：【GTM 教學】Google Tag Manager 設定、埋碼一篇搞定！
- UTM：UTM 是什麼：網站經營必知的 GA 流量追蹤術！
C. 圖像 CTA 須設定 alt 替代文字
如果 CTA 是圖片，記得設定 alt 屬性。這有助於搜索引擎理解圖片的內容，並增加網站的可訪問性。
不同產業的 CTA 範例解析
以下精選三個不同產業網站的 CTA 範例，希望讀者看了之後能更了解 CTA 如何運用及設計喔！
A. 電商網站的 CTA 應用設計
CTA：加入購物車
*The case and related screenshot credited to asos
B. 內容媒體的 CTA 應用設計
CTA：註冊免費帳號、訂閱電子報
*The case and related screenshot credited to The New York Times
C. Saas 產業的 CTA 應用設計
CTA：立即註冊試用、預約操作 DEMO
*The case and related screenshot credited to OptiMonk
結語
儘管 CTA 不會直接影響網站的 SEO 排名，但它在轉換 SEO 帶來的流量和創造價值方面卻有著關鍵的作用，若想完善網站成果，好的 CTA 不可忽視。
Ranking 提供專業的網頁設計服務，在設計中融入明確且符合品牌調性的 CTA 引導，並搭載 SEO 模組與 GA & Search Console，協助網站主們收集、分析網站數據。一鍵聯絡 Ranking、打造脫穎而出的品牌網站：Ranking 網頁設計服務。
