• 主頁
  • 文章
  • 營銷學
  • 漸進式 Web 應用程序 (PWA) 是否有利於 SEO？ （帶有統計數據和示例）

漸進式 Web 應用程序 (PWA) 是否有利於 SEO？ （帶有統計數據和示例）

已發表: 2019-05-04

正如 Google 的高級軟件工程師 Alex Russell 所說，在一個越來越依賴於他們的移動設備和隨附應用程序的世界中，創造旨在“模糊 Web 內容和應用程序之間的界限”的體驗才是有意義的。

過去幾年有一些事情非常清楚：如果您有在線業務，則需要將您的業務設為移動優先。 其次，如果您希望將其轉化為美元，您的移動體驗需要流暢且無摩擦。 最後，智能手機用戶非常善變，儘管 2018 年下載了超過 1130 億個應用程序，但用戶每天仍然經常使用大約 9 個應用程序。

所以，你需要在手機上。 您需要在移動設備上表現出色。 人們可能不會定期下載和使用您的應用程序。
是的，我說的是漸進式網絡應用程序或PWA 。

漸進式 Web 應用程序在搜索引擎優化人群中很受歡迎，因為它們為在線營銷提供了巨大的前景。

關於上面的問題，是的，Progressive Web Apps 確實有利於 SEO 。 但是 PWA 對 SEO 有什麼好處呢？ 讓我們在這篇文章中找出答案。

目錄

什麼是 PWA？

用最簡單的話來說，PWA 是一個適合移動設備的網站，其行為類似於應用程序，但無需下載即可使用。 用戶可以選擇將 PWA 保存到他們的手機並像應用程序一樣啟動它，但這完全是可選的。

Starbuck Progressive Web App 示例

PWA 帶來了許多好處，同時克服了同時構建和維護移動網站和移動應用程序的固有缺點。

您可以通過這篇文章深入了解 PWA 的定義及其奇特的功能： “什麼是 PWA？ 所有你需要知道的關於漸進式 Web 應用程序”

PWA 的四大關鍵技術

由於使用了 PWA 工作所需的四種技術，所有這些都是可能的：

  1. Web 應用清單文件（允許主屏幕訪問）
  2. 服務工作者（用於離線支持）
  3. 傳輸層安全 (TLS)（確保隱私和數據完整性）
  4. 應用程序外殼架構（允許快速加載時間）

與原生應用程序和響應式網站相比，漸進式網絡應用程序提供了很多好處：

比較
資料來源：一北

Google 會抓取 PWA 網站嗎？

Progressive Web Apps 利用了 JavaScript 的靈活性，這意味著 Google 將單個發布的頁面視為一個 JavaScript 站點。 可能會為 PWA 創建一個新 URL，因此 Googlebot 將繼續抓取該頁面，就像它對網絡上發布的任何其他頁面一樣。

Google 確實像抓取 AJAX 或 JavaScript 網站一樣抓取 PWA 網站，但有一些問題可能會影響“可抓取性”——因此開發人員需要了解如何優化網站以確保頁面被正確編入索引。

Google 的 SEO 推薦的漸進式 Web 應用最佳實踐

Google 的 John Mueller 早在 2016 年 3 月就提供了關於 Google 如何處理 PWA 和 JavaScript 網站的詳細更新。

在帖子中，他強調了以下幾點：

  • 不要偽裝成 Googlebot。 開發人員使用特徵檢測和漸進增強技術非常重要，這樣所有用戶都可以訪問內容。 重定向到不受支持的瀏覽器頁面也不是一個好主意。
  • 從多個 URL 提供內容時使用 rel=canonical，這樣您就不會犯重複內容違規行為。
  • 避免在新站點上使用 AJAX-Crawling 方案。
  • Googlebot 不會將帶有“#”的 URL 編入索引。 許多漸進式 Web 應用程序在其 URL 結構中使用井號，這意味著搜索引擎將刪除 # 之外的所有內容。 解決這個問題的唯一方法是使用傳統的 SEO 規則實現 URL 結構。 對於某些網站和公司來說，這可能很棘手，但這是我們前進的必要步驟。
  • 測試以查看 Googlebot 如何查看頁面。 您可以使用 Google Search Console 的 Fetch and Render 工具以與 Google 看到的完全相同的方式查看您的網站。
  • 確保所需資源未被 robots.txt 阻止。
  • 減少頁面中嵌入資源的數量（尤其是呈現頁面所需的 JavaScript 文件數量），因為這些資源可能未完全加載。
  • 使用 Accelerated Mobile Pages (AMP) 時，請使用準確的站點地圖文件來指示您網站的任何更改。
  • 請記住，訪問內容的某些搜索引擎和 Web 服務提供商可能不支持 JavaScript 或可能支持不同的子集。

此外，Lighthouse 是 Google 提供的用於 PWA 的有用工具。 該工具由 Google 創建，旨在提高網絡應用程序的質量。 此工具將顯示您的 Web 應用程序是否已準備好成為 PWA。 當您將您的網站添加到此應用程序時，Lighthouse 會根據四個標準對其進行衡量，並顯示您應該解決的問題以提高您的 Web 應用程序的速度。

燈塔

所以，這就是 Exactly Progressive Web Apps 如何幫助 SEO

確實，PWA 可以顯著改善您的自然搜索配置文件。

如何？

通過使您的用戶體驗比您的競爭對手更好。 至少比升級到漸進式 Web 應用程序之前要好。 當您提供出色的用戶體驗時，人們希望通過競爭選項訪問您的網站。 當他們在結果中看到您的品牌時，他們會記得您給了他們他們想要的東西，並且體驗是積極的。

SEO 知道點擊率會影響搜索位置。 搜索者對結果的更多點擊或投票，隨著時間的推移，它會上升。

但這只是您可以衡量的一個指標。 您為使您的網站成為最佳網站所做的所有小事都會創造出超越信息的體驗。 這將間接和直接影響您的SERPS ，並且通常是積極的方向。

更快的站點速度

這無疑是 PWA 最令人興奮的功能之一。 企業可以通過使用移動開發最佳實踐（例如提前緩存內容、壓縮等）來定位可能處於數據連接速度較慢的用戶，甚至是使用 PWA 離線的用戶。

為什麼要關心網站速度？ 因為它直接影響您的 SEO

谷歌的速度測試在不到一個月的時間內生效，與其他移動平台和原生應用程序相比，PWA 的最大優勢可能是它們的速度更快。 不僅是谷歌需要更快的網站 - 它是您的用戶！ 如果加載時間超過三秒，大多數用戶會放棄移動網站。 （幫自己一個忙，在這裡檢查您的網站速度！）如果您的網站沒有跟上速度，它們就消失了。

切換到 PWA 後，福布斯看到了巨大的速度提升，將他們的移動加載速度從 3-12 秒降低到 0.8 秒！ 因此，為了確保您的品牌盡可能接近 Google 搜索列表的頂部，是時候讓 PWA 成為您的品牌移動戰略的首選。

福布斯示例
福布斯 PWA 網站

更好的參與度

谷歌規定了網站需要滿足的基本要求才能成為漸進式網絡應用程序。 流暢的用戶體驗（包括輕鬆導航、及時推送通知、跨瀏覽器兼容性、跨所有設備的響應式頁面）是一些重要的要求，這些要求也會導致參與度的增長。

PWA 可以以令人難以置信的方式模仿真實的移動應用程序。 使用 PWA，您仍然可以選擇將其保存到您的主屏幕，它會像應用程序一樣在您的設備上顯示為圖標，但您不必通過應用商店下載過程。 由於無需下載，PWA 所需的存儲空間比原生移動應用程序要少得多。 星巴克創建的 PWA 是其原生應用程序大小的 0.4%！ 而且，內容更新會在刷新時自動發生，使用戶無需動動手指（或點擊煩人的“安裝更新”按鈕）即可訪問最新的特性、功能和安全更新。

 推薦閱讀：PWA vs Native App：哪個更適合你？

隨著應用程序現在在他們的手機上，互動和參與的機會成倍增加，正如福布斯雜誌在他們推出自己的 PWA 時所經歷的那樣。 每次有新內容可用時，都會通過推送通知通知用戶。 憑藉閃電般的頁面加載時間、快速轉換和輕量級頁面設計，福布斯的 PWA 成功實現了以下目標：

  • 將滾動深度增加 3 倍
  • 將每位用戶的會話數提高 43%
  • 閱讀文章的讀者數量增加 6 倍
  • 他們的參與率翻倍，這意味著參與度提高了 100%

對於像福布斯這樣的出版網站，高參與度等於高轉化率，這一切都歸功於他們新的 PWA。

我們知道，會話持續時間、點擊率和跳出率等網站參與度指標對搜索排名有直接影響。 正如拉里·金（Larry Kim）在這裡展示的那樣，網站停留時間與您的自然搜索排名有明確的相關性。 會話持續時間越長，您在 Google 上的可能排名就越高。

現場時間與自然位置

您可以在 Google 上的第一頁打個招呼，這一切都歸功於 PWA 及其卓越的網站參與率。

都是關於 URL 的

漸進式 Web 應用程序真正包含各種意義上的 SEO 最佳實踐。 從清晰簡潔的元描述到添加 Schema.org 數據，以便搜索機器人更好地索引和解析站點數據； 搜索優化的網站比其他網站更有可能削減 PWA。

PWA 不需要不同的“mobile.site.com”類型的 URL 來在移動設備上提供出色的體驗。 無論使用什麼設備，它們都會自動配置為提供一致的體驗。

另一個好處是 PWA 必須啟用 HTTPS。 這不僅會在自然搜索結果中提升您的網站，還可以讓用戶放心您網站的安全性，從而降低跳出率、更高的點擊率以及可能更高的轉化率。

每個頁面都有自己獨特的 URL，即使是深度嵌入的頁面也很容易被搜索引擎抓取和發現。 每個頁面的唯一 URL 還使在社交媒體和其他網站上共享頁面變得更加容易，更不用說更透明的可跟踪性了。

通過使用服務人員進行預緩存，即使您的設備處於離線狀態，PWA 上的所有 URL 也會加載。 這使在舊設備或網絡連接不佳的用戶上運行。

把它包起來

漸進式 Web 應用程序非常適合 SEO，因為它們旨在提供最佳的 Web 體驗。 但就像其他任何事情一樣，開發人員和營銷人員可能會把事情搞砸。

遵循網絡的最佳實踐，您將獲得巨大的自然搜索流量的好處。 這意味著讓您的網站首先在移動設備上運行，在移動設備上快速運行，可在所有屏幕尺寸上使用，並且在頁面 SEO 上具有聲音。

PWA 可幫助您與客戶建立持久的關係。 這是一個巨大的回報，但您還將體驗到普遍的提升，例如自然搜索，因為您的網站將用戶體驗放在首位。

如果您遵循所有這些最佳實踐，那麼即使您不針對自然搜索流量，您也會成功。

是時候抓住這些線索並投資於將移動網絡的易用性與移動應用程序的速度和用戶友好性相結合的 PWA。 一個價格的兩個是您使用 PWA 所獲得的。 那麼你打算什麼時候建造你的呢？

探索 SimiCart PWA