為什麼 ChatGPT 找不到你的網站?2026 AEO 完全指南

從 Framer AEO Scanner 實測到 8 大實戰檢查清單,AI 搜尋時代個人品牌與小型網站的新地基
設計師 Riven

設計師 Riven

2026年5月2日 上午 2:08

AI 設計
為什麼 ChatGPT 找不到你的網站?2026 AEO 完全指南封面

SEO 教你被 Google 找到。AEO 教你被 ChatGPT 引用。當使用者開始問 AI「幫我推薦一個 X 領域的工具/服務/專家」,你的網站如果寫得像 2018 年的部落格文,AI 永遠不會把你的名字念出來。

CHAPTER 01 / WHAT IS IT

AEO 是什麼?

Answer Engine Optimization 答案引擎優化

AEO 全名 Answer Engine Optimization,中文叫「答案引擎優化」。它是一套讓你的內容被 ChatGPT、Perplexity、Claude、Google AI Overviews 等 AI 系統直接引用為答案的方法論。SEO 求的是「在 Google 排名前 10」,AEO 求的是「被 AI 選為答案本身」。一個是被找到,一個是被引用。

這不是未來式。2026 年現在,超過 60% 的搜尋以「無點擊」結束——使用者得到答案,但從未進入任何網站。當 AI 直接回答而不再列出十個藍色連結,你的可見度不再取決於排名,而是取決於 AI 在生成答案時,有沒有讀到、有沒有理解、有沒有引用你寫的內容。

THE SHIFT

60%

的搜尋現在以「無點擊」結束

AI 直接回答,使用者不再點進你的網站

◆ ◆ ◆

CHAPTER 02 / THE SHIFT

為什麼 2026 年突然重要?

搜尋行為的歷史性轉折點

搜尋這件事,在過去 25 年只發生過兩次大轉變。第一次是 2000 年代初 Google 取代 Yahoo 目錄式搜尋;第二次是 2010 年代行動裝置改變搜尋習慣。2025–2026 年正在發生第三次——搜尋從「列出連結」變成「直接給答案」。

ChatGPT 在 2024 年單月就有 18 億次造訪,超越 Bing 成為全球第二大搜尋入口。Perplexity 從零開始用兩年做到 2 億次月查詢。Google 自己也加上了 AI Overviews——你搜尋之後,最上面那段「AI 整理的答案」直接吃掉 30% 以上的點擊率。

SEO vs AEO

遊戲規則

SEO:在 SERP 排名前 10

AEO:被 AI 選為答案的引用來源

優化重點

SEO:關鍵字 + 反向連結

AEO:問句結構 + 結構化資料

內容偏好

SEO:長文、關鍵字密度

AEO:直接答案、清楚切片

成功指標

SEO:點擊率 + 排名

AEO:被引用次數 + 品牌提及

關鍵的觀念差別是:SEO 你跟其他網站搶排名,輸贏看排名;AEO 你跟其他網站搶被 AI 引用,輸贏看「AI 念出你的名字幾次」。後者沒有排名,只有「有沒有出現」。一個品牌如果沒有被 AI 引用,等於在新一代搜尋裡完全消失——使用者不會看到你,也不會知道你不存在。

◆ ◆ ◆

CHAPTER 03 / WHO IS AT RISK

為什麼這場改變對個人品牌跟小型網站衝擊最大?

大公司有預算補位,小型網站只能靠結構搶引用

接案工作者、自由業、知識型內容創作者、做個人品牌的人、小型 SaaS 創辦人、地方型服務業——這群人對搜尋曝光依賴度特別高,但又特別容易被 AEO 浪潮甩在後面。原因有三個:

01

使用者開始問 AI 找服務、找產品、找人

以前 Google 搜「台北最好喝的咖啡」「適合新創的 CRM」「擅長 SaaS 設計的設計師」,看到的是排名前十的網站。現在使用者直接問 ChatGPT,AI 會從它讀過的資料裡點名三個選項。如果你的網站沒寫成 AI 讀得懂的格式,你就不在那份名單裡——而 AI 給的是三選一,不是十選一,排不進前三等於完全消失。

02

小型網站的結構天生不利 AEO

個人品牌、作品集、產品 landing page、創作者個人站——這類網站為了視覺感,常把文字塞進圖片、用滿版動畫、首頁字數少、沒有清楚的標題階層、沒有部落格累積長文。這些東西在視覺設計上加分,但 AI 完全讀不到。你做了一百件事,AI 只看到首頁那句 slogan。

03

個人品牌的複利從「追蹤數」變成「引用次數」

過去衡量個人品牌的指標是:追蹤數、文章閱讀數、講座邀請數。AEO 時代多一個更重要的指標——你的名字、你的觀點、你的產品,被 AI 引用幾次。每一次引用都是免費曝光,而且帶權威感(「根據 X 在某文章中的觀點……」)。同樣的內容,被引用一次跟一百次,品牌資產差距是百倍級的。

"

在 AEO 時代,「有沒有部落格」「網站結構乾不乾淨」
不再是加分項,而是「使用者找不找得到你」的基礎建設。

— 設計師 Riven

◆ ◆ ◆

CHAPTER 04 / SCANNER

Framer AEO Scanner 實測

10 秒掃描你的網站,看 AI 怎麼讀

這篇文章的起點是 Framer 上線的免費工具:framer.com/aeo。輸入網址 + email + 產業,10 秒給你一個 AEO 分數,標出網站哪些地方 AI 讀得懂、哪些地方完全失明。

這個工具是免費的,但它不是 Framer「做善事」。Framer 推這個工具的真正動機很策略:把自己定位成「AEO-ready 建站平台」。第三方數據已經在背書這個敘事——Framer 預設輸出的 DOM 結構乾淨、類似 Markdown,比 WordPress、Wix、Squarespace 那些充滿 div 巢狀的網站更容易被 AI 解析。當 AEO 變成必修課,「該用什麼工具建站」這個老問題就會被重新問一次,Framer 想要的就是這個重新問的瞬間。

SCANNER CHECKS

Framer Scanner 主要在檢查什麼

A. CONTENT STRUCTURE

標題階層 / FAQ 區塊 / 直接答案段落 / 清單與表格

B. METADATA

Meta title、description、Open Graph、JSON-LD schema

C. CRAWLABILITY

robots.txt 是否封鎖 GPTBot、ClaudeBot、PerplexityBot

D. AUTHORITY SIGNALS

作者署名、發布日期、引用來源、外部連結

E. RENDERING

內容是否在 SSR 階段就送出,還是要等 JS 才生成

Framer 的 Scanner 不是業界唯一一個——AEOAgent、SEMrush、Ahrefs 也都推出類似工具。但 Framer 的免費版本最簡單、最快、給設計師的視覺呈現也最好。當作「初步診斷」夠用,要更深入的修正建議再付費或用其他專業工具補強。

◆ ◆ ◆

CHAPTER 05 / HOW TO

AEO 實戰 8 大檢查清單

不必重做網站,從這八件事開始就有複利

這份清單是給網站擁有者用的,不是給 SEO 工程師用的。意思是——每一項你都做得到,不需要會寫程式,不需要懂後端。從你下一篇部落格、下一個 landing page 開始套,半年後你會看到 AI 引用率明顯改變。

01

QUESTION-FORMAT TITLES

標題改成問句

AI 在尋找答案時,最直接會去找「跟使用者問題格式接近的標題」。把以前的「Higgsfield AI 介紹」改成「Higgsfield AI 是什麼?怎麼用?」就是這個道理。

範例:「設計師作品集」→「設計師作品集要放幾個案子?2026 接案版作品集架構」

02

QUICK ANSWER BLOCK

前 150 字直接給答案

AI 抓段落引用時,最常拿的是「文章開頭的第一段答案」。如果你習慣寫「在開始之前先說個故事……」這種敘事鋪陳,AI 會直接跳過你。改成第一段直接定義主題、第二段才開始鋪陳。這篇文章的 CHAPTER 01 就是示範。

03

FAQ SECTION

文末固定加 FAQ 區塊

每個 FAQ 問題等於多一個「retrieval entry」——AI 把每題當成獨立的 micro-answer 來索引。你的一篇文章從「一個答案來源」變成「七、八個答案來源」。每題一句話直接答,不要用「這個問題很複雜,讓我們慢慢看……」這種拖戲。

04

JSON-LD SCHEMA

埋 JSON-LD 結構化資料

四種一定要有:FAQPage(問答區)、Article(文章本身)、Person(作者你自己)、Organization(你的品牌或公司)。不會寫沒關係,ChatGPT 寫一個給你貼進去就好。Teachify 部落格在文章 HTML 末加 script type="application/ld+json" 即可。

隱藏進階版:加 SpeakableSpecification,告訴 AI 哪一段最適合被語音助理朗讀。

05

CLEAN HEADING HIERARCHY

標題階層保持乾淨

H1 一篇文一個(通常是文章標題)、H2 是大章節、H3 是子題。不要跳級(H2 直接跳 H4),不要用 H 標當視覺裝飾。AI 用標題做語意切片——標題亂,等於把一篇文章變成一團糊掉的湯。

06

DESCRIPTIVE ALT TEXT

圖片 alt 寫成完整描述

以前寫「Figma 介面」過關,現在不夠。改成「Figma 自動排版功能在 Component 內的應用截圖」——具體、有上下文、有關鍵字。對視覺類內容尤其重要:產品截圖、案例展示、團隊照片的 alt 寫得好,AI 才認得這是什麼類型的內容,才有機會把你的網站列為相關推薦。

07

META AS DIRECT ANSWER

Meta description 寫成答案

以前 meta description 寫「在這篇文章裡你會學到……」。改成直接回答 H1 那個問句。「Higgsfield AI 是什麼?」H1 對應的 meta 就是「Higgsfield AI 是一款 AI 影片生成工具,主打電影級鏡位控制與 cinematic camera moves……」。AI 抓 meta 當摘要,這段就是你被引用的版本。

08

INTERNAL LINK GRAPH

建立內部連結知識圖譜

每篇文章互相引用——談 Figma AI 時連到 Figma Make 教學、談 Claude Code 時連到 Claude Cowork 介紹。AI 引用一篇,會連帶看到你寫過的相關主題,慢慢把你的整個網站建構成「這個主題的權威來源」。內部連結是 AEO 時代被低估最嚴重的一項。

◆ ◆ ◆

CHAPTER 06 / TOOL STACK

建站工具的 AEO 友善度比較

同樣的內容,不同平台被引用的機率差很多

AEO 不只是內容怎麼寫,也是「平台輸出的 HTML 長什麼樣」。同樣一篇文章放在不同建站工具上,AI 讀得到的版本可能差很多。Anvil 等多家研究機構的觀察是:Framer 在 LLM 引用率上明顯領先其他主流建站工具,原因是它預設輸出的 DOM 結構乾淨、近似 Markdown,比起 WordPress 那種充滿巢狀 div 的 HTML 更容易被機器解析。

PLATFORM COMPARISON

Framer

A+

DOM 乾淨、SSR 預設、JSON-LD 自訂程式碼簡單,AEO 第三方工具與引用率第一

Webflow

A

CMS 結構欄位友善、可寫 schema、效能好;blog 取向比 Framer 更深

WordPress

B

外掛生態最完整(Yoast、Rank Math),但版型 HTML 常常臃腫;要看主題

Ghost

A

部落格專用、HTML 極乾淨、效能優秀,schema 內建;最適合純內容站

Squarespace

B-

視覺簡單但 HTML 結構封閉、自訂程式碼受限,schema 操作不便

Wix

C

JS 渲染依賴重、HTML 結構深層巢狀、AI 爬蟲能讀到的內容往往不完整

作品集站的話我會強烈建議 Framer 或 Webflow——前者上手快、AEO 預設值最好;後者長期經營的彈性更大。內容站(部落格為主)的話 Ghost 是被低估的選擇,HTML 乾淨到接近極致。如果你已經在用 WordPress 或 Squarespace,不一定要換,但要花更多力氣手動補 schema 和清理輸出。

想試試 Framer 的話可以從這裡開始:framer.com(這是我的邀請連結,免費額度直接夠你做完一個作品集站)。Framer 的 AEO Scanner 也是免費的,先掃自己現有的網站看分數,再決定要不要遷移。

◆ ◆ ◆

CHAPTER 07 / FAQ

AEO 常見問題

這個區塊本身就是 AEO 結構的示範

Q. AEO 會不會取代 SEO?

不會。AEO 是 SEO 的延伸,不是替代。SEO 處理「Google 排名」,AEO 處理「AI 引用」,兩者底層都需要乾淨的 HTML、清楚的標題、好的內容。做 AEO 的同時 SEO 也會變好;但反過來不一定。

Q. 我用 Teachify / WordPress 也能做 AEO 嗎?

可以。AEO 大部分是「內容怎麼寫」的問題,不是「平台是什麼」的問題。把標題改問句、開頭給答案、加 FAQ、寫 alt——這些任何平台都做得到。Schema 可以用自訂程式碼或外掛補上。

Q. 我需要把舊文章全部重寫嗎?

不用。先從流量最高的 5–10 篇舊文開始改:標題加問句版、開頭補 Quick Answer、文末加 FAQ。其他舊文順其自然;新文一律照新規範寫。三個月你會看到引用率明顯改變。

Q. AEO 的成效怎麼追蹤?

三個方法:(一)定期問 ChatGPT / Perplexity 跟你領域相關的問題,看會不會引用你;(二)用 GEO Metrics、LLMO Metrics、Anvil 等專業追蹤工具;(三)看 Google Search Console 的「AI Overviews」流量分項(已經逐步開放)。

Q. JSON-LD schema 我不會寫怎麼辦?

直接叫 ChatGPT 寫。把你的文章貼給它,跟它說「幫我寫 FAQPage + Article schema 的 JSON-LD」,它會生出完整可貼的程式碼。每篇文章複製一次微調即可,不需要學完整的 schema.org 規範。

Q. 我的 robots.txt 該不該擋 AI 爬蟲?

如果你希望被 AI 引用——絕對不要擋。擋了 AI 就讀不到你,引用率歸零。如果你是企業內部資料、付費內容、會員專區,那才需要選擇性擋(GPTBot、ClaudeBot、PerplexityBot、CCBot 是主要的幾隻)。

Q. AEO 多久看得到效果?

改寫的當下生效(AI 下一次爬到就讀到新版本),但「明顯感覺得到改變」通常要 2–3 個月,因為 AI 模型也需要重新爬取與更新內部索引。早做早累積複利。

◆ ◆ ◆

CHAPTER 08 / AFTERWORD

SEO 不死,但遊戲規則重寫了

最該做的不是焦慮,是先動

AEO 不是 SEO 的繼任者,是 SEO 的演化版。底層的東西沒變——好內容、清楚結構、讓機器讀得懂。但表層遊戲規則重寫了:你不是在跟其他十個搜尋結果搶排名,你是在跟所有 AI 讀過的內容搶被引用的瞬間。輸贏不是「第幾名」,而是「ChatGPT 念不念得出你的名字」。

這對小型網站、個人品牌、知識型內容創作者反而是個機會。大公司有 SEO 團隊一直在做,你拚不過;但 AEO 是新規則,大家一起從零開始。多數網站懶得寫部落格、懶得弄 schema、懶得寫 alt 文字,各行各業的 AEO 平均水準爛到不可思議。你只要從這份 8 點清單做完一半,就能在你的小領域裡變成 AI 最常引用的少數幾個來源——這個身分一旦建立,後面的流量、合作、機會都是複利。

"

AI 時代的個人品牌經營,
不是讓更多人記得你,
是讓 AI 記得你。

SUMMARY

關鍵重點整理

AEO 是讓 AI 把你選為「答案來源」的優化方法,跟 SEO 共存不衝突

超過 60% 的搜尋以無點擊結束,AI 不引用你 = 你不存在

AEO 對個人品牌跟小型網站複利特別大:使用者開始用 AI 找答案,多數小型網站結構天生不利 AI 解析

8 件事就能開始做:問句標題、Quick Answer、FAQ、JSON-LD、標題階層、alt 文字、meta 答案化、內部連結

建站工具 AEO 友善度:Framer / Webflow / Ghost 領先,Wix / Squarespace 落後

先用 Framer AEO Scanner 免費掃自己網站當基準,再開始改

RESOURCES / 延伸資源

Framer AEO Scanner — 免費網站 AEO 健檢

Framer 建站工具(Riven 邀請連結)

Framer Answer Engine Optimization Guide — 官方 AEO 完整指南

Schema.org — JSON-LD 結構化資料官方規範

AEOAgent.ai — 進階 12 項因子 AEO 掃描工具

EDITOR'S PICK

AI 覺醒設計應用攻略訂閱方案封面

SUBSCRIPTION

AI 覺醒設計應用攻略

AI 工具每週都在更新,AEO、Prompt、設計流程也跟著進化。這個訂閱方案幫你過濾雜訊,只整理對設計師真正有用的 AI 應用

AI 工具實測與工作流分享

設計師角度的 Prompt 與 AEO 技巧

每週精選 AI × 設計新知