CHAPTER 14 / MARKETING

行銷、SEO、
GEO/AEO、數據追蹤

網站做完沒人來等於沒做。這章從傳統 SEO 到 2026 必學的 GEO（Generative Engine Optimization，讓 ChatGPT/Perplexity 引用你）、AEO（Answer Engine Optimization），再到 GA4 + GTM 數據追蹤。 會這套你就不只是工程師，是能幫客戶賺錢的工程師。

會做 SEO，讓 Google 找到你
會做 GEO/AEO，讓 AI 推薦你
會用 GA4 + GTM 追蹤所有使用者行為
會看數據做行銷決策
會操作 LINE OA、社群、Email 漏斗

LESSON 14.1

SEO 基礎：讓 Google 找到你

SEO（Search Engine Optimization）三大支柱：

Technical SEO：網站結構、速度、爬蟲讀得懂
On-page SEO：內容、關鍵字、標題
Off-page SEO：別人連到你（backlinks）

Technical SEO 必做

HTTPS（第 12 章）
Mobile-friendly（RWD）
Core Web Vitals 過關（第 5 章）
sitemap.xml、robots.txt
結構化資料（JSON-LD schema.org）
每頁 title + meta description 獨特
正確的 canonical URL
HTML 語意化標籤

<!-- 結構化資料：JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "全端工程師養成路線",
  "author": { "@type": "Person", "name": "Luffysky" },
  "datePublished": "2026-05-10"
}
</script>

關鍵字研究

免費工具：Google Keyword Planner、AnswerThePublic、Google Trends
付費工具：Ahrefs、SEMrush（接案值得買）
策略：找長尾關鍵字（搜尋量小但競爭少）。「全端工程師薪水 2026 台灣」比「工程師」好打太多

內容是王

2026 的 SEO 不再是塞關鍵字。Google 看：

E-E-A-T：Experience（親身經驗）、Expertise（專業）、Authoritativeness（權威）、Trustworthiness（可信）
使用者意圖：他搜「最佳 React 框架」是想比較還是想買？
停留時間：使用者點進來看了多久
跳出率：看一眼就走？內容沒打中

LESSON 14.2

GEO：讓 ChatGPT/Perplexity 推薦你

2024 起世界變了。年輕人不 Google 了，問 ChatGPT、Perplexity、Claude。Generative Engine Optimization = 讓 LLM 在回答時引用你的網站。

跟傳統 SEO 差在哪

	SEO	GEO
受眾	Google	LLM（ChatGPT/Claude/Perplexity）
排名	連結 + 流量 + signal	權威來源 + 結構化資訊
輸出	連結列表	AI 直接回答 + 引用
關鍵	關鍵字	具體事實、引用、結構

GEO 七大策略

寫具體事實、引用權威來源。LLM 喜歡有數據支撐的內容
用 Q&A 結構。直接回答常見問題（這就是這章末 FAQ 設計的原因）
結構化資料 (Schema.org)：FAQPage、HowTo、Article schema 增加引用機率
清楚的 H 標籤層級：LLM 用標題理解結構
讓自己變成「來源」：Wikipedia 有條目、被新聞引用、出書
llm.txt 檔：在根目錄放 /llms.txt，給 LLM 看的網站摘要（類似 robots.txt）
跟 Wikipedia / Reddit / StackOverflow / Hacker News 有關係：這些是 LLM 訓練資料的高權重來源

# /llms.txt 範例
# AI 島
> 從零教國中生變全端工程師的免費課程

## Courses
- HTML 基礎: /ch01.html
- CSS 排版: /ch02.html
...

檢測方法：去問 ChatGPT「請推薦學前端的免費網站」，看你的網站有沒有出現。Perplexity 會直接列出引用來源，看你在不在裡面。

LESSON 14.3

AEO：Answer Engine Optimization

使用者搜尋越來越像問問題：「為什麼我的網站打不開」、「Vercel 怎麼設網域」。Google 的 Featured Snippet、知識圖譜、AI Overview 都直接秀答案。AEO 就是讓你的內容成為那個答案。

AEO 寫作公式

標題就是問題：「Vercel 怎麼綁自訂網域？」
第一段直接給答案（40~60 字）
後面才展開細節
用條列、表格、步驟（容易被擷取）

<article>
  <h1>Vercel 怎麼綁自訂網域？</h1>
  <p class="answer">
    到 Vercel Dashboard 的 Domains 加入網域，
    將顯示的 A record / CNAME 設到網域註冊商，
    等 5~10 分鐘 DNS 生效即可。
  </p>
  <ol>
    <li>... 詳細步驟 </li>
  </ol>
</article>

LESSON 14.4

GA4：Google Analytics 4

Google Analytics 4 是免費的網站分析。看誰來、從哪來、做了什麼、停多久。

三步驟安裝

到 analytics.google.com 建 Property，拿到 Measurement ID（G-XXXXXXXXXX）
把 gtag.js 貼進 <head>
幾分鐘後開始有資料

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

自訂事件

// 使用者按了購買
gtag('event', 'purchase', {
  value: 2980,
  currency: 'TWD',
  items: [{ item_id: 'sku-1', item_name: 'AI Director 課程' }]
});

// 使用者註冊
gtag('event', 'sign_up', { method: 'email' });

四個必看指標

Engaged sessions：有效訪問（停 10 秒以上 / 看 2 頁以上）
Conversion rate：訪客完成你定義的目標的比例
Source / Medium：流量來源（搜尋、社群、直接、推薦）
Top pages：哪些頁面最熱

LESSON 14.5

GTM：Google Tag Manager

GA4 需要在每個地方寫 gtag()。GTM 是「不寫 code 在後台設追蹤」的工具。行銷人員自己改不用煩工程師。

怎麼用

tagmanager.google.com 建 Container，拿到 GTM-XXXXXX 程式碼
把 GTM 貼到網站（取代 GA4 的程式碼，GA4 改用 GTM 載入）
後台建 Tag（追什麼）+ Trigger（什麼時候觸發）

常見 Tag

GA4 Configuration（基本追蹤）
GA4 Event（按鈕點擊、表單送出）
Meta Pixel（Facebook 廣告）
LINE Tag
Hotjar / Microsoft Clarity（看使用者錄影）

dataLayer：跟 GTM 對接

// 在程式裡 push 事件
window.dataLayer.push({
  event: 'add_to_cart',
  product_id: 'sku-1',
  price: 2980
});

// GTM 後台建一個 Trigger 監聽 'add_to_cart' 事件
// 觸發 GA4 Event Tag、Meta Pixel Tag

接案時把 GTM 設好給客戶，他們之後想加 Pixel、加追蹤都自己後台改，不用一直找你 = 你省時間，他們省錢，雙贏。

LESSON 14.6

行銷漏斗與通路

AARRR 海盜指標

Acquisition：怎麼讓人來
Activation：怎麼讓他「啊哈！」
Retention：怎麼讓他回來
Revenue：怎麼收錢
Referral：怎麼讓他推薦朋友

台灣常見通路

通路	適合	關鍵
SEO	長期、被動	內容 + 6~12 個月耐心
Threads / IG	年輕族群	每天發、視覺強
FB 社團	中年、地方	真誠、長期經營
YouTube	知識內容	標題 + 縮圖 + 開頭 30 秒
LINE OA	客戶留存	分眾、別群發
Email	高轉換	價值 > 推銷
FB / Google Ads	有預算的精準	素材 + 受眾 + 落地頁

LINE 官方帳號（OA）

台灣使用率 90%+，年長客群尤其。串接 LINE Login（OAuth）、Messaging API（Bot）、LIFF（Webview）做出客戶服務 + 分眾推播。Insight 平台就深度整合 LINE。

LESSON 14.7

A/B 測試與轉換優化

「按鈕用紅色還是綠色點擊率高？」直接做兩版讓系統隨機分流，看哪版表現好。

工具

GA4 Audience + URL 分流（免費）
Microsoft Clarity（看使用者怎麼操作，免費）
VWO / Optimizely（付費）
自己用 Cloudflare Workers / Edge 做 A/B 分流

常見 A/B 測試項目

標題
CTA 按鈕文字 / 顏色 / 位置
價格頁排列
表單欄位數量
免費試用 vs 折扣

樣本數不夠的「贏」是假象。測試到 95% 信心區間（通常每個版本要 1000+ 訪客）才能下結論。

練習：架行銷追蹤

把第 11 章的部落格裝 GA4 + GTM
追蹤事件：頁面瀏覽、文章閱讀完成（捲到 90%）、點訂閱按鈕
加 JSON-LD Article schema
提交 sitemap 給 Google Search Console
寫 /llms.txt
跑 PageSpeed Insights，把分數拉到 90+

常見卡關 FAQ

// 行銷學員最常問的問題

SEO 多久看到效果？

3~12 個月。新網站前 3 個月幾乎沒人來很正常。要不放棄就贏一半人。長尾關鍵字 + 持續發文是唯一解。

GEO 真的有效嗎？

2026 年 ChatGPT 流量 8 億 / 月、Perplexity 5000 萬，很多年輕人不再 Google。GEO 是新流量入口。早做卡位。

應該投廣告嗎？

看單位經濟。算 LTV（客戶終身價值）/ CAC（獲客成本）> 3 才划算。沒算過就投是燒錢。先做有機流量，數據準了再投。

GA4 跟 Universal Analytics 哪裡不同？

UA 已經終止（2023/7）。GA4 完全不同思維：以「事件」為中心而非「頁面瀏覽」。報表結構差很多。新專案直接學 GA4。

Cookie 同意彈窗一定要嗎？

客群在歐洲必須（GDPR）；只在台灣不強制但建議裝。可用 Cookiebot、tarte.io 或自己寫。不能在使用者按「同意」前就開始追蹤。

← 上一章

14 資安

16 App