PWA 是什麼？網站可以像 App 一樣安裝嗎？

常聽到「PWA」這個詞，簡單說，就是讓網站用起來更像 App：可以加到手機主畫面、全螢幕開啟，網路不好時也能顯示基本內容。但它不是每個網站都需要，先弄清楚它能做什麼，再決定值不值得做。

PWA 是什麼？

PWA 是 Progressive Web App 的縮寫，中文常稱「漸進式網頁應用程式」。它不是另一種語言或另一個商店裡的 App，而是在原本的網站上，加上幾項技術，讓瀏覽器把它當成「可安裝的應用」。訪客不用到 App Store 下載，直接用瀏覽器打開網站，就能把它加到主畫面。

PWA 能做到哪些事？

• 加到主畫面：手機或電腦上出現專屬圖示，點開後以獨立視窗或全螢幕顯示，不再有瀏覽器的網址列。
• 離線也能看基本內容：把常用頁面暫存起來，網路不穩時至少能顯示畫面，而不是一片空白。
• 載入更快：回訪時，重複使用的檔案直接從暫存取得，開啟速度會變快，可以搭配網站速度優化一起做。
• 推播通知：在使用者同意的前提下，可以發送通知。不同手機系統與版本的支援程度不一，規劃前要先確認。

做成 PWA 需要什麼條件？

• 網站必須使用 HTTPS：沒有安全連線，瀏覽器不會允許安裝。
• 一份網站應用程式清單（manifest）：寫明名稱、圖示、開啟時的起始頁與顯示方式。
• 一個 Service Worker：負責暫存檔案與離線行為，是 PWA 的核心。
• 手機版要先做好：PWA 多半在手機上使用，如果版面本身就不好用，裝成 App 也一樣難用，可以先對照RWD 響應式網頁設計。

哪些網站適合做 PWA？

• 會反覆使用的工具型網站：例如預約、查詢、後台管理、會員專區，使用者每天都會開。
• 使用環境網路不穩的網站：例如現場人員、展場、外勤使用的資料頁。
• 想要「像 App」的體驗，但預算不想開發兩套：一個網站同時服務電腦與手機。

哪些網站不一定需要？

以介紹公司與服務為主的企業形象網站，訪客多半是搜尋後看一次，很少會「安裝」它。這類網站把力氣花在內容、速度與手機版體驗上，通常比做 PWA 更有效。

PWA 對 SEO 有幫助嗎？

PWA 本身不會讓網站排名變好。它的網址和內容仍然是一般網頁，搜尋引擎照常收錄。有幫助的是它帶來的副作用：載入更快、體驗更順，這些會間接影響訪客的停留與回訪。所以不用為了 SEO 而特地做 PWA。

該不該做？三個判斷問題

1. 使用者會不會「每天或每週」回來開這個網站？
2. 有沒有需要離線顯示或發通知的實際情境？
3. 基本功能（手機版、速度、HTTPS）是不是已經做好了？

三個問題都是「是」，PWA 就值得評估；如果只是想讓網站看起來比較專業，先把基本功夫做好會更划算。想了解自己的網站適不適合，歡迎參考我們的服務項目。

PWA 是工具，不是目標。先問使用者需要什麼，再決定要不要裝成 App。

延伸閱讀

了解我們的做法：服務項目 →

想知道你的網站適不適合做成 PWA？歡迎和我們聊聊。