你的網(wǎng)站PSI分?jǐn)?shù)好嗎？如何改善呢？

時間：2024-05-12 23:30:02 | 來源：建站知識

時間：2024-05-12 23:30:02 來源：建站知識

網(wǎng)站的架構(gòu)分?jǐn)?shù)（PSI）好不好，將會影響SEO的關(guān)鍵字排名，PSI分?jǐn)?shù)高代表網(wǎng)站架構(gòu)符合Google標(biāo)準(zhǔn)，分?jǐn)?shù)低就代表架構(gòu)差，不符合Google標(biāo)準(zhǔn)。 Google在2020/5/28提出最新的SEO指標(biāo)V6版Page Experience（網(wǎng)頁體驗(yàn)），主要就是在提醒網(wǎng)頁設(shè)計(jì)公司應(yīng)該把網(wǎng)頁設(shè)計(jì)主軸放在“使用者體驗(yàn)（UX）”，可能造成體驗(yàn)變差的項(xiàng)目都應(yīng)該避免，網(wǎng)站調(diào)整才能讓PSI分?jǐn)?shù)提高，以下提供幾個網(wǎng)站優(yōu)化，提升Google PageSpeed Insights （PSI）分?jǐn)?shù)的方法。

延伸閱讀：UX與UI網(wǎng)頁設(shè)計(jì)：有什么區(qū)別，哪個更重要？

先測試一下網(wǎng)站分?jǐn)?shù):Google PSI

PSI是什么？

Google PageSpeed Insights，簡稱 PSI，是Google提供給網(wǎng)站管理者檢測網(wǎng)站架構(gòu)的工具，檢測后分?jǐn)?shù)從0~100分，紅字就是差（0~49）、橘字就是中等（50~89）、綠字就是極佳（90~100），SEO排名至少要達(dá)到80分以上才是比較好的，最新的PSI指標(biāo)是針對“使用者體驗(yàn)”作為評分的依據(jù)，指標(biāo)有 Largest Contentful Paint （LCP）最大內(nèi)容繪制、Cumulative Layout Shift （CLS） 累計(jì)版面配置轉(zhuǎn)移、First Input Delay（FID）首次輸入延遲、Total Blocking Time（TBT）封鎖時間總計(jì)，都是針對網(wǎng)站體驗(yàn)而來，只要“網(wǎng)站慢”、“效率低”、“用戶體驗(yàn)差”都會得到低分，SEO優(yōu)化成效差一定會影響網(wǎng)站排名。

Google測試SEO優(yōu)化工具: Google PageSpeed Insights

方法一：首頁不要放影片

第一個網(wǎng)站優(yōu)化的方法就是“首頁不要放影片”，首頁是用戶進(jìn)來的第一個頁面，很多人喜歡把視頻嵌到首頁，視頻就成為首頁拖速的元兇，如果非必要，建議把影片放到其他頁面，如果是產(chǎn)品影片就放到產(chǎn)品頁面，如果是公司簡介影片就放到關(guān)于我們，如果是報(bào)導(dǎo)影片就放到最新消息。網(wǎng)站載入慢可能還沒播到影音，用戶可能就退出了，第一個網(wǎng)站優(yōu)化的方法就是“首頁不要放影音”，尤其是第三方影音，可以用圖片附上鏈接取代。

延伸閱讀: 2020年網(wǎng)站速度優(yōu)化全面指南

方法二：圖片壓縮并控制數(shù)量

網(wǎng)站圖片是拖慢網(wǎng)站速度的原因之一，像是首頁大圖輪播不要超過三張，其實(shí)90％的首頁大圖點(diǎn)擊都發(fā)生在前三頁，第四張就已經(jīng)沒什么人在看了，圖片尺寸一定要先對，然后在同一個尺寸之下進(jìn)行圖片壓縮，壓縮到肉眼看不出來且可接受的最小檔案，一樣是1280寬的圖，原圖300K要至少壓到100K以下才行，圖片數(shù)量能少不要多，像是首頁的長度與資料量要控制，不能放過多的圖片，這些都是影響PSI分?jǐn)?shù)的因素，縮圖、控制圖量是很重要的網(wǎng)站優(yōu)化，能盡量做到就能得到好的速度。

壓縮圖片工具：TinyPng

方法三：移除多余代碼與效果

網(wǎng)站重視形象與內(nèi)容，但不一定需要這些多余拖速的動畫效果，這些動畫效果并不能幫您帶來訂單，多余動畫效果只會讓網(wǎng)站變慢， 影響PSI分?jǐn)?shù)，還有不要用緩載入圖片的代碼效果，雖然適合手機(jī)瀏覽模式，但影響了網(wǎng)站整體速度。首頁跳出提醒視窗的效果也是網(wǎng)站拖速的原因之一，建議不要用。第三方程序如果沒有用到的也要移除，例如：監(jiān)控網(wǎng)站流量的工具只要裝一套就好，不要裝一大堆統(tǒng)計(jì)代碼，沒有用到的第三方程序都應(yīng)該移除，這些都會影響網(wǎng)站PSI分?jǐn)?shù)，第三個網(wǎng)站優(yōu)化的方法就是“移除多余的代碼”。

方法四：不要用Wordpress

很多網(wǎng)站都是用Wordpress設(shè)計(jì)的，Wordpress安裝也很方便，通常是免費(fèi)或是以很低的價錢就能取得，但是Wordpress的架構(gòu)因?yàn)榻壛颂嗟哪＝M化程序，程序太肥了所以不適合網(wǎng)站優(yōu)化，無需辯論，將Wordpress網(wǎng)站，用Google網(wǎng)站測試工具（PSI）測試就知道了，分?jǐn)?shù)告訴我們Wordpress不是一個適合優(yōu)化的網(wǎng)站架構(gòu)，即使它有方便的SEO外掛插件與優(yōu)化圖片工具，如果堅(jiān)持還是要用Wordpress那就要好好的慎選模板并做好調(diào)教，如果網(wǎng)頁設(shè)計(jì)公司沒有把Wordpress調(diào)到中等分?jǐn)?shù)的能力，真的就不要勉強(qiáng)了，不要用Wordpress是第四個網(wǎng)站優(yōu)化的方法。

延伸閱讀: 不推薦用WordPress建站的六個原因

Wordpress是什么?

WordPress是一個免費(fèi)的開放原始碼網(wǎng)站系統(tǒng)，主架構(gòu)是部落格格式，可以自由下載檔案架設(shè)網(wǎng)站并可以依需求外掛各種程序，架構(gòu)以PHP為程序語言、以MySQL為數(shù)據(jù)庫，是全世界使用率最高的博客系統(tǒng)，網(wǎng)站使用超過7000萬，由于WordPress是模組化網(wǎng)站，因此綁了很多模組程序，以致于WordPress的PSI一直處在低分，這是WordPress的原生劣勢，優(yōu)點(diǎn)是成本低、架設(shè)快速、具備各種SEO外掛插件。

方法五：不要用Bootstrap

如果您可以把Bootstrap制作的網(wǎng)站架構(gòu)分?jǐn)?shù)調(diào)整到很高，那么沒人會反對使用Bootstrap，但是90％使用Bootstrap的人并不一定是專業(yè)的前端工程師，可能由網(wǎng)頁設(shè)計(jì)師或是后端工程師兼任前端的切版，因?yàn)锽ootstrap的學(xué)習(xí)門檻較低，只要有心都能學(xué)會，但是你會用Bootstrap不代表就是專業(yè)的“前端工程師”，就能把網(wǎng)站優(yōu)化到最佳，如果你希望網(wǎng)站可以達(dá)到SEO最佳化，那么就放棄Bootstrap，除非你會完整優(yōu)化Bootstrap，讓網(wǎng)站SEO的PSI分?jǐn)?shù)提高。 SEO架構(gòu)分?jǐn)?shù)調(diào)不高，使用者體驗(yàn)（UX）當(dāng)然也不會好，一定會影響SEO排名的效率，這是我們給你的第五個網(wǎng)站優(yōu)化方法。

延伸閱讀: 網(wǎng)頁設(shè)計(jì)為什么需要前端工程師？

Bootstrap是什么?

Bootstrap 是用在網(wǎng)站的前端網(wǎng)站框架介面，主要是用于實(shí)現(xiàn)RWD的網(wǎng)站，RWD目的是可以適應(yīng)于不同裝置，Bootstrap 就是一個已經(jīng)把 HTML、CSS、JavaScript 都整合好的RWD框架工具，可以方便網(wǎng)站設(shè)計(jì)公司快速組裝網(wǎng)站，可以有效降低成本與減少開發(fā)時間，但因?yàn)橛泻芏嗟那岸嗽亟壴谝黄?，以至于網(wǎng)站的效能不佳。

延伸閱讀: 網(wǎng)站建設(shè)為什么需要前端工程師？

結(jié)論

網(wǎng)頁設(shè)計(jì)需要圖片、文字、效果、影片...去完成一個完整網(wǎng)站，網(wǎng)頁設(shè)計(jì)的過程中如果可以秉持SEO邏輯去設(shè)計(jì)，那就可以在設(shè)計(jì)初期就可以完成網(wǎng)站優(yōu)化，也就是高PSI分?jǐn)?shù)，像是：首頁不要放影片、圖片壓縮與控制數(shù)量、移除多余的動畫效果、不要用Wordpress、不要用Bootstrap，一開始就做到是最好達(dá)到PSI高分的方法，如果你的網(wǎng)站已經(jīng)完成并上線了，已經(jīng)無法做基礎(chǔ)性的改變，不要?dú)怵H，只要改變可以改的部分就好，其他可以用更多、更高質(zhì)量的內(nèi)容和鏈接來彌補(bǔ)。