外貿和英文網站獲客管道一般分為廣告投放和自然引流,自然流量一般是Google搜尋引擎,Google對網站有兩個監控工具,
一個是 PageSpeed Insights,https://developers.google.com/speed/pagespeed/insights/,
一個是Core Web Vitals https://web.dev/vitals/,
如果能遵循這些建議,那麼你的網站一定會獲得更高的搜尋排名。
那麼,問題來了,是否要把Page Speed的測試做到100分呢? 這些得分對Google的排名多多大影響?本文就這些問題做一個簡單的探讨。
其他更多SEO優化和引流也可以參考我們其他相關文章,
1. 外貿網站如何通過SEO和内容引流
2. 通過開源的CMS來建構線上論壇/BBS引流
3. 世界500網站清單及CMS系統如何選擇
4. 談談CMS與Web 3.0的發展
Google PageSpeed Insights 是什麼?
Google的SEO相對來說比較靠譜,一直以來以不作惡為标杆,是以Google本身也提供了一個對頁面優化建議的工具,就是 Google PageSpeed Insights,隻需要輸入你的網站,即可得到響應的分析結果和評分。
https://developers.google.com/speed/pagespeed/insights/
PageSpeed Insights (PSI) 會報告網頁在移動裝置和桌面裝置上的性能,并提供關于如何改進網頁的建議。更多對報告的解讀,可以檢視谷歌官方的解讀文檔。
https://developers.google.com/speed/docs/insights/v5/about
谷歌的PageSpeed Insights其實也是來源于谷歌開源的燈塔工具,是以一些算法也可以從中擷取,具體連結如下:
https://developers.google.com/web/tools/lighthouse/
網站得分是否真的很重要?
對于Google的評分工具,我們是否一定要得到100分呢?
實際上,我們的網站一般是沒有辦法得到100分的,因為100分是理想狀态,要得到100分,就要對網站做很多改造,幾乎很多使用者體驗的元素都要删掉,重要會導緻網站幾乎不能看,真實的使用者體驗反而沒有了,那情況反倒更糟糕。
比如,你在Google裡面搜尋 SEO Module Drupal 這樣的關鍵詞,看看前十名的網站,Google的評分是多少,也到不了100,大部分在40-60分左右,得分都不高,是以并不是一定要追求100分。
但是,即便得分不重要,Google 的評分工具卻給我們提供了一個優化的方向,那個還是比較重要的,我們可以按照優化建議對相應的地方進行改進和優化,這個是有利的。
如何使用Google PageSpeed的建議
一個網站真正應該優化的是實際的使用者體驗,而不是GPI的評分,因為使用者打開網站比較慢,那麼他就立刻離開了,而不會再繼續等待,是以我們應該優化的是實際的使用者體驗。
參考如下的測試結果,
這個裡面的資料,其實是我們要優化的重點,谷歌也給出了具體的說明,參考如下:
我們順便解釋一下上面相關的名詞,
FCP - First Contentful Paint,翻譯過來就是網站的首次内容繪制,是浏覽器在頁面上呈現第一個DOM元素的時間。這包括圖像、畫布元素(非白色)或文本。通俗地說,FCP是指使用者可以看到頁面的某些部分發生變化,就是白屏有動了,使用者開心了。
FID - First Input Delay,“首次輸入延遲”, 是指從訪客與您的網站進行互動到他們的浏覽器做出反應之間所發生的時間,機關為毫秒。它是Chrome使用者體驗報告中的一個重要名額。此外,它也是核心網絡名額之一,這些是谷歌用來确定你的網站使用者體驗品質的名額。
這個名額相對比較重要,是以JavaScript太多的網站會導緻FID特别高,應适當減少。此外,不同的裝置也有不同的FID,需要針對性優化。
LCP - Largest Contentful Paint,翻譯為“最大内容繪制”,用于監控網頁可視區内“繪制面積”最大的元素開始呈現在螢幕上的時間點。也就是主要的内容能看到了。
CLS - Cumulative Layout Shift,中文翻譯叫做累積布局偏移,指的是浏覽網頁時你是否遇到過頁面上的内容忽然扭轉的狀況?沒有任何征兆的文本挪動了地位,導緻你都不曉得讀到哪了。這個原因一般是Ajax這種異步加載,或者JS的渲染造成的,是以也要注意Ajax的一些加載問題。
Google 優化的幾條建議
(1) 使用最先标準的圖檔格式,棄用老的格式,比如JPEG/PNG,新的格式比如 PEG 2000, JPEG XR, and WebP。
(2)減少JS區塊的渲染,盡量用inline的css和JavaScript,以降低FCP和FID。
(3)圖檔的延遲加載,不在螢幕的照片,延遲加載,不要一次性加載出來。
(4)注意圖檔的大小,并且支援自适應。
(5)靜态資源的浏覽器緩存,以及CDN緩存。
===================
大家好,我是Robbin,來給大家講CMS。
歡迎關注vizcms.com全景CMS,我們通過開源Drupal + 可視化工具GrapeJS (建構)=> 可視化、子產品化、低代碼的、易上手的CMS平台。
可以快速建構網站、手機站、産品站、線上教育、課程售賣、售後咨詢等平台的工具。
==================