最近教學與演講等工作十分繁忙,終於能抽空撰寫這個「上架 app 準備工作」系列。
除了前一篇提到的新手教學,很多人都會忽略幫 app 架設官方網站的重要性。
把官網做好,可以讓潛在消費者無形當中對這個全新的產品建立信任與好奇,也能讓他們在下載 app 以前,就對功能有比較合理的預期。
如果官網做得不錯,還有機會從 Google 搜尋到。

App 的官方網站要放哪些東西?
App 的官方網站不需要很複雜,只需要用一頁簡單呈現 app 名稱、截圖展示、核心功能、下載連結(App Store Badge)。
除此之外,還需要放一些支援與說明類型的文件。像是聯絡客服的方式、使用條款、隱私權政策、常見問題、媒體素材包(Press Kit)等等。
客服頁面、使用條款、隱私權政策,這三項在 app 送審 App Store 時,本來就是必填資料。
如何製作官網?
我在開發 todayOS 的官網時,就是讓 Codex 來寫單頁的網頁。有確認好支援桌面與手機版瀏覽器、自動判斷中英文等等,基本上已經夠用。
用 AI 來製作產品的單頁式官網一點也不難,難的是身為開發者,有多重視官網的內容與呈現資訊。
第一版 prompt 大概可以這樣寫:
幫 todayOS 製作一個單頁的官方網站。要有繁中、英文。文案、app icon、截圖素材,可以從專案既有資料找到。製作完第一版以後,上傳到 GPT Sites 讓我在桌面與手機瀏覽器預覽。
關於網頁設計,許多人想的都是怎樣才能做得很漂亮。但我想提醒的是:應該先確認資訊架構是否清楚、訪客能否輕鬆找到他們想找的東西,其次才是視覺與美觀。
如何準備使用條款與隱私權政策?
我要再三強調一個觀念與事實:上架一款 app,尤其是收費產品,就是在做生意,有對應的法律責任。
使用條款與隱私權政策,不僅是必要文件,更是保護開發者與消費者雙方權益的機制。
使用條款會寫到:app 的服務內容、使用 app 有哪些注意事項、智慧財產權、責任範圍等等。
隱私權政策會寫到:app 會用到哪些使用者個人資料、資料會如何被處理、保留或刪除等等。
上述這些資訊,都是開發者應該要在這些文件說明清楚的。公開透明是最高指導原則。
那麼我們要怎麼準備這兩項文件呢?現在的 AI 工具都能夠生成合理的對應文件。不過,不要直接用 ChatGPT,要用 coding agent。因為我們要讓 AI 工具根據程式碼做檢查,確保文件聲明的與程式實際執行的保持一致。
每次要釋出新版時,也要讓 coding agent 再檢查一次,確認文件有跟上最新版的實作。
媒體素材包是什麼?怎麼準備?
很多開發者都沒有意識到,這世界上有一群人的工作就是在推廣與介紹各式各樣的 app,也就是媒體記者。
如果你的 app 很有報導的切入點,上架後容易吸引媒體朋友來報導。此時如果有一份現成的文件與整理好的圖片素材,就可以大幅減輕他們的工作,幫助他們快速寫出報導。
而這樣的素材包就叫做 Press Kit。
要準備起來也很簡單,我的作法是讓 Codex 直接依照目前 app 的介紹與功能,以及事前準備好的截圖,打包成一個壓縮檔,然後就上傳到 GitHub Release Assets,並在官網提供下載。
內容與 App Store 或官網重複也沒關係,畢竟你如果沒有準備,撰寫報導的人還是得手動去下載。如果 app 有特別的設計理念適合報導,也可以一併放進去。
歡迎參考 todayOS 的 Press Kit 頁面。
使用 Apple 官方提供的下載按鈕
你一定看過這個「badge」,它是 Apple 官方最推薦的下載按鈕。
我會建議官網上的 app 下載按鈕直接用這版,因為這是大多數人熟悉的樣式,可以讓想要下載 app 的人很直覺就找到。

App Store 有一個行銷素材與指引的網頁,上面就有這個 badge 的素材包,甚至還提供了多國語系的版本。
網站上還有很多行銷素材,使用時請留意官方的指引。
以上內容應該足夠你做出一個夠用的 app 官網。以下進階內容,僅開放給⟪13報+⟫的讀者。如果你想要閱讀更多,歡迎訂閱。
- 什麼時候要買網址?
- AI 寫 App 很快,概念驗證可以靠直接上架、不需要官網嗎?
- todayOS 官網的功能演進
繼續閱讀
解鎖全文
訂閱⟪13報+⟫,閱讀本篇全文,並解鎖 200 篇以上專欄與短篇。
- 完整專欄文章與深度分享
- Apple 開發者週報完整版
- 會員限定短篇抒發
- 支持 13 寫作