化.jpg?x-oss-process=image/format,webp)
Google和Progressive Web Apps：移動體驗(yàn)和谷歌優(yōu)化
隨著移動使用量的增加，和各公司不斷開發(fā)適合移動設(shè)備的網(wǎng)站以確保最佳的用戶體驗(yàn)，開發(fā)人員正在努力使移動網(wǎng)站盡可能的高效和實(shí)用。
去年，Google的開發(fā)人員創(chuàng)建了Progressive Web Apps，這是一種具有網(wǎng)站和移動應(yīng)用程序功能的互動體驗(yàn)。在Google I / O 2016會議期間，谷歌負(fù)責(zé)該項(xiàng)目的軟件工程師Alex Russell表示，漸進(jìn)式Web應(yīng)用程序“模糊了Web內(nèi)容與應(yīng)用程序之間的界限，但它們保持了Web的優(yōu)勢?！?br />
從本質(zhì)上講，Progressive Web Apps在移動瀏覽器上提供類似APP應(yīng)用程序的用戶體驗(yàn)。用戶可以與具有應(yīng)用外觀，感覺和功能的移動網(wǎng)頁進(jìn)行交互，包括推送通知，離線訪問以及在設(shè)備主屏幕上添加快捷方式的功能，而無需訪問應(yīng)用商店。而且這些不僅能夠在Chrome上實(shí)現(xiàn)，其他瀏覽器也開始支持Progressive Web Apps。
與任何新技術(shù)一樣，它也存在可能影響優(yōu)化效果的限制和技術(shù)障礙。以下是關(guān)于Progressive Web Apps如何工作以及它們?nèi)绾斡绊憙?yōu)化的詳細(xì)信息：
漸進(jìn)式Web應(yīng)用程序的工作原理
漸進(jìn)式Web應(yīng)用程序（PWA）的設(shè)計(jì)具有極快的加載時間，并消除了直接從網(wǎng)站訪問某些類型的信息或功能所需的許多步驟。他們還具有內(nèi)置的智能功能，可捕捉用戶的行為和偏好，以便應(yīng)用程序可以提供更加個性化的體驗(yàn)。
這些應(yīng)用程序可以從瀏覽器選項(xiàng)卡進(jìn)行訪問，不需要任何安裝或下載 - 用戶可以通過與應(yīng)用程序進(jìn)行交互并存儲個人數(shù)據(jù)來與應(yīng)用程序“建立關(guān)系”。作為回報，該應(yīng)用將發(fā)送推送通知，以便重新參與。當(dāng)Progressive Web App在線發(fā)布時，它完全可鏈接并部署到支持HTTPS的主機(jī)。該應(yīng)用將在用戶在線或離線時，使用用戶先前在線時緩存的數(shù)據(jù)。
在許多情況下，網(wǎng)站的移動版本本身就類似PWA，因?yàn)樗试S在任何類型的屏幕上進(jìn)行濃縮的用戶體驗(yàn)，并且可以通過屏幕點(diǎn)擊，輕掃或鼠標(biāo)點(diǎn)擊來訪問各種功能。
漸進(jìn)式Web應(yīng)用程序的主要優(yōu)勢
與傳統(tǒng)的移動友好網(wǎng)站相比，PWA提供了許多優(yōu)勢，其中包括：
1. 推送通知，允許用戶獲取更新或消息的快速摘要或快照，而不是接收電子郵件更新或等待登錄檢查;
2. 脫機(jī)功能，允許應(yīng)用程序繼續(xù)在后臺運(yùn)行，并對用戶的行為和活動“記筆記”，而無需用戶直接與應(yīng)用程序互動;
3. 高度響應(yīng)的布局和更容易的導(dǎo)航;
4. 所有類型的硬件訪問，包括地理位置，攝像頭和麥克風(fēng)以及屏幕方向訪問;
5. 降低數(shù)據(jù)使用量，對于互聯(lián)網(wǎng)接入速度緩慢或有網(wǎng)絡(luò)限制的地區(qū)用戶尤其重要;
6. 所有互聯(lián)網(wǎng)用戶都可以訪問，因?yàn)橄螺d應(yīng)用程序或支付應(yīng)用程序的要求已完全消除。
Google是否抓取PWA網(wǎng)站？
漸進(jìn)式Web應(yīng)用程序利用了JavaScript的靈活性，這意味著Google將單個發(fā)布的頁面視為JavaScript網(wǎng)站?？赡軙镻WA創(chuàng)建一個新的URL，因此Googlebot會繼續(xù)并抓取頁面，就像在網(wǎng)絡(luò)上發(fā)布的任何其他頁面一樣。
Google抓取PWA網(wǎng)站就像抓取AJAX或JavaScript網(wǎng)站一樣，但有一些問題可能會影響到可抓取性- 因此開發(fā)人員需要了解如何優(yōu)化網(wǎng)站以確保網(wǎng)頁得到適當(dāng)?shù)乃饕?br />
Google針對漸進(jìn)式網(wǎng)絡(luò)應(yīng)用的優(yōu)化建議
谷歌的John Mueller在2016年3月提供了關(guān)于Google如何處理PWA和JavaScript網(wǎng)站的詳細(xì)更新。
在這篇文章中，他強(qiáng)調(diào)以下幾點(diǎn)：
1. 不要對Googlebot隱瞞。開發(fā)人員使用功能檢測和漸進(jìn)式增強(qiáng)技術(shù)是非常重要的，這樣所有用戶都可以訪問內(nèi)容。重定向到不受支持的瀏覽器頁面也不是一個好主意。
2. 提供來自多個網(wǎng)址的內(nèi)容時，請使用rel = canonical，以便您不會犯有內(nèi)容重復(fù)的違規(guī)行為。
3. 避免在新網(wǎng)站上使用AJAX抓取方案。
4. Googlebot不會使用“?！睂⒕W(wǎng)址編入索引。許多Progressive Web Apps在其網(wǎng)址結(jié)構(gòu)中使用散列符號，這意味著搜索引擎將放棄＃以外的所有內(nèi)容。唯一的解決方法是使用傳統(tǒng)的優(yōu)化規(guī)則來實(shí)現(xiàn)URL結(jié)構(gòu)。對于一些網(wǎng)站和公司來說這可能會很棘手，但這是我們前進(jìn)的必要步驟。
5. 測試Googlebot如何看到該頁面。您可以使用Google Search Console的抓取和呈現(xiàn)工具來讓查看您的網(wǎng)站與Google看到的方式完全相同。
6. 確保所需的資源不被robots.txt阻止。
7. 減少頁面中嵌入資源的數(shù)量（特別是呈現(xiàn)頁面所需的JavaScript文件數(shù)量），因?yàn)檫@些文件可能未完全加載。
8. 使用加速移動頁面（AMP）時，請使用準(zhǔn)確的站點(diǎn)地圖文件來指示您網(wǎng)站的任何更改。
9. 請記住，某些搜索引擎和訪問內(nèi)容的Web服務(wù)提供商可能不支持JavaScript或可能支持其他子集。
結(jié)論
漸進(jìn)式Web應(yīng)用程序是下一代的在線交互，它們提供了全新的用戶體驗(yàn)。為用戶開發(fā)這些類似應(yīng)用程序界面的公司，需要注意Google索引頁面的固有局限性，并確保它們的編碼正確。
在優(yōu)化方面，公司仍然需要利用最佳谷歌優(yōu)化實(shí)踐來開發(fā)強(qiáng)大的在線網(wǎng)站，以便用戶尋找信息時可以輕松找到網(wǎng)站或品牌。通過這些，用戶可以決定他們是想使用PWA還是仍然使用傳統(tǒng)桌面版和移動版網(wǎng)站來完成會話。
去年，Google的開發(fā)人員創(chuàng)建了Progressive Web Apps，這是一種具有網(wǎng)站和移動應(yīng)用程序功能的互動體驗(yàn)。在Google I / O 2016會議期間，谷歌負(fù)責(zé)該項(xiàng)目的軟件工程師Alex Russell表示，漸進(jìn)式Web應(yīng)用程序“模糊了Web內(nèi)容與應(yīng)用程序之間的界限，但它們保持了Web的優(yōu)勢?！?br />
從本質(zhì)上講，Progressive Web Apps在移動瀏覽器上提供類似APP應(yīng)用程序的用戶體驗(yàn)。用戶可以與具有應(yīng)用外觀，感覺和功能的移動網(wǎng)頁進(jìn)行交互，包括推送通知，離線訪問以及在設(shè)備主屏幕上添加快捷方式的功能，而無需訪問應(yīng)用商店。而且這些不僅能夠在Chrome上實(shí)現(xiàn)，其他瀏覽器也開始支持Progressive Web Apps。
與任何新技術(shù)一樣，它也存在可能影響優(yōu)化效果的限制和技術(shù)障礙。以下是關(guān)于Progressive Web Apps如何工作以及它們?nèi)绾斡绊憙?yōu)化的詳細(xì)信息：
漸進(jìn)式Web應(yīng)用程序的工作原理
漸進(jìn)式Web應(yīng)用程序（PWA）的設(shè)計(jì)具有極快的加載時間，并消除了直接從網(wǎng)站訪問某些類型的信息或功能所需的許多步驟。他們還具有內(nèi)置的智能功能，可捕捉用戶的行為和偏好，以便應(yīng)用程序可以提供更加個性化的體驗(yàn)。
這些應(yīng)用程序可以從瀏覽器選項(xiàng)卡進(jìn)行訪問，不需要任何安裝或下載 - 用戶可以通過與應(yīng)用程序進(jìn)行交互并存儲個人數(shù)據(jù)來與應(yīng)用程序“建立關(guān)系”。作為回報，該應(yīng)用將發(fā)送推送通知，以便重新參與。當(dāng)Progressive Web App在線發(fā)布時，它完全可鏈接并部署到支持HTTPS的主機(jī)。該應(yīng)用將在用戶在線或離線時，使用用戶先前在線時緩存的數(shù)據(jù)。
在許多情況下，網(wǎng)站的移動版本本身就類似PWA，因?yàn)樗试S在任何類型的屏幕上進(jìn)行濃縮的用戶體驗(yàn)，并且可以通過屏幕點(diǎn)擊，輕掃或鼠標(biāo)點(diǎn)擊來訪問各種功能。
漸進(jìn)式Web應(yīng)用程序的主要優(yōu)勢
與傳統(tǒng)的移動友好網(wǎng)站相比，PWA提供了許多優(yōu)勢，其中包括：
1. 推送通知，允許用戶獲取更新或消息的快速摘要或快照，而不是接收電子郵件更新或等待登錄檢查;
2. 脫機(jī)功能，允許應(yīng)用程序繼續(xù)在后臺運(yùn)行，并對用戶的行為和活動“記筆記”，而無需用戶直接與應(yīng)用程序互動;
3. 高度響應(yīng)的布局和更容易的導(dǎo)航;
4. 所有類型的硬件訪問，包括地理位置，攝像頭和麥克風(fēng)以及屏幕方向訪問;
5. 降低數(shù)據(jù)使用量，對于互聯(lián)網(wǎng)接入速度緩慢或有網(wǎng)絡(luò)限制的地區(qū)用戶尤其重要;
6. 所有互聯(lián)網(wǎng)用戶都可以訪問，因?yàn)橄螺d應(yīng)用程序或支付應(yīng)用程序的要求已完全消除。
Google是否抓取PWA網(wǎng)站？
漸進(jìn)式Web應(yīng)用程序利用了JavaScript的靈活性，這意味著Google將單個發(fā)布的頁面視為JavaScript網(wǎng)站?？赡軙镻WA創(chuàng)建一個新的URL，因此Googlebot會繼續(xù)并抓取頁面，就像在網(wǎng)絡(luò)上發(fā)布的任何其他頁面一樣。
Google抓取PWA網(wǎng)站就像抓取AJAX或JavaScript網(wǎng)站一樣，但有一些問題可能會影響到可抓取性- 因此開發(fā)人員需要了解如何優(yōu)化網(wǎng)站以確保網(wǎng)頁得到適當(dāng)?shù)乃饕?br />
Google針對漸進(jìn)式網(wǎng)絡(luò)應(yīng)用的優(yōu)化建議
谷歌的John Mueller在2016年3月提供了關(guān)于Google如何處理PWA和JavaScript網(wǎng)站的詳細(xì)更新。
在這篇文章中，他強(qiáng)調(diào)以下幾點(diǎn)：
1. 不要對Googlebot隱瞞。開發(fā)人員使用功能檢測和漸進(jìn)式增強(qiáng)技術(shù)是非常重要的，這樣所有用戶都可以訪問內(nèi)容。重定向到不受支持的瀏覽器頁面也不是一個好主意。
2. 提供來自多個網(wǎng)址的內(nèi)容時，請使用rel = canonical，以便您不會犯有內(nèi)容重復(fù)的違規(guī)行為。
3. 避免在新網(wǎng)站上使用AJAX抓取方案。
4. Googlebot不會使用“?！睂⒕W(wǎng)址編入索引。許多Progressive Web Apps在其網(wǎng)址結(jié)構(gòu)中使用散列符號，這意味著搜索引擎將放棄＃以外的所有內(nèi)容。唯一的解決方法是使用傳統(tǒng)的優(yōu)化規(guī)則來實(shí)現(xiàn)URL結(jié)構(gòu)。對于一些網(wǎng)站和公司來說這可能會很棘手，但這是我們前進(jìn)的必要步驟。
5. 測試Googlebot如何看到該頁面。您可以使用Google Search Console的抓取和呈現(xiàn)工具來讓查看您的網(wǎng)站與Google看到的方式完全相同。
6. 確保所需的資源不被robots.txt阻止。
7. 減少頁面中嵌入資源的數(shù)量（特別是呈現(xiàn)頁面所需的JavaScript文件數(shù)量），因?yàn)檫@些文件可能未完全加載。
8. 使用加速移動頁面（AMP）時，請使用準(zhǔn)確的站點(diǎn)地圖文件來指示您網(wǎng)站的任何更改。
9. 請記住，某些搜索引擎和訪問內(nèi)容的Web服務(wù)提供商可能不支持JavaScript或可能支持其他子集。
結(jié)論
漸進(jìn)式Web應(yīng)用程序是下一代的在線交互，它們提供了全新的用戶體驗(yàn)。為用戶開發(fā)這些類似應(yīng)用程序界面的公司，需要注意Google索引頁面的固有局限性，并確保它們的編碼正確。
在優(yōu)化方面，公司仍然需要利用最佳谷歌優(yōu)化實(shí)踐來開發(fā)強(qiáng)大的在線網(wǎng)站，以便用戶尋找信息時可以輕松找到網(wǎng)站或品牌。通過這些，用戶可以決定他們是想使用PWA還是仍然使用傳統(tǒng)桌面版和移動版網(wǎng)站來完成會話。