從零到上線
怎麼自己架一個商家網站
你不用寫程式碼，也不用先找人外包，才能把第一版放上去。真正需要的是三件事：一個關於這個網站要做什麼的決定、一個你已經查過的名字，還有大概一個下午的真照片和真句子。這一頁按照實際好做的順序把六個步驟走完，並且告訴你在把連結傳給客人之前，還要檢查什麼。
照片和營業時間都已經在手邊的話，第一版抓兩到四個小時，另外再留一次幾天後的時間，把自己用過之後才發現的地方補掉。
開始之前先準備好這些。
- 八到十五張真實的照片：店裡、做工的過程、或是實際的商品，白天用手機拍就夠了。用網路上別人店的圖庫照片，會讓一間新店看起來像還沒開。
- 客人會找的那幾項事實：對外用的店名、街道地址、營業時間、有人會接的電話，以及你實際收費的服務或菜單清單。
- 名字的決定，以及一張買網域用的卡。網域是向註冊商買、每年續約的，這筆錢和你用什麼工具做網站是分開的兩件事。
先決定這個網站只做一件什麼事
在看任何設計之前，先把這句話填完：一個陌生人打開這一頁，我要他去＿＿。訂位。打電話問報價。六點前來店裡。線上點餐自取。挑一個，其他的都變成次要。這個答案會決定最大的那顆按鈕上寫什麼、首頁最上面放什麼，以及你到底需要幾頁——大部分第一版的網站四頁就夠了：首頁、服務或菜單、關於我們、聯絡方式，其他先都不要。把這句話寫在看得到的地方，之後每次和自己吵架，就用它來收尾。
把名字定下來，然後去買網域
名字定案之前先查三個地方：你要營業的所在地的商工登記資料，查同名和近似名稱；接著到智慧財產局的商標檢索查一次；最後才查網域還有沒有空。網域要用你自己的名義、你自己的信箱，向註冊商買，不要掛在設計師的帳號底下——網域登記在別人名下，是後面唯一救不回來的一件事。好唸勝過巧妙：總會有人要對著收據在電話裡把它唸出來。還在想名字的話，/tools 裡的店名產生器不用註冊，會把一個關鍵字和你的行業組合成一份可以一直刪的清單；它不會幫你查有沒有被註冊，那一步還是你自己要做。
從同業版型開始，不要從空白頁開始
空白畫布是大多數人第一個網站做到第二週就放棄的原因。改成挑一個為你這一行做的起點：Naratake 有 40 種行業起始模板，每一種都已經帶著這一行該有的版位——餐廳有菜單結構、工程行有服務與報價結構、美髮有預約結構、房仲有物件結構。你接下來是在改一個東西，而不是憑空生一個出來。外觀和結構是兩個分開的決定：有 15 種設計風格、66 組配色，還有 111 個元件可以加減版位，所以換風格不用把版面重做一次。這一步給自己二十分鐘就停，客人來看的是內容。
每一句話和每一張圖都換成你自己的
這一步最花時間，也是決定網站有沒有用的一步。把範例文字整段刪掉——還留著「您的公司名稱」的頁面，就是在告訴訪客沒人把這個網站做完。用你在櫃檯講話的方式寫：你做什麼、在哪裡、幾點開、多少錢。價格就算只能寫區間也要寫；藏價格的頁面換來的是打電話來問價格，更常見的是根本沒人打。真照片放在最上面，每一項服務也各放一張。然後把無聊的那幾項逐一核對，因為客人是照著這些行動的：電話號碼、地址（照郵局的寫法寫）、營業時間，包括公休是哪一天。
在別人看到之前，先用手機看一遍
會找到一間新店家的人，手上多半拿著手機，所以行動裝置那一版才是真正的網站，桌機版只是排練。先用編輯器的手機預覽，再用你自己的手機打開草稿，把第一步寫下的那件事做一次：點那顆按鈕、撥那通電話、送出那張表單，並確認訊息真的收得到。盯著最先壞掉的四件事——要用手指放大才看得清的字、把版面撐到左右可以滑動的圖、蓋住電話號碼的選單按鈕，以及超過五格的表單。也記得白天到戶外看一次，在辦公桌前讀得清楚的螢幕，在公車站牌下不是同一塊螢幕。
發佈，然後自己去線上網址驗一次
發佈會把網站放到一個託管網址上，HTTPS 會自動處理好，而且兩個雲端方案都可以把一個你自己的網域指過來；兩邊各自還包含什麼，寫在定價頁上。發佈完成之後先不要昭告天下。用無痕視窗打開線上網址——不是編輯器的預覽——再走一遍：首頁、導覽列上每一個連結、主要那顆按鈕，以及一次真的測試送出。確認網址列有鎖頭、開頭是 https。做完這些，再把連結傳給任何人。除了上線的網站，想把檔案也一起拿走，有兩條路：雲端的 Storefront Pro 含原始碼下載；桌面版 LocalSite Studio 是一次買斷、不是訂閱，匯出不限次數。兩條路都可以把成品拿到別的地方架，定價頁上兩邊都寫著。
上線之後那一週要做的四件事。
- 去把 Google 商家檔案認領下來，以及你這一帶的人真的在用的地圖服務，讓上面的店名、地址、電話和營業時間，跟網站上寫的一模一樣。兩邊對不起來，客人就會跑到店門口才發現沒開。
- 把網址放到這間店已經出現的每一個地方：櫥窗、收據、估價單或發票的頁尾、社群帳號的簡介、你的 email 簽名檔。/tools 有免費的 QR code 產生器，可以把網址變成一張貼在櫃檯、印在菜單上的碼。
- 放兩個星期，然後回頭看實際發生了什麼：客人打電話來問的哪些問題，其實網站應該要先回答；他們提到的是哪一頁。先修那幾句話。網站的第一版，是你在還沒有任何讀者之前寫的草稿。
- 把維護排進行事曆。連假前營業時間會改、價格會變，而一個過期的頁面掉信任的速度，比一個樸素的頁面快得多。設一個週期提醒，重新檢查營業時間、價格和照片，然後重新發佈一次——不重新發佈，線上那一版不會自己變。
常會遇到的問題
我不會寫程式碼，做得起來嗎？
不用。Naratake 在瀏覽器裡跑：挑一個起始版型、把文字和照片換掉、發佈。它底下寫出來的是一份普通的 Next.js 程式碼專案，這件事現在用不到，以後有用。每月 79 美元的 Storefront Pro 會把整份程式碼下載給你，可以交給工程師接手，也可以你自己換地方架——一份真的匯出公開放在 github.com/ctingyi404-cloud/naratake-export-example。每月 49 美元的 Storefront 把網站發佈上線，程式碼留在我們這邊。要讓第一版上線，這些你一樣都不用碰。
總共要花多少錢？
有兩筆，而且是分開的。網域向註冊商買、每年續，這筆錢不管網站是誰做的都要付。第二筆是網站建置和代管，我們各方案包含什麼寫在定價頁。想把幾條路老實比一比的話，/tools 的網站費用試算不用註冊，會把按月付的架站工具、一次付清的外包、還有你自己的工時，攤成三年並排；數字你自己填，全部在瀏覽器裡算。
網站可以直接收訂位或訂單嗎？
可以。行業模板裡本來就有這些版位——訂位表單、下單流程、報價詢問——而每月 79 美元或每年 758 美元的 Storefront Pro 會把它們發佈上線：訂單、預約與訂位在你自己的網站上運作，錢進你自己的 Stripe 帳戶，Naratake 抽 0%，只有 Stripe 自己的手續費照收。在每月 49 美元的 Storefront 上，同樣的流程可以建好、可以預覽，但不會上線。刷卡用的是你自己的 Stripe 帳戶和你自己的兩把 live 金鑰，貼進工作區設定——那是刻意的設計，也正是這筆錢會落在你的帳戶、完全不經過我們的原因。如果今天只需要電話會響，就先放電話和一張表單發佈；其餘的在同一個網站上打開就有。
多久之後在搜尋引擎上找得到？
沒有人能保證你排在第幾名，會這樣講的人是在賣你東西。你能控制的是：把店名、地址和服務用純文字寫成真的頁面、認領 Google 商家檔案，並讓店名、地址、電話、營業時間在各處一致。搜尋引擎接下來需要時間去檢索和收錄一個新網址，幾天到幾週都算正常，你有幾頁、有多少連結指向你，也都會影響。在那之前連結是能用的：印在收據上、貼在櫥窗上，讓人直接點。
Naratake 從 40 種行業版型開始，而不是從空白頁；整個過程都在瀏覽器裡。打開一個你這一行的，換上自己的照片和自己的句子，先看看一個小時能做到哪裡，再決定要不要繼續。兩個雲端方案都各含一個自訂網域；兩邊各自還包含什麼，寫在定價頁上。
看方案與定價