網站的架構分(fēn)數（PSI）好不好，将會影響SEO的關鍵字排名，PSI分(fēn)數高代表網站架構符合Google标準，分(fēn)數低就代表架構差，不符合Google标準。 Google在2020/5/28提出最新的SEO指标V6版Page Experience（網頁體(tǐ)驗），主要就是在提醒網頁設計公司應該把網頁設計主軸放(fàng)在“使用者體(tǐ)驗（UX）”，可能造成體(tǐ)驗變差的項目都應該避免，網站調整才能讓PSI分(fēn)數提高，以下(xià)提供幾個網站優化，提升Google PageSpeed Insights （PSI）分(fēn)數的方法。

先測試一(yī)下(xià)網站分(fēn)數:Google PSI

PSI是什麽？

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

Google測試SEO優化工(gōng)具:Google PageSpeed Insights

方法一(yī)：首頁不要放(fàng)影片

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

方法二：圖片壓縮并控制數量

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

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

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

方法四：不要用Wordpress

很多網站都是用Wordpress設計的，Wordpress安裝也很方便，通常是免費(fèi)或是以很低的價錢就能取得，但是Wordpress的架構因爲綁了太多的模組化程序，程序太肥了所以不适合網站優化，無需辯論，将Wordpress網站，用Google網站測試工(gōng)具（PSI）測試就知(zhī)道了，分(fēn)數告訴我(wǒ)(wǒ)們Wordpress不是一(yī)個适合優化的網站架構，即使它有方便的SEO外(wài)挂插件與優化圖片工(gōng)具，如果堅持還是要用Wordpress那就要好好的慎選模闆并做好調教，如果網頁設計公司沒有把Wordpress調到中(zhōng)等分(fēn)數的能力，真的就不要勉強了，不要用Wordpress是第四個網站優化的方法。

Wordpress是什麽?

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

方法五：不要用Bootstrap

如果您可以把Bootstrap制作的網站架構分(fēn)數調整到很高，那麽沒人會反對使用Bootstrap，但是90％使用Bootstrap的人并不一(yī)定是專業的前端工(gōng)程師，可能由網頁設計師或是後端工(gōng)程師兼任前端的切版，因爲Bootstrap的學習門檻較低，隻要有心都能學會，但是你會用Bootstrap不代表就是專業的“前端工(gōng)程師”，就能把網站優化到最佳，如果你希望網站可以達到SEO最佳化，那麽就放(fàng)棄Bootstrap，除非你會完整優化Bootstrap，讓網站SEO的PSI分(fēn)數提高。 SEO架構分(fēn)數調不高，使用者體(tǐ)驗（UX）當然也不會好，一(yī)定會影響SEO排名的效率，這是我(wǒ)(wǒ)們給你的第五個網站優化方法。

Bootstrap是什麽?

Bootstrap 是用在網站的前端網站框架介面，主要是用于實現RWD的網站，RWD目的是可以适應于不同裝置，Bootstrap 就是一(yī)個已經把 HTML、CSS、JavaScript 都整合好的RWD框架工(gōng)具，可以方便網站設計公司快速組裝網站，可以有效降低成本與減少開(kāi)發時間，但因爲有很多的前端元素綁在一(yī)起，以至于網站的效能不佳。

結論

網頁設計需要圖片、文字、效果、影片...去(qù)完成一(yī)個完整網站，網頁設計的過程中(zhōng)如果可以秉持SEO邏輯去(qù)設計，那就可以在設計初期就可以完成網站優化，也就是高PSI分(fēn)數，像是：首頁不要放(fàng)影片、圖片壓縮與控制數量、移除多餘的動畫效果、不要用Wordpress、不要用Bootstrap，一(yī)開(kāi)始就做到是最好達到PSI高分(fēn)的方法，如果你的網站已經完成并上線了，已經無法做基礎性的改變，不要氣餒，隻要改變可以改的部分(fēn)就好，其他可以用更多、更高質量的内容和鏈接來彌補。