我不是工程師。我是一個每週去球場拍球的中職球迷。但現在我有一個官方網站、一個揪團 App、一個 LINE Bot、一套自動上傳系統——全部都是我一個人和 Claude 一起蓋出來的。
這篇文章把我踩過的坑、摸出來的訣竅，全部寫清楚。你不需要懂程式，你只需要知道怎麼說清楚你要什麼。
一、開始之前：你需要準備什麼？
在打開 Claude 之前，先想清楚這三件事。跳過這步直接問「幫我做一個網站」，你只會得到一個什麼都有、什麼都不像你的網站。
目的是什麼？
介紹自己？賣東西？讓粉絲找到你？揪人一起做某件事？目的不同，網站結構完全不一樣。想清楚「訪客來到你的網站，你希望他做什麼事」。
找 2～3 個你喜歡的參考網站
「我要一個很酷的網站」太模糊。截圖或貼網址給 Claude，說「我想要這個感覺，但顏色改成深藍色、品牌換成我自己的」，結果好太多。
準備好你的素材
品牌 Logo、封面圖、你的簡介文字、社群連結。Claude 能幫你排版，但它變不出你沒有的內容。先備好這些，省掉來回問的時間。
域名和部署平台
靜態網站（純展示）推薦 Cloudflare Pages，完全免費。域名到 Cloudflare 或 Namecheap 買，一年大約 400 元台幣。如果需要後端功能（資料庫、登入），Railway 雲端月費 5 美元起。
二、下指令的技巧：這樣說 Claude 最懂你
跟 Claude 溝通做網站，和一般聊天不一樣。以下是我摸出來效果最好的幾個習慣。
▸ 最重要的一條：說清楚邊界
每次下指令，明確告訴 Claude「只改這裡，其他不要動」。這是最多人踩到的坑——說「幫我改一下頁面」，結果 Claude 改了你沒預期它動的地方，然後你不知道哪裡壞掉了。
只改導覽列的部分，把「加入社群」按鈕的顏色從紅色改成深藍色 (#0F1F3D)。其他地方一律不動。
幫我把網站弄得更好看一點，顏色調整一下。
▸ 一次只說一件事
每個訊息只提一個需求。同時說「改顏色、加一個區塊、修手機版跑版」，Claude 有可能全做了，但你不知道哪個改法是你要的，出了問題也不知道從哪裡回滾。
▸ 說結果，不說做法
你不需要懂 CSS 是什麼。說「我要讓手機版的標題字變大一點，現在太小了」，比說「幫我把 h2 的 font-size 從 1.2rem 改成 1.5rem」更好——因為你說的需求是對的，但技術細節你可能說錯。
💡 進階技巧：把目前的 HTML 貼給 Claude 看。直接貼「這是我目前的程式碼：[貼程式碼]，幫我在 XXX 的下面加一個 YYY」，比光用文字描述準確率高很多。
▸ 說「感覺」也可以
「我要一個很有力量感、深色底的英雄區塊，配上金色文字，讓人一眼感覺這是一個認真在做棒球的頻道」——這樣說完全沒問題。Claude 能把情緒描述轉換成設計語言。
三、標題怎麼做才能被 Google 和 AI 找到？
這部分是最多人忽略但影響最大的地方。一個好的標題，可以讓你的網站在 Google 搜尋結果出現，甚至被 ChatGPT 引用。
▸ 網頁 title（瀏覽器標籤顯示的那個）
格式：最重要的關鍵字 + 品牌名，70 字以內。
✅ 好的 title
台北大巨蛋看球攻略：座位、美食、交通全解密 — 走一日球迷
用 Claude AI 做網站完整教學：不用寫程式也能架站
❌ 差的 title
走一日球迷官方網站
首頁
▸ H1（頁面最大的標題）
一個頁面只能有一個 H1。放你這篇頁面最核心的主題，包含人們會搜尋的詞。
▸ H2（章節標題）
H2 是 AI 搜尋最常引用的地方。原則是：用人們真的會打的問句或詞來當標題，而不是你自己覺得好看的詞。
✅ 搜尋引擎看得懂的 H2
台北大巨蛋附近有什麼宵夜美食？
台灣旅外球員最新消息
球場攻略懶人包
❌ 太模糊的 H2
關於我們
最前線
更多資訊
▸ Meta Description（Google 搜尋結果下的說明文字）
這段文字不影響排名，但影響有沒有人點進來。120 字以內，包含重要關鍵字，說清楚這個頁面能給訪客什麼。讓 Claude 幫你寫，然後自己確認有沒有說到點。
幫我這個頁面寫一段 meta description，120 字以內，繁體中文。這個頁面是關於【你的頁面主題】，目標讀者是【你的目標受眾】，希望他們點進來之後會【你希望訪客做的事】。
四、內文怎麼寫最有效？
Google 官方說得很清楚：AI 搜尋最愛引用「只有你能寫出來的內容」。整理別人的資料、複製貼上，效果越來越差。你的第一手經驗，才是現在最有價值的東西。
▸ 加入你的親身經歷
同樣是「大巨蛋看球攻略」，100 個人都能寫。但「我跑了 30 場大巨蛋，試過各種位置，這幾個區好但這幾個區有視線死角」——這種只有你能寫，AI 也沒辦法生成一模一樣的。
▸ 段落短，每段一個重點
手機讀者不耐煩看長段落。每段 3～4 行，說完一件事就換段。下指令時告訴 Claude「內文段落控制在 4 行以內，多的拆開寫」。
▸ 加 FAQ 區塊
每篇文章底部加 3～5 個讀者常見問題。這個格式剛好是 AI 搜尋最愛引用的樣子，而且 Google 搜尋結果可能直接把你的問答秀出來。
幫我在這篇文章底部加一個 FAQ 區塊，用 schema.org FAQPage 的 JSON-LD 格式。產生 4 個問答，問題要是讀者真的會搜尋的內容，圍繞【你的文章主題】。
五、常見錯誤和注意事項
⚠️ 絕對不要把 API 金鑰或密碼貼給 Claude
YouTube API Key、LINE Bot Secret、資料庫密碼——這些叫做「敏感資訊」，只能放在伺服器端的 .env 檔案，不能出現在跟 AI 的對話裡，更不能出現在你的程式碼裡。告訴 Claude「這個值要從環境變數讀取」，它會知道怎麼做。
⚠️ 改完先預覽，不要直接上線
特別是改了 CSS（樣式）的時候，很容易某個地方改好了但其他地方跑版。改完先在本機開瀏覽器看，或者讓 Claude 幫你開預覽，確認沒問題再部署。
⚠️ deploy 前確認沒有多餘的資料夾
如果你的 AI 有幫你產生輸出檔案（例如剪輯腳本的輸出、批次處理的結果），部署時記得確認這些不會一起上傳進去，蓋掉你的其他檔案。
💡 Git 是你的後悔藥。每次改完網站之前先 git commit 一下，改壞了還能一鍵還原。讓 Claude 教你用 git 最基本的 add → commit 兩步，之後就不用怕改爛了找不回來。
六、附錄：最實用的指令範本
把以下這些存起來，用的時候把【括號】裡換成你自己的內容。
▸ 第一次建立網站
幫我做一個【頻道名稱/品牌名稱】的官方網站首頁，純 HTML + CSS 單一檔案。 風格參考：【貼上你喜歡的網站網址，或描述風格，例如「深色系、有力量感、配金色強調色」】 頁面需要包含： - 頁首：Logo + 導覽列 - 英雄區塊：大標題 + 一句話說明這個頻道是什麼 - 關於我：【你的簡短介紹，2～3 句話】 - 社群連結：YouTube、Instagram、LINE 先只做這個基本版，不需要加其他功能。
▸ 加入新區塊
在 index.html 裡，【某個區塊】的下面，加一個新的區塊：【描述這個區塊要做什麼，例如「顯示最新的3篇文章，每篇有封面圖、標題、日期，點擊可以連到文章頁面」】。 現有的其他地方不要動。樣式要跟目前網站的風格一致（深色背景、金色強調色）。
▸ 修改現有元素
只修改導覽列的部分： - 把「加入社群」按鈕的文字改成「棒飯友 App」 - 連結改成 https://biteball.onedayfans.fans - 顏色不用動 其他地方一律不動。
▸ 請 Claude 做 SEO 優化
幫我優化這個頁面的 SEO。這個頁面的目標關鍵字是【2～3 個你最重要的關鍵字】，目標讀者是【誰】。 請幫我： 1. 優化 title tag（70字以內） 2. 寫 meta description（120字以內） 3. 確認 H1 只有一個，H2 有用到關鍵字 4. 加一個 FAQ JSON-LD schema，4 個問答 只改
裡的 meta 標籤和最後的 schema，其他不要動。▸ 請 Claude 修手機版跑版
手機版（375px 寬度）有個問題：【描述問題，例如「導覽列的連結超出螢幕」、「圖片跟文字重疊」】。 請只修改跟這個問題有關的 CSS，不要動其他樣式。修完告訴我改了哪一段。
七、走一日球迷實際做出了什麼？
這不是理論，這是我真的一步一步做出來的：
官方網站 onedayfans.fans
純 HTML 靜態網站，自動顯示最新 YT 影片、中職新聞、啦啦隊活動。部署在 Cloudflare Pages，完全免費，全球 CDN 加速。
棒飯友揪團平台 biteball.onedayfans.fans
React + Flask 全端 App，有揪伴看球、票市集、聊天室、LINE 登入、PWA 安裝。這個平台現在有真實球迷在使用，80 篇以上刊登。
官方 LINE Bot
賽程、比分、女孩活動、旅外新聞，球迷傳訊息就能查。還有「查訊息」功能讓賣家一鍵看所有未讀買家留言。
自動剪輯 + 自動上傳系統
一個 Python 腳本批次剪輯整季 87 場比賽，搭配自動上傳工具，出門拍球回家之後不用手動做任何事。
這些全部加起來，以前需要一個工程師團隊才能做到。現在一個人帶著 Claude，花的主要是時間，不是錢。
💡 最後一個建議：不要一開始就要做最完整的版本。先讓 Claude 幫你做一個「最小可用版」，真的能在瀏覽器打開、基本功能跑起來，再一個一個加功能。每次只加一件事，改壞了也只要找那一件事。
常見問題 FAQ
Q：Claude 一次能寫多少行程式碼？
A：一般網站的單頁 HTML 沒問題（幾百到幾千行）。複雜的多頁應用建議拆成多次對話，每次只討論一個功能。
Q：做好的網站怎麼讓別人看到？
A：靜態網站（單一 HTML 檔案）可以直接上傳到 Cloudflare Pages。設定好自訂域名之後，全世界就能用你的網址連進來。讓 Claude 帶你一步一步走，不到 30 分鐘可以完成。
Q：網站做好之後，Claude 還能繼續幫我維護嗎？
A：可以。把你的 HTML 貼給它，說「我要改這裡」，它就幫你改。但有一點要注意：每次開新的對話視窗，Claude 不記得上一次的內容，所以要把你的程式碼重新貼給它。