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

　　網(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提出「網(wǎng)頁體驗(yàn)指標(biāo)」，主要就是希望網(wǎng)頁設(shè)計(jì)做到「使用者體驗(yàn)」，可能造成體驗(yàn)變差的設(shè)計(jì)都應(yīng)該避免，以下提供幾個(gè)網(wǎng)站優(yōu)化方法，可以幫助網(wǎng)站提升PSI 分?jǐn)?shù)的方法。

　　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)封鎖時(shí)間總計(jì)，都是針對網(wǎng)站體驗(yàn)而來，只要「網(wǎng)站慢」、「效率低」、「使用者體驗(yàn)差」都會得到低分，SEO優(yōu)化成效差一定會影響網(wǎng)站排名。

　　透過PSI工具測試網(wǎng)站架構(gòu)分?jǐn)?shù)

　　方法一：首頁不要放影片

　　第一個(gè)網(wǎng)站優(yōu)化的方法就是「首頁不要放影片」，首頁是使用者進(jìn)來的第一個(gè)頁面，很多人喜歡把Youtube影片嵌到首頁，Youtube是第三方影音程式，所以首頁會載入這個(gè)第三方程式，影片就成為首頁拖速的元兇，如果非必要，建議把影片放到其他單元，如果是產(chǎn)品影片就放到產(chǎn)品單元，如果是公司簡介影片就放到關(guān)于我們，如果是報(bào)導(dǎo)影片就放到最新消息。網(wǎng)站載入慢可能還沒播到影音，使用者可能就跳出了，第一個(gè)網(wǎng)站優(yōu)化的方法就是「首頁不要放影音」，尤其是第三方影音(Youtube、Vimeo)，可以用圖片附上連結(jié)取代。

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

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

　　方法三：移除多余程式與效果

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

　　方法四：不要用Wordpress

　　很多網(wǎng)站都是用Wordpress設(shè)計(jì)的，Wordpress安裝也很方便，通常是免費(fèi)或是以很低的價(jià)錢就能取得，但是Wordpress的架構(gòu)因?yàn)榻壛颂嗟哪＝M化程式，程式太肥了所以不適合網(wǎng)站優(yōu)化，無需辯論，將Wordpress網(wǎng)站，用Google網(wǎng)站測試工具(PSI)測試就知道了，分?jǐn)?shù)告訴我們Wordpress不是一個(gè)適合優(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是第四個(gè)網(wǎng)站優(yōu)化的方法。

　　Wordpress 是什么?

　　WordPress是一個(gè)免費(fèi)的開放原始碼網(wǎng)站系統(tǒng)，主架構(gòu)是部落格格式，可以自由下載檔案架設(shè)網(wǎng)站并可以依需求外掛各種程式，架構(gòu)以PHP為程式語言、以MySQL為資料庫，是全世界使用率最高的部落格系統(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排名的效率，這是我們給你的第五個(gè)網(wǎng)站優(yōu)化方法。

　　Bootstrap 是什么?

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

　　結(jié)論

　　網(wǎng)頁設(shè)計(jì)需要圖片、文字、效果、影片...去完成一個(gè)完整網(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，只要改變可以改的部分就好，其他就要用其他方法去完成SEO優(yōu)化，可以看下面的延伸閱讀。