把 vibe coding 網站綁上自己的網域(.com / .tw)新手教學
網站還掛在 xxx.pages.dev?教你買網域、設定 DNS、綁到 Cloudflare/Vercel/Zeabur,換上專屬網址,品牌感和信任度一次到位。
用 vibe coding 把網站做好上線後,網址通常長這樣:your-app.pages.dev、your-app.vercel.app。能用,但要拿去給客人、印在名片上,總覺得少了點什麼。換成 你的品牌.com 或 .tw,信任感和專業度立刻不一樣。這篇帶你一步步把自訂網域綁上去。
為什麼值得綁自己的網域
- 信任感:
shop.com比shop-xk3.pages.dev讓人敢下單、敢填資料。 - 品牌:網址就是招牌,好記、能長久經營。
- 不被平台綁死:哪天想換部署平台,網域是你的,搬家不用換網址、不流失既有連結和 SEO。
- Email 更專業:有了網域還能開
you@你的品牌.com的信箱。
第一步:買一個網域
到網域註冊商買,常見選擇:
- Cloudflare Registrar:接近成本價、不亂加價,如果你本來就用 Cloudflare 很順。
- GoDaddy:介面中文、台灣人熟,但要留意續約價常比首年貴。
- Google Domains 已轉給 Squarespace、還有 Namecheap 等也可。
挑網域小提醒:
- 想清楚要
.com(國際、通用)還是.tw/.com.tw(台灣在地感、.tw需台灣聯絡資訊)。 - 短、好念、好拼、跟品牌一致最重要,別為了硬湊關鍵字弄得又長又怪。
- 買之前先在社群平台查同名帳號在不在,品牌一致比較好經營。
第二步:把網域指到你的網站(設定 DNS)
買好後,要告訴網域「請把訪客帶到我的網站」,這步叫設定 DNS。各平台做法大同小異,官方文件都寫得很清楚,照著做即可:
- Cloudflare Pages:在 Pages 專案的「Custom domains」加入你的網域,如果網域也放在 Cloudflare,它會自動幫你設好、自動配 SSL(https)。最無痛。
- Vercel:專案 Settings → Domains 加入網域,它會給你要設定的 DNS 紀錄(A 或 CNAME),照著在註冊商後台填。
- Zeabur:在服務的網域設定加入網域,依畫面指示設 CNAME。
設定完通常幾分鐘到幾小時「生效」(DNS 需要時間擴散),別急。
第三步:確認 https(SSL)有開
現代網站一定要 https(網址前面那個鎖頭),否則瀏覽器會跳「不安全」,客人直接嚇跑。好消息是上面幾個平台綁好網域後多半會自動幫你申請免費 SSL,你只要確認網址打 https://你的網域 能正常開、有鎖頭就好。
第四步:讓舊網址轉到新網址
綁好新網域後,建議把舊的 xxx.pages.dev 設成轉址(301)到新網域,這樣:
- 別人存過的舊連結不會失效。
- Google 已收錄的頁面把權重轉到新網域,SEO 不打折(搭配 SEO 實戰 一起做)。
各平台都有轉址設定,或請 AI 幫你在程式裡加一段判斷。
重要:DNS 和金鑰別搞混,帳號要顧好
- 設定 DNS 純粹是「網址指向」,不會碰到你的程式或金鑰,放心照做。
- 但網域註冊商的帳號一定要顧好(開兩步驟驗證),網域被盜等於招牌被搶。
- 如果你的網站有串外部服務,記得那些 API 金鑰放後端、絕不放前端(見 安全底線),這跟綁網域是兩回事,別混為一談。
常見問題
Q:綁網域會很難嗎?我不懂 DNS。 不用懂原理。買網域 → 在部署平台「加入自訂網域」→ 照它給的指示填一兩筆 DNS 紀錄,就這樣。Cloudflare 的情況甚至幾乎全自動。
Q:一定要花錢買網域嗎?
網域要錢(.com 一年約台幣 3、400 元起),但很便宜、很值得。部署本身多有免費方案,主要成本就是網域。
Q:設定好了為什麼還打不開? DNS 生效要時間,等一下(有時幾小時)。也確認 DNS 紀錄填對、平台那邊網域狀態是「Active」。真的卡住,把畫面截圖丟給 AI 問它哪裡不對。
Q:.tw 和 .com 選哪個?
主打台灣、想要在地信任感就 .tw / .com.tw;想要國際通用、之後可能做海外就 .com。預算夠可以兩個都買、其中一個轉址到另一個,保護品牌。
Q:換網域 SEO 會不會歸零? 只要做好 301 轉址,Google 會把舊網址的權重轉過去,影響很小。別忘了到 Google Search Console 也把新網域加進去、重新提交 sitemap。
網址是你的招牌,早點換上專屬網域,經營才有累積。綁好後別忘了做 SEO 讓 Google 找到你 →,還沒上線的先看 從 0 到上線 →、台灣部署選擇 →。