Framer 網域怎麼綁?DNS 設定、SSL 憑證與五個最常卡關的地方

從 framer.website 換成自己的名字,難的不是操作,是那些沒人先告訴你的地雷
設計師 Riven

設計師 Riven

2026年8月19日 上午 5:43

AI 設計

FRAMER · DOMAIN & DNS · 2026

文章主視覺:左側是標題「Framer 網域怎麼綁?」,右側玻璃質感的卡片標示 A、CNAME、AAAA、CAA 四種 DNS 記錄,連向一個顯示自訂網域的瀏覽器視窗與 SSL 鎖頭圖示

▲ 四種記錄、一個憑證,綁網域要處理的就是這幾件事

QUICK ANSWER

Framer 綁自訂網域有兩條路:年繳方案可以直接領一個免費網域,DNS 全自動;自己買的網域則要到 Site Settings 加入,再回註冊商填 Framer 給的 A 記錄與 CNAME。SSL 憑證 Framer 自動申請與續期,不用手動處理。真正會卡住的通常不是操作,是 AAAA 記錄、CAA 記錄與 Cloudflare 代理這三件沒人先講的事。

CHAPTER 01 · HOW DNS WORKS

DNS 是網路的電話簿

設計師對 DNS 的恐懼,大部分來自它長得像工程的東西。但它的原理只有一句話:把人記得住的名字,翻譯成機器找得到的地址。

你在瀏覽器打一個網域,電腦不知道那是什麼,它會去查電話簿——這本電話簿就是 DNS。查到的結果是一串 IP,然後才連過去。綁網域到 Framer,做的事就是修改那本電話簿裡你那一頁,讓它指向 Framer 的伺服器。

示意圖:左邊是網域名稱、中間是寫著 A 記錄與 CNAME 記錄的對應表、右邊是網站伺服器,三者用箭頭串成一條查詢路徑

▲ 網域名稱經過 DNS 記錄這張對應表,才找得到網站真正的位置(圖中數值為示意)

要記的只有兩種記錄。搞懂這兩個,後面所有步驟都會變成照抄。

記錄類型
用在哪裡
它指向什麼
A 記錄
根網域,也就是不帶 www 的那個
一組 IPv4 位址,由 Framer 提供,直接照抄
CNAME
子網域,例如 www 或 blog 開頭的
另一個網域名稱,不是 IP,同樣照抄 Framer 給的值
AAAA
不要用
IPv6 位址。Framer 不支援,而且它會擋住 SSL 發行
CAA
有設才要管
規定誰可以發你的憑證,設錯等於自己鎖門

一個要先建立的觀念:Framer 不管你的 DNS。這些記錄都要在你買網域的地方設定——Cloudflare、Namecheap、GoDaddy、Gandi 都可以,Framer 只負責告訴你要填什麼值。搞混這件事是新手第一個死結,會在 Framer 後台到處找設定 DNS 的地方,找不到。

CHAPTER 02 · TWO PATHS

兩條路,先決定走哪一條

網站發佈之後,Framer 會給你一個 framer.website 結尾的網址。它能動、能分享、能給客戶看,但它不是你的。權重累積在 Framer 身上,而且沒有人會相信一個副網域上的品牌。

Framer 編輯器右上角的發佈面板,顯示一個 framer.website 結尾的預設網址,下方有 Get Free Domain 與 Update 兩個按鈕

▲ 發佈面板裡的預設網址,跟旁邊那顆領取免費網域的按鈕

第一條路是 Framer 送的免費網域。年繳方案可以直接領一個,透過 Framer 合作的註冊商完成註冊,DNS 全部自動配置,幾秒鐘就生效。優點是零門檻,完全不用碰任何記錄。要留意的是一個訂閱只能領一個、只限年繳、第一年之後照註冊商原價續費,而且領過之後方案就不能退款。

Framer 網域服務的官方主視覺,純黑背景上一個黑色方塊,頂面刻著 Framer 標誌,側面泛著彩虹色的稜鏡光暈

▲ Framer 官方網域服務主視覺

第二條路是你自己買的網域。接案幾乎都走這條,因為網域通常在客戶手上,或是客戶指定要用某個註冊商。步驟多幾步,但流程對所有註冊商都一樣,差別只在後台長相不同。

CHAPTER 03 · THE FOUR STEPS

綁自己的網域,四個動作

Framer 那邊只要幾分鐘,剩下的時間都在等 DNS 傳播。順序不要跳。

四個步驟的流程圖:在 Framer 新增網域、到註冊商新增 DNS 記錄、移除舊的衝突記錄、等待傳播完成並驗證 SSL

▲ 四個動作的流程總覽。步驟二的表格是示意畫面,實際只要填 A 與 CNAME 兩列,AAAA 不要新增——原因見第四章

1

在 Framer 加入網域

Site Settings 進 Domains,點連接你自己的網域,把網域打進去。Framer 會立刻列出你要填的 A 記錄與 CNAME 值——這一頁不要關,等一下要照抄。

2

回註冊商填記錄

找到 DNS 管理面板,通常在網域設定底下叫 DNS Records。根網域填 A 記錄,www 填 CNAME,只有這兩列。主機欄位有的註冊商要填 @,有的要填完整網域,看它原本既有的記錄怎麼寫就跟著寫。

3

清掉不該存在的舊記錄

這一步最多人漏。註冊商買網域時常自動塞一組停放頁面的 A 記錄,還可能有網址轉址設定。多出來的記錄會跟 Framer 的打架,結果是網站時好時壞。也要順手確認沒有任何 AAAA 記錄。

4

等傳播,然後驗證

DNS 傳播官方說最多 48 小時,實務上多半一小時內就好。等待期間用 DNS Checker 這類工具查你的 A 與 CNAME 是不是全球都回傳正確的值。全綠之後回 Framer 按重新整理,它會確認連線成功,SSL 也會自動發下來。

官方有一支影片把整個流程走過一遍,包含免費副網域跟自訂網域兩種情況:

▲ Framer 官方教學:發佈網站與連接網域

網域綁不起來的時候,九成問題不在 Framer,在那本電話簿裡多出來的舊記錄。

CHAPTER 04 · SSL

SSL 沒生效的兩個隱形殺手

先講好消息:Framer 的 SSL 憑證是自動申請、自動續期的,HTTP 轉 HTTPS 也自動處理,你完全不用碰。這件事在十年前是要付錢買、每年手動換的。

但自動有前提。如果你的網站連上了卻顯示不安全,或是 HTTPS 一直發不出來,八成是下面兩個東西在擋。

殺手一 · AAAA 記錄

AAAA 指向 IPv6 位址,而 Framer 不支援 IPv6。只要存在 AAAA 記錄,憑證就可能發不下來,HTTPS 直接壞掉。麻煩的是有些註冊商會自己幫你加,你根本沒設過。查一下,有就刪掉;刪掉又長回來就去找註冊商客服。

殺手二 · CAA 記錄

CAA 規定哪些機構可以幫你的網域簽發憑證。沒設的話不用管,但只要設了,就必須同時放行 Framer 用的兩家——Let's Encrypt 與 ZeroSSL。少放一家就可能簽不出來。而且 CAA 是整個網域層級的規則,所有子網域一起受影響。

CHAPTER 05 · WHAT GOES WRONG

五個最常卡關的地方

照順序檢查,通常在第三項之前就會找到問題。

整理圖:左側依序列出五個卡關點——Cloudflare 代理開啟中、舊的 A 記錄仍存在、名稱伺服器指向其他地方、本機 DNS 快取仍顯示舊站、網域已被其他 Framer 專案佔用;右側另闢一塊標示 AAAA 與 CAA 兩個會擋住 HTTPS 的 SSL 地雷

▲ 五個卡關點,加上右邊那兩顆專門擋 HTTPS 的地雷

症狀
通常是什麼,怎麼修
網站一直轉圈或無限重導
Cloudflare 的代理開著(橘色雲)。Framer 自己有 CDN 跟憑證,兩邊會打架。把 A 記錄跟 CNAME 都改成僅 DNS(灰色雲)
看到註冊商的停放頁面
舊的停放 A 記錄還在,或是有網址轉址設定沒關。全部刪掉,只留 Framer 給的值
記錄填了卻查不到
網域的名稱伺服器被指到別的地方了。確認用的是註冊商預設的那組,不然你改的那份根本沒人在看
別人看得到,你看到舊網站
本機 DNS 快取。換無痕視窗、換手機網路、或直接等 24 小時
說網域已被其他專案佔用
同一個網域在另一個 Framer 專案裡還掛著。先去那邊移除;沒有存取權就寫信給官方請他們釋出

還有一種註冊商本身有限制的情況。如果它只讓你填一組 A 記錄,只填一組也能動;如果它只讓你改名稱伺服器,那就把 DNS 託管到 Cloudflare 之類的服務,再到那邊設記錄。

CHAPTER 06 · CLIENT WORK

接案時,網域是誰的很重要

前面都是技術,這一段是生意。設計師在網域這件事上吃過的虧,通常跟 DNS 沒關係。

網域一定要註冊在客戶名下。用你的帳號幫他買很方便,但那個網域法律上就是你的資產,將來合作結束、或是客戶換人接手,移轉會變成一場談判。正確做法是請客戶自己註冊,你只要一組 DNS 管理權限。

動客戶既有網域之前,先截圖存證。把現有的 DNS 記錄整頁截下來再開始改。如果那個網域同時掛著公司信箱,那些 MX 記錄絕對不能碰——刪掉的話全公司當天就收不到信,而且是你動的手。

舊站搬過來的案子,轉址要一起做。網域指過來只是換了房子,客戶原本累積的搜尋排名還綁在舊路徑上。這部分屬於 Framer 的 SEO 設定,跟網域一起排進交件檢查表。

Framer 主機服務的功能總覽圖,顯示預熱容量狀態、圖片從 PNG 壓縮成 AVIF 節省 81%、99.99% 上線率,以及路徑轉寫規則設定面板

▲ 網域綁上去之後,主機端的壓縮、快取與上線率都是 Framer 在顧

值得一提的是,綁了自訂網域才解鎖得到多站台路徑轉寫與自訂標頭這類進階功能。如果客戶的部落格還留在別的平台,可以用轉寫規則把它掛在同一個網域底下的某個路徑——對搜尋引擎來說那就是同一個站,權重不會被切開。

CHAPTER 07 · TAKEAWAYS

重點整理

TAKEAWAYS

Framer 不管 DNS,所有記錄都在你買網域的地方設定。搞懂這件事就少走一半冤枉路。

根網域用 A 記錄、子網域用 CNAME,值一律照抄 Framer 給的,不要自己發揮。

綁不起來的第一嫌疑犯是多出來的舊記錄,第二是 Cloudflare 的代理沒關掉。

SSL 全自動,但 AAAA 與 CAA 記錄會把它擋死,HTTPS 出問題先查這兩個。

接案時網域註冊在客戶名下,動手前截圖存證,信箱的 MX 記錄一根手指都不要碰。

綁網域這件事很奇怪,順的時候十分鐘搞定,卡的時候可以耗掉一整個下午。差別幾乎都不在你會不會,而在你知不知道有這些地雷存在。上面這些是我看過最常見的那幾顆——先把它們排掉,剩下的就真的只是等而已。

RELATED READS · 延伸閱讀

Framer SEO 怎麼設定?從 meta、sitemap 到 AI 搜尋可見度的完整指南

網域綁好之後的下一步。轉址、索引開關、結構化資料都在這篇。

閱讀文章 →

Framer CMS 怎麼用?Collection、動態頁面到 SEO 的完整教學

讓客戶自己更新內容,你不用再當免費工讀生。

閱讀文章 →

Framer 是什麼?2026 年設計師為什麼該認真考慮這個工具

還在評估要不要跳進來的話,從這篇開始。

閱讀文章 →

Framer AI 怎麼用?Agents、Workshop 到外部代理一次搞懂

建站那一段能省多少力氣,這篇拆解它的能力邊界。

閱讀文章 →

Claude Code 怎麼做出沒有 AI 感的網站?

專案跨出 Framer 之後,這套調教方法能接上。

閱讀文章 →

Rive 是什麼?設計師終於等到能寫程式的動效工具

動效做得漂亮又不拖累載入速度,目前最好的解。

閱讀文章 →

EXTRA · 官方資源

常見問題

Q:免費方案可以綁自己的網域嗎?

不行,自訂網域是付費方案的功能。免費方案只能用 framer.website 結尾的網址。如果只是做作品集給人看,副網域堪用;但要經營品牌或做 SEO,綁自己的網域是第一步。

Q:DNS 到底要等多久?

官方保守說法是最多 48 小時,實務上記錄填對的話多半一小時內就通。超過 24 小時還不行,那通常不是在等,是設定有問題,回頭檢查有沒有多餘的舊記錄。

Q:可以用 Cloudflare 管 DNS 嗎?

可以,而且很多人這樣做。唯一要注意的是把代理關掉、切成僅 DNS 模式,那朵雲要是灰的不是橘的。開著代理會跟 Framer 自己的 CDN 和憑證衝突,造成無限重導。

Q:綁了網域,原本的 framer.website 網址還會動嗎?

會,它不會消失。實務上建議在 Framer 裡把自訂網域設成主要網域,這樣搜尋引擎才知道要以哪一個為準,不會把同一份內容當成兩個站。

Q:客戶的網域有公司信箱,改 DNS 會不會影響收信?

只要你只動 A 記錄跟 CNAME 就不會。信箱走的是 MX 記錄,跟網站是兩套。但這也是為什麼動手之前一定要先把整頁 DNS 截圖存下來——萬一手滑刪錯,你至少知道原本長什麼樣。

Q:Framer 送的免費網域值得拿嗎?

自己的個人網站很值得,省事又省第一年的錢。接案不建議,因為網域會註冊在你這邊而不是客戶名下,將來移轉很麻煩。另外領了之後那筆訂閱就不能退款,決定前想清楚。