在2021年8月,谷歌更新了網(wǎng)站用戶體驗(yàn)的算法,但是有的同學(xué)卻不以為然。所以導(dǎo)致現(xiàn)在有些同學(xué)把網(wǎng)站發(fā)給我,讓我?guī)兔Ψ治鼍W(wǎng)站的利與弊。有時(shí)候真的不忍直視,但是又不好過(guò)分打擊。因此寫(xiě)篇文章給我的讀者,大家共勉。
什么是用戶體驗(yàn)
網(wǎng)站用戶體驗(yàn)信號(hào)衡量的是用戶如何看待與網(wǎng)頁(yè)互動(dòng)的體驗(yàn)的各個(gè)方面。然后我們對(duì)這些因素進(jìn)行優(yōu)化,可以使用戶在所有的瀏覽器和表面上都能享受到更多的樂(lè)趣,并幫助網(wǎng)站朝著用戶在移動(dòng)端上的期望發(fā)展。這是谷歌給出來(lái)的解釋。
其實(shí)我們可以簡(jiǎn)單理解為,我們只要把頁(yè)面制作成用戶想要看到的樣子,就是對(duì)SEO最好的體現(xiàn)。
網(wǎng)站用戶體驗(yàn)更新的核心因素
我這里給大家統(tǒng)計(jì)了6個(gè)重要指標(biāo),下面我會(huì)把這個(gè)名詞用最通俗的話語(yǔ)解釋一遍,然后在下一段給出解決方案。
最大內(nèi)容繪制:Largest Contentful Paint (簡(jiǎn)稱LCP)
這個(gè)指標(biāo)衡量是頁(yè)面的主要內(nèi)容,是最大的內(nèi)容元素的加載時(shí)間。Google 是怎么判定最大元素呢?
當(dāng)頁(yè)面在載入的過(guò)程中,Google 會(huì)去抓取頁(yè)面可視范圍中最大的元素,并會(huì)隨時(shí)針對(duì)可視范圍中的內(nèi)容改變,直到頁(yè)面完全載入后,才會(huì)將頁(yè)面中最大的元素做為 LCP。
首次輸入延遲:First Input Delay(簡(jiǎn)稱FID)
這個(gè)指標(biāo)用戶第一次與你的網(wǎng)頁(yè)互動(dòng)(點(diǎn)擊一個(gè)鏈接、點(diǎn)擊一個(gè)按鈕等)到網(wǎng)頁(yè)實(shí)際響應(yīng)的時(shí)間。
比如用戶通過(guò)你的關(guān)鍵詞,進(jìn)入到你的文章頁(yè)面,然后閱讀的過(guò)程中,他發(fā)現(xiàn)網(wǎng)頁(yè)還有其他感興趣的內(nèi)容,那么用戶會(huì)點(diǎn)擊進(jìn)入下一個(gè)頁(yè)面。我們需要把進(jìn)入到下一個(gè)頁(yè)面的時(shí)間控制到最佳。
累積版面偏移:Cumulative Layout Shift(簡(jiǎn)稱CLS)
這可以你的網(wǎng)頁(yè)上的內(nèi)容的視覺(jué)穩(wěn)定性。如果你的網(wǎng)站布局出乎意料地轉(zhuǎn)移,它被認(rèn)為是一種糟糕的用戶體驗(yàn)。如果你曾經(jīng)試圖點(diǎn)擊或敲擊某些東西,而按鈕或鏈接發(fā)生了偏移,這對(duì)于你來(lái)說(shuō)會(huì)非常的生氣。
通常出現(xiàn)這樣的情況有移動(dòng)端按鈕間距太小,突然的廣告彈窗之類的。
以上三個(gè)因素的評(píng)判標(biāo)準(zhǔn)
最大的內(nèi)容繪畫(huà)(LCP)應(yīng)該低于2.5秒
首次輸入延遲(FID)爭(zhēng)取小于100毫秒
累積布局轉(zhuǎn)移(CLS)確保得分低于0.1
移動(dòng)端友好
移動(dòng)端友好我相信大家都能理解,之前的文章已經(jīng)提到過(guò)多次,大家建站的時(shí)候一定要注意移動(dòng)的適配問(wèn)題。還有,關(guān)于移動(dòng)端AMP技術(shù),現(xiàn)在Google明確表明,AMP對(duì)SEO沒(méi)有任何的直接聯(lián)系。但它仍然可以提供你的網(wǎng)站速度。
安全瀏覽體驗(yàn)
本來(lái)有兩個(gè)安全方面,但是我這里把它合并成一項(xiàng)了,因?yàn)槲艺J(rèn)為https也是屬于安全瀏覽體驗(yàn)的一部分。
谷歌希望網(wǎng)站為訪問(wèn)者提供安全的瀏覽體驗(yàn),但也明白并非每個(gè)網(wǎng)站都會(huì)將其用戶的最佳利益放在心上。這就是為什么谷歌搜索要考慮網(wǎng)站是否遵循兩個(gè)重要的安全瀏覽的最佳做法。
該網(wǎng)頁(yè)通過(guò)安全鏈接(HTTPS)提供。網(wǎng)頁(yè)沒(méi)有惡意或欺騙性的內(nèi)容,旨在通過(guò)惡意軟件或網(wǎng)絡(luò)釣魚(yú)攻擊等手段損害訪問(wèn)者的隱私或安全
侵入性的插頁(yè)廣告
很多人可能不理解這是什么意思,我下面來(lái)解釋一下。
比如你正在網(wǎng)站瀏覽某個(gè)頁(yè)面,或者閱讀某篇內(nèi)容。但是它是不是給你來(lái)一個(gè)廣告彈窗,告訴你他們有優(yōu)惠,讓你填入郵箱了解。你對(duì)他們的優(yōu)惠沒(méi)有任何興趣,當(dāng)你想關(guān)閉此彈窗的時(shí)候卻找不到任何可關(guān)閉的地方。
怎么將你網(wǎng)站的用戶體驗(yàn)做到最好
上面我們了解了網(wǎng)站影響用戶體驗(yàn)的原因,接下來(lái)我們來(lái)說(shuō)說(shuō)怎么對(duì)這些因素做針對(duì)性的處理。
移動(dòng)端適配
如果你不知道你的移動(dòng)端是否適配,有兩個(gè)方法可以查看
進(jìn)入你的Google search console 工具,查看移動(dòng)設(shè)備易用性。
上圖圈出來(lái)的這兩個(gè)因素是很多網(wǎng)站常見(jiàn)的錯(cuò)誤,并且很多模板主題自身也不適應(yīng)移動(dòng)端。所以當(dāng)你檢測(cè)出來(lái)后,要不你就按他的規(guī)則修改,要不你就更換更好的主題。
如果你沒(méi)有GSC或者不想登入,
那你還可以進(jìn)入https://search.google.com/test/mobile-friendly如下圖
具體的注意事項(xiàng)如下
保持菜單簡(jiǎn)短而有條理。將相似的字段合并為一個(gè),以減少菜單欄中的鏈接數(shù)量。
移動(dòng)端的logo設(shè)置返回首頁(yè)的鏈接,否則體驗(yàn)感很差
把你移動(dòng)端的搜索框放在顯眼并且不阻擋用戶的地方,使用戶能隨時(shí)使用
確保你的文本和圖像是響應(yīng)性的。你頁(yè)面上的所有內(nèi)容必須在各種尺寸的設(shè)備上都能閱讀。
避免在移動(dòng)設(shè)備中啟動(dòng)新窗口的CTA按鈕。
保持CTA按鈕在折疊上方和中心位置。避免使用模糊的行動(dòng)呼吁按鈕,如 "了解更多"。