5個(gè)網(wǎng)站優(yōu)化方法,改善網(wǎng)站PSI分?jǐn)?shù)
你的網(wǎng)站PSI分?jǐn)?shù)好嗎?
網(wǎng)站的架構(gòu)分?jǐn)?shù)(PSI)好不好,將會(huì)影響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è)體驗(yàn)指標(biāo)」,主要就是希望網(wǎng)頁(yè)設(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,簡(jiǎn)稱PSI,是Google提供給網(wǎng)站管理者檢測(cè)網(wǎng)站架構(gòu)的工具,檢測(cè)后分?jǐn)?shù)從0~100分,紅字就是差(0~49)、橘字就是中等(50~89)、綠字就是極佳(90~100),SEO排名至少要達(dá)到80分以上才是比較好的,最新的PSI指標(biāo)是針對(duì)「使用者體驗(yàn)」作為評(píng)分的依據(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ì),都是針對(duì)網(wǎng)站體驗(yàn)而來,只要「網(wǎng)站慢」、「效率低」、「使用者體驗(yàn)差」都會(huì)得到低分,SEO優(yōu)化成效差一定會(huì)影響網(wǎng)站排名。
透過PSI工具測(cè)試網(wǎng)站架構(gòu)分?jǐn)?shù)
方法一:首頁(yè)不要放影片
第一個(gè)網(wǎng)站優(yōu)化的方法就是「首頁(yè)不要放影片」,首頁(yè)是使用者進(jìn)來的第一個(gè)頁(yè)面,很多人喜歡把Youtube影片嵌到首頁(yè),Youtube是第三方影音程式,所以首頁(yè)會(huì)載入這個(gè)第三方程式,影片就成為首頁(yè)拖速的元兇,如果非必要,建議把影片放到其他單元,如果是產(chǎn)品影片就放到產(chǎn)品單元,如果是公司簡(jiǎn)介影片就放到關(guān)于我們,如果是報(bào)導(dǎo)影片就放到最新消息。網(wǎng)站載入慢可能還沒播到影音,使用者可能就跳出了,第一個(gè)網(wǎng)站優(yōu)化的方法就是「首頁(yè)不要放影音」,尤其是第三方影音(Youtube、Vimeo),可以用圖片附上連結(jié)取代。
方法二:圖片壓縮并控制數(shù)量
網(wǎng)站圖片是拖慢網(wǎng)站速度的原因之一,像是首頁(yè)大圖輪播不要超過三張,其實(shí)90%的首頁(yè)大圖點(diǎn)擊都發(fā)生在前三頁(yè),第四張就已經(jīng)沒什么人在看了,圖片尺寸一定要先對(duì),然后在同一個(gè)尺寸之下進(jìn)行圖片壓縮,壓縮到肉眼看不出來且可接受的最小檔案,一樣是1280寬的圖,原圖300K要至少壓到100K以下才行,圖片數(shù)量能少不要多,像是首頁(yè)的長(zhǎng)度與資料量要控制,不能放過多的圖片,這些都是影響PSI分?jǐn)?shù)的因素,縮圖、控制圖量是很重要的網(wǎng)站優(yōu)化,能盡量做到就能得到好的速度。
方法三:移除多余程式與效果
網(wǎng)站重視形象與內(nèi)容,但不一定需要這些多余拖速的動(dòng)畫效果,這些動(dòng)畫效果并不能幫您帶來訂單,多余動(dòng)畫效果只會(huì)讓網(wǎng)站變慢, 影響PSI分?jǐn)?shù),還有不要用緩載入圖片的程式效果,雖然適合手機(jī)瀏覽模式,但影響了網(wǎng)站整體速度。首頁(yè)跳出提醒視窗的效果也是網(wǎng)站拖速的原因之一,建議不要用。第三方程式如果沒有用到的也要移除,例如:監(jiān)控網(wǎng)站流量的工具只要裝一套就好,不要裝一大堆追蹤程式碼,例如:沒有用臉書網(wǎng)站數(shù)據(jù)就不要裝,裝GA就好,沒有用到的第三方程式碼都應(yīng)該移除,這些都會(huì)影響網(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)站測(cè)試工具(PSI)測(cè)試就知道了,分?jǐn)?shù)告訴我們Wordpress不是一個(gè)適合優(yōu)化的網(wǎng)站架構(gòu),即使它有方便的SEO外掛套件與優(yōu)化圖片工具,如果堅(jiān)持還是要用Wordpress那就要好好的慎選樣版、套件并做好調(diào)教,如果網(wǎng)頁(yè)設(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為程式語(yǔ)言、以MySQL為資料庫(kù),是全世界使用率最高的部落格系統(tǒng),網(wǎng)站使用超過7000萬(wàn),由于WordPress是模組化網(wǎng)站,因此綁了很多模組程式,以致于WordPress的PSI一直處在低分,這是WordPress的原生劣勢(shì),優(yōu)點(diǎn)是成本低、架設(shè)快速、具備各種SEO外掛套件。
方法五:不要用Bootstrap
如果您可以把Bootstrap制作的網(wǎng)站架構(gòu)分?jǐn)?shù)調(diào)整到很高,那么沒人會(huì)反對(duì)使用Bootstrap,但是90%使用Bootstrap的人并不一定是專業(yè)的前端工程師,可能由網(wǎng)頁(yè)設(shè)計(jì)師或是后端工程師兼任前端的切版,因?yàn)锽ootstrap的學(xué)習(xí)門檻較低,只要有心都能學(xué)會(huì),但是你會(huì)用Bootstrap不代表就是專業(yè)的「前端工程師」,就能把網(wǎng)站優(yōu)化到最佳,如果你希望網(wǎng)站可以達(dá)到SEO 最佳化,那么就放棄Bootstrap,除非你會(huì)完整優(yōu)化Bootstrap,讓網(wǎng)站SEO的PSI分?jǐn)?shù)提高。SEO架構(gòu)分?jǐn)?shù)調(diào)不高,使用者體驗(yàn)(UX)當(dāng)然也不會(huì)好,一定會(huì)影響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)頁(yè)設(shè)計(jì)需要圖片、文字、效果、影片...去完成一個(gè)完整網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì)的過程中如果可以秉持SEO邏輯去設(shè)計(jì),那就可以在設(shè)計(jì)初期就可以完成網(wǎng)站優(yōu)化,也就是高PSI分?jǐn)?shù),像是:首頁(yè)不要放影片、圖片壓縮與控制數(shù)量、移除多余的動(dòng)畫效果、不要用Wordpress、不要用Bootstrap,一開始就做到是最好達(dá)到PSI高分的方法,如果你的網(wǎng)站已經(jīng)完成并上線了,已經(jīng)無法做基礎(chǔ)性的改變,不要?dú)怵H,只要改變可以改的部分就好,其他就要用其他方法去完成SEO優(yōu)化,可以看下面的延伸閱讀。
相關(guān)閱讀推薦
-
自適應(yīng)網(wǎng)站建設(shè)的10大技巧
在移動(dòng)互聯(lián)網(wǎng)時(shí)代,自適應(yīng)網(wǎng)站設(shè)計(jì)成為確保用戶在各種設(shè)備上都能獲得出色體驗(yàn)的關(guān)鍵。本文將為您介紹自適應(yīng)網(wǎng)站建設(shè)的10大技巧,助您打造一個(gè)能夠跨平臺(tái)展現(xiàn)出色的網(wǎng)站。1. 響應(yīng)式布局: 采用流式網(wǎng)格···
-
企業(yè)網(wǎng)站日常維護(hù)指南:保持活力,迎接未來
企業(yè)網(wǎng)站是企業(yè)在數(shù)字時(shí)代的門面,定期的日常維護(hù)對(duì)于保持網(wǎng)站活力、提高用戶體驗(yàn)至關(guān)重要。以下是關(guān)鍵詞為指導(dǎo)的企業(yè)網(wǎng)站日常維護(hù)指南,助您隨時(shí)迎接未來的挑戰(zhàn)。1. 網(wǎng)站內(nèi)容更新與優(yōu)化持續(xù)更新網(wǎng)站內(nèi)容···
-
從零開始:使用PHP搭建您的個(gè)人網(wǎng)站
PHP是一種強(qiáng)大的服務(wù)器端腳本語(yǔ)言,廣泛用于網(wǎng)站開發(fā)。在這篇文章中,我們將探討如何從零開始使用PHP搭建您的個(gè)人網(wǎng)站,以展示您的項(xiàng)目、技能或興趣愛好。1. 準(zhǔn)備工作:選擇托管和域名在開始搭建網(wǎng)···
-
關(guān)鍵詞監(jiān)控:提升您的SEO游戲的必要步驟
1. 為什么關(guān)鍵詞監(jiān)控如此重要?搜索引擎優(yōu)化是通過在網(wǎng)站內(nèi)容中使用相關(guān)關(guān)鍵詞來提高網(wǎng)站在搜索引擎中的排名。然而,搜索引擎算法和用戶搜索行為在不斷變化,這意味著您需要持續(xù)監(jiān)控和調(diào)整您的關(guān)鍵詞策略···
-
服務(wù)器哪些因素會(huì)影響網(wǎng)站關(guān)鍵詞排名?
服務(wù)器哪些因素會(huì)影響網(wǎng)站關(guān)鍵詞排名1.服務(wù)器性能和配置可以影響網(wǎng)站的關(guān)鍵詞排名,尤其是在搜索引擎算法越來越注重用戶體驗(yàn)的情況下。以下是一些服務(wù)器因素可能會(huì)對(duì)網(wǎng)站關(guān)鍵詞排名產(chǎn)生影響的關(guān)鍵因素:2···
-
網(wǎng)站建設(shè)前需要做哪些準(zhǔn)備工作
在進(jìn)行網(wǎng)站建設(shè)前,需要做以下準(zhǔn)備工作:1.明確網(wǎng)站的目標(biāo)和需求:在進(jìn)行網(wǎng)站建設(shè)之前,需要明確網(wǎng)站的目標(biāo)和需求。這包括網(wǎng)站的類型、目標(biāo)用戶、內(nèi)容和功能需求等。通過明確網(wǎng)站的目標(biāo)和需求,可以更好地···
愛品特建站服務(wù)
最新資訊
行業(yè)知識(shí)文章推薦閱讀
-
15個(gè)免費(fèi)B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
1.中國(guó)供應(yīng)商網(wǎng)網(wǎng)站地址:https://cn.china.···
-
2024年20個(gè)免費(fèi)綜合B2B網(wǎng)站總結(jié)分享
在全球化和數(shù)字化的推動(dòng)下,B2B(企業(yè)對(duì)企業(yè))電子商務(wù)平臺(tái)已···
-
如何保存整個(gè)網(wǎng)頁(yè):多種方法解析
在日?;ヂ?lián)網(wǎng)瀏覽中,我們經(jīng)常會(huì)遇到想要保存整個(gè)網(wǎng)頁(yè)的情況,無···
-
國(guó)內(nèi)免費(fèi)B2B網(wǎng)站推薦,免費(fèi)B2B網(wǎng)站大全
1. 中國(guó)制造網(wǎng):http://www.made-in-ch···
-
pbootcms配置留言發(fā)送到QQ郵箱教程
1、登陸QQ郵箱,找到設(shè)置》賬戶2、下拉找到SMTP服務(wù)設(shè)置···
-
微信小程序云開發(fā)價(jià)格是多少
微信小程序云開發(fā)是一種基于云端的開發(fā)模式,提供了一系列云端服···
文章排行
-
如何保存整個(gè)網(wǎng)頁(yè):多種方法解析
在日?;ヂ?lián)網(wǎng)瀏覽中,我們經(jīng)常會(huì)遇到想要保存整個(gè)網(wǎng)頁(yè)的情況,無論是為了離線瀏覽、分享內(nèi)容、或者備份信息。這篇文章將介紹多種方法,從簡(jiǎn)單的瀏覽器功能到專用工具,幫助···
如何保存整個(gè)網(wǎng)頁(yè):多種方法解析
國(guó)內(nèi)免費(fèi)B2B網(wǎng)站推薦,免費(fèi)B2B網(wǎng)站大全
微信小程序云開發(fā)價(jià)格是多少
北京小程序開發(fā)公司哪家好
15個(gè)免費(fèi)B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
1.中國(guó)供應(yīng)商網(wǎng)網(wǎng)站地址:https://cn.china.cn/中國(guó)供應(yīng)商是為了推動(dòng)中國(guó)制造業(yè)及對(duì)外貿(mào)易產(chǎn)業(yè)重拳打造的B2B電子商務(wù)平臺(tái)。中國(guó)供應(yīng)商項(xiàng)目應(yīng)用創(chuàng)···
15個(gè)免費(fèi)B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
2024年20個(gè)免費(fèi)綜合B2B網(wǎng)站總結(jié)分享
pbootcms配置留言發(fā)送到QQ郵箱教程
怎么安裝PbootCMS?PbootCMS 運(yùn)行環(huán)境要求?
個(gè)人如何免費(fèi)在線做網(wǎng)站?做個(gè)人網(wǎng)站的常見問題