越來越多沒有工程背景的老闆與小團隊,開始用Claude這類AI助理協助製作網站。Claude是Anthropic開發的AI助理,能用對話的方式理解需求、撰寫文字與程式碼,讓「自己把網站做出來」這件事看起來近在眼前。但Claude架網站能不能順利,關鍵不在它會不會寫程式,而在分工:哪些事可以放心交給它、哪些事一定要自己處理、需求要怎麼描述、它給的東西又要怎麼確認是對的。以下寫給非工程師的業主,把整個架站專案的分工一次講清楚。
先釐清角色:Claude是幫手,專案負責人是你
用AI做網站最常見的失誤,是不知不覺把「決定」也交了出去。它可以提供很多建議,但網站要給誰看、要強調哪些服務、要不要公開收費方式、表單要蒐集哪些資料,這些都是經營決策,也牽涉公司要承擔的責任。AI不認識你的客戶,也不會替網站上的內容負責。
比較健康的心態,是把自己當成專案負責人,把Claude當成一位能力很強、但剛到職的助理。你負責設定目標、提供正確資訊、做最後決定並驗收成果;它負責把你的想法快速變成草稿、程式碼與可以討論的方案。在Claude架網站的專案裡,角色一旦清楚,後面的分工就很自然。
適合交給Claude的工作
- 整理需求:把腦中零散的想法、同事的意見、客戶常問的問題貼給它,請它整理成一份網站需求清單,並指出還缺哪些資訊。
- 規劃頁面:請它依需求提出頁面清單、每頁的區塊順序與要回答的問題,作為討論的起點。
- 產出程式碼:依照描述寫出HTML、CSS與JavaScript,例如形象網站的首頁、服務介紹頁或聯絡頁。
- 解釋錯誤訊息:網頁顯示異常、瀏覽器跳出看不懂的訊息時,把訊息文字貼給它,請它用白話說明可能的原因與該檢查的地方。
- 撰寫文案草稿:根據你提供的事實,寫出服務介紹、常見問題與頁面標題的初稿。
- 檢查內容一致性:把全站文字貼給它,請它找出前後不一的地方,例如電話號碼寫法不同、服務名稱不統一、營業時間互相矛盾。
這些工作有一個共同點:產出都能被你檢查與修改。只要你有能力判斷結果對不對,就適合交給它加速。
一定要自己處理的事
帳號與所有權。網域、主機、網站後台、公司信箱等帳號,都要用公司的名義註冊,由公司自己保管。這些是網站的產權,不應交給任何人代持,也沒有必要讓AI知道。
密碼與金鑰。不論是主機密碼、後台帳號,還是付款、寄信等外部服務的金鑰,都不要貼進任何AI對話裡。請它撰寫需要金鑰的程式時,用「在這裡填入你的金鑰」之類的佔位文字代替,由你自己在安全的地方填上。萬一不小心貼出去了,就立即到該服務變更密碼或重新產生金鑰。
上線部署與備份。把檔案放上主機、設定網域指向、啟用加密連線,這些操作要在你自己的帳號裡完成。可以請Claude一步一步說明,但動手的是你,或你信任、簽過合約的技術人員。上線前後都要有完整備份,至少保留一份在公司自己的電腦或雲端空間。
內容與法規查證。網站上的服務說明、資格證照、效果描述、個人資料的蒐集方式,都要由你確認屬實且符合所屬產業的規範。AI可能寫出聽起來很專業、實際上卻不正確的內容,這部分的責任不會因為是AI寫的就轉移出去。
怎麼描述需求,產出才會穩定
非工程師最常遇到的狀況,是每次請Claude修改,網站就變得不太一樣,改了這裡、壞了那裡。要讓產出穩定,第一個方法是寫一份「專案說明書」,內容包括網站目的、目標客群、頁面清單、品牌色與字體、語氣範例、技術限制,每次開新對話都先貼上。技術限制對非工程師特別重要,例如「全部做成單純的網頁檔案,不使用資料庫」「不要引用外部套件」「以手機瀏覽為優先」,限制越清楚,產出越好維護。
第二個方法是小步前進:一次只做一頁或一個區塊,確認沒問題、存好檔案,再進行下一步。第三個方法是描述要具體:與其說「做得高級一點」,不如說「留白多一點、標題字大一點、按鈕用品牌主色」。最後,當對話拉得很長、它開始忘記前面的設定時,就把最新的檔案與專案說明書整理好,開一段新的對話重新開始,會比在混亂的對話裡繼續修補更有效率。
不會寫程式,也能驗證它給的程式碼
看不懂程式碼,不代表只能盲目相信。第一,請它逐段用白話解釋:這段程式在做什麼、刪掉會怎樣、有沒有連到外部的服務。聽懂說明,就能判斷有沒有多出你沒要求的功能。第二,在自己的電腦上用瀏覽器打開檔案,把每個按鈕點過、每個連結走過,再把視窗縮到接近手機的寬度看看版面有沒有亂掉,最後用真的手機再看一次。
第三,有表單的網站一定要實際填寫送出,確認資料真的寄到公司信箱,而不是只看到「送出成功」的畫面就放心。第四,可以開一段新的對話,把同一份程式碼交給它,請它以檢查者的角度找問題,例如是否寫進了不該公開的資訊、有沒有明顯的安全疑慮;換個角度重新看,常能抓到第一次沒注意的地方。如果網站要處理會員登入、線上付款或大量個人資料,這些方法就不夠了,應該請專業工程師審查。
上線後怎麼維護
網站上線之後,最重要的是讓每一次修改都可以回頭。建議把網站檔案依日期保存版本,每次請Claude修改前先備份一份,修改後在自己的電腦測試沒問題才上傳。同時寫一份簡單的修改紀錄:哪天改了什麼、為什麼改、動到哪些檔案。這份紀錄在日後出問題或要交接給工程師時,價值非常高。
日常的內容更新,例如換照片、改營業時間、新增一則公告,只要請它針對單一段落修改,再由你貼回檔案即可。但如果需求開始變複雜,例如想加入預約、會員、購物車,或網站已經成為主要的接單來源,就是該評估交給專業團隊的時候了。用AI把網站架起來是很好的起步,知道什麼時候該換手,也是專案負責人的判斷。
常見問題
Claude可以直接幫我把網站放上網路嗎?一般的對話情境下,它提供的是檔案內容與操作說明,實際把檔案上傳到主機、設定網域,仍要在你自己的帳號裡完成。即使有些使用方式能讓AI協助執行操作,也不建議把主機與網域的管理權限交給它,重要的操作最好由人確認後親自執行。
用Claude做出來的網站,之後可以交給工程師接手嗎?可以,而且越早準備越順利。把完整檔案、專案說明書與修改紀錄一起交給工程師,對方就能很快理解網站的結構與設定。如果檔案沒有保存版本、也沒有任何紀錄,接手的人可能要花時間重新摸索,甚至建議重建。
網站需要會員登入或線上付款,也能用Claude做嗎?它可以協助說明概念、產出部分程式碼,但這類功能牽涉帳號安全、金流與個人資料保護,出錯的代價很高。非工程師的業主比較適合選擇金流與會員功能成熟的平台,或委由專業工程師開發,Claude則用在需求整理、文案等周邊工作。
用Claude架網站,讓非工程師也有機會親手完成網站,但網站上線後能不能被搜尋到、能不能帶來詢問,還要看架構、內容與技術設定是否到位。如果你已經用AI做出網站,或正在規劃中,創昇SEO提供免費網站健檢,可以協助檢查網站結構、手機版表現與搜尋設定,也提供全台免費到府解說,用你聽得懂的方式說明下一步該補強什麼。
