用 Google 地圖+Claude 幫店家做網站:提示詞與接案流程
影片裡用的提示詞,加上實際接案的 7 個步驟
黃志弘 Leo
2026-10-18 發佈 · 55 人看過
在 Google 地圖上找一家還沒有網站的店,把店家資料和提示詞貼給 Claude,幾分鐘就有一個一頁式網站的草稿,手機版也一起做好。
影片只拍了做網站那一段。真的要接案,後面還有聯繫老闆、確認內容、上線這些步驟,下面一次整理。
做網站的提示詞
整段複製貼給 Claude,把【】換成從 Google 地圖複製的店家資料。用網頁版 Claude 的一般對話,右邊會直接出現網站預覽。
幫下面這家店做一個一頁式官網,直接給我可以上線的單一 HTML 檔(CSS 寫在同一個檔案裡,不用外部框架)
店家資料(從 Google 地圖複製):
【貼上店名、類別、評分、地址、電話、營業時間】
要求:
1. 版面順序:首屏(店名、一句話介紹、「打電話」和「導航」兩個按鈕)→ 服務項目 → 為什麼選我們 → 營業時間 → 地圖與地址 → 頁尾
2. 手機優先:按鈕要大,電話按鈕點了直接撥號(tel: 連結),導航按鈕開 Google 地圖
3. 地圖用 Google 地圖嵌入(https://maps.google.com/maps?q=地址&output=embed),不用金鑰
4. 服務項目先列這類店最常見的 4 到 6 項當草稿,每項一句說明;我會再跟老闆確認
5. 不要編價格、證照、年資、顧客評價內容;評分和評論數照我給的寫
6. 照片位置先用質感好的色塊加圖示佔位,註明建議放哪種照片,之後換成店家實拍
7. 配色和字體依照店家類型決定,要像專業設計師做的;不要紫色漸層,不要 emoji
8. 頁面語言跟店家資料一樣(店家資料是英文就做英文網站)實際接案的 7 個步驟
1. 找沒有網站的店
在 Google 地圖搜一個類別加地區,例如「汽車修理 台中」,點進店家看有沒有網站連結。多找幾家,大部分老闆會說不用,這很正常。
2. 先做一版試做稿
把店名、地址、電話、營業時間複製下來,連同上面的提示詞貼給 Claude。做好的是草稿,先自己看過一遍。
3. 先問老闆可不可以傳給他看
對方說好才傳,傳截圖或有密碼的連結就好,試做版不要公開上線。開口的方式看下一段。
4. 約時間確認內容
老闆有興趣,再約時間問清楚服務項目、價格、營業細節。
5. 換上實拍、補齊內容
換上店家實拍照片和老闆確認過的內容。Claude 標「待補」的地方都要補,它猜的服務項目也要一條一條對。
6. 談價格、先收訂金
價格談好先收訂金再上線。主機和網域開在老闆名下,你負責設定。
7. 上線、填進地圖、按月維護
網站上線後,把網址填進他的 Google 地圖商家資料。之後改內容、續網域、維護,可以按月收費。
聯繫老闆的時候
先問一句再傳
「我是做網站的,幫你們店做了一版試做的網站,可以傳給你看看嗎?」對方說好再傳,沒問就丟連結,看起來很像詐騙訊息。
講對店有什麼用
「客人搜店名就看得到服務項目和營業時間,不用一直接電話回答同樣的問題。」不要用「你們連網站都沒有」開場。
講清楚不喜歡也沒關係
跟老闆說這版不收錢,不需要的話你會刪掉。
拒絕就停
說不用就不要再傳第二次。
交件之後誰負責
老闆之後要改網站內容怎麼辦?
小改動像營業時間、電話,可以由你代改並按月收維護費;老闆想自己改,就要再幫他接一個能後台編輯的系統,報價時先講清楚。
主機和網域放誰的名下?
建議都開在老闆名下,你幫他設定。之後不合作了,網站還是他的,比較不會有糾紛。
Claude 做出來就能直接交給老闆嗎?
不行。Claude 做的是草稿,服務項目是它照同類店家猜的,照片也是佔位。要換上店家實拍、跟老闆確認內容才能上線。