對(duì)于網(wǎng)站優(yōu)化，盡管曾說過SEO代表了搜索引擎優(yōu)化，但是SEO與用戶和搜索引擎本身一樣重要，因?yàn)樗阉饕娴拇嬖诒旧砭褪莵頌橛脩籼峁┓?wù)的。也正式因?yàn)檫@個(gè)真實(shí)存在的目標(biāo)就更有助于我們解釋為什么Google的算法會(huì)獎(jiǎng)勵(lì)那些為用戶提供最佳體驗(yàn)的網(wǎng)站，以及為什么某些網(wǎng)站盡管具有強(qiáng)大的反向鏈接配置文件等特質(zhì)，但在搜索中的效果可能并不理想。當(dāng)我們了解是什么使他們的瀏覽體驗(yàn)最佳時(shí)，我們可以創(chuàng)建這些體驗(yàn)以實(shí)現(xiàn)最佳搜索性能。

    鑒于當(dāng)今超過一半的網(wǎng)絡(luò)流量來自移動(dòng)設(shè)備，筆者可以肯定地說移動(dòng)訪問者應(yīng)該可以訪問我們的網(wǎng)站并且易于瀏覽。自2015年4月，Google推出了其算法的更新，該算法將促進(jìn)非移動(dòng)設(shè)備友好頁面上的移動(dòng)設(shè)備友好頁面。那么，如何確保我們的網(wǎng)站適合移動(dòng)設(shè)備？盡管可以通過三種主要方式為移動(dòng)設(shè)備配置網(wǎng)站，但Google建議我們采用自適應(yīng)網(wǎng)頁設(shè)計(jì)也就是我們所說的H5。

    響應(yīng)式網(wǎng)站旨在適應(yīng)訪問者正在使用的任何類型設(shè)備的頁面。我們可以使用CSS使網(wǎng)頁“響應(yīng)”設(shè)備的大小。這是理想的選擇，因?yàn)樗梢苑乐乖L問者為了查看頁面上的內(nèi)容而不得不點(diǎn)按兩次或進(jìn)行縮放。不確定我們的網(wǎng)頁是否適合移動(dòng)設(shè)備？我們可以使用Google的移動(dòng)設(shè)備適合性測試進(jìn)行檢查。AMP代表“加速的移動(dòng)頁面”，它用于向移動(dòng)訪問者傳遞內(nèi)容的速度比非AMP傳遞要快得多。AMP之所以能夠如此快速地傳遞內(nèi)容，是因?yàn)锳MP從其緩存服務(wù)器而不是原始站點(diǎn)傳遞內(nèi)容，并使用HTML和JavaScript的特殊AMP版本。

    然后從2018年開始，谷歌開始將網(wǎng)站切換為移動(dòng)優(yōu)先索引。這種變化引發(fā)了移動(dòng)設(shè)備友好性和移動(dòng)設(shè)備優(yōu)先之間的混淆，因此有助于消除歧義。通過移動(dòng)優(yōu)先索引，谷歌可以對(duì)我們的網(wǎng)頁的移動(dòng)版本進(jìn)行爬行網(wǎng)站和索引。使我們的網(wǎng)站與移動(dòng)頁面兼容對(duì)用戶和搜索性能都有好處，但是移動(dòng)優(yōu)先索引獨(dú)立于移動(dòng)設(shè)備的友好性而發(fā)生。對(duì)于缺乏移動(dòng)版本和電腦版本之間的網(wǎng)站，如在其移動(dòng)視圖中顯示不同的內(nèi)容，導(dǎo)航，鏈接等將引起了一些問題了比如，具有不同鏈接的移動(dòng)網(wǎng)站將改變Googlebot抓取我們的網(wǎng)站并將鏈接資產(chǎn)發(fā)送到其他頁面的方式。

    Google希望提供能夠?yàn)橛脩艨焖偌虞d內(nèi)容的內(nèi)容。我們一直期望能夠快速加載結(jié)果，而當(dāng)我們沒有得到它們時(shí)，我們將迅速跳回搜索引擎結(jié)果頁尋找更好，更快的頁面。這就是為什么頁面速度是站點(diǎn)SEO至關(guān)重要的方面。我們可以利用下面提到的工具來提高網(wǎng)頁的速度。

    1、Google的PageSpeed Insights工具和最佳做法文檔

    2、GTMetrix

    3、Google的移動(dòng)網(wǎng)站速度和性能測試儀

    4、Google Lighthouse

    5、Chrome DevTools和教程

    對(duì)網(wǎng)站優(yōu)化有一定基礎(chǔ)或者閱讀過筆者文章的朋友們應(yīng)該都知道圖片是網(wǎng)頁加載緩慢的第一大原因。除了圖片壓縮，優(yōu)化圖片替換文本選擇正確的圖片格式以及提交圖片站點(diǎn)地圖外，還有其他技術(shù)方法可以優(yōu)化向用戶顯示圖片的速度和方式。提高圖片傳遞方法下面筆者也列舉了一些：

    1、SRCSET：如何為每個(gè)設(shè)備提供最佳圖片尺寸

    SRCSET屬性允許我們具有映像的多個(gè)版本，然后指定在不同情況下應(yīng)使用的版本。這段代碼被添加到<img>標(biāo)記圖片在HTML中的位置以為特定大小的設(shè)備提供唯一的圖片。就像我們前面討論的響應(yīng)式設(shè)計(jì)的概念一樣，這不僅可以加快圖片加載時(shí)間，而且還是通過為不同設(shè)備類型提供不同且最佳的圖片來增強(qiáng)頁面用戶體驗(yàn)的獨(dú)特方式。

    2、顯示用戶正在通過延遲加載進(jìn)行圖片加載

    延遲加載是在我們訪問網(wǎng)頁時(shí)發(fā)生的，它沒有看到空白的圖片空白而是在加載周圍的文本時(shí)顯示了圖片的輕量級(jí)模糊版本或彩色框。幾秒鐘后，圖片清晰地以全分辨率加載?，F(xiàn)下比較流行的博客平臺(tái)Medium在一點(diǎn)上就做得很好。首先加載低分辨率版本，然后加載完整的高分辨率版本。這也有助于優(yōu)化我們的關(guān)鍵渲染路徑。因此，在下載所有其他頁面資源的同時(shí)，我們將顯示一個(gè)低分辨率的展示圖片，圖片有助于告訴用戶事情正在發(fā)生/正在加載。

    當(dāng)然，我們也可以通過壓縮和捆綁文件來提高網(wǎng)頁加載速度。頁面速度審核通常會(huì)提出如減少資源之類的建議，但這實(shí)際上意味著什么呢？縮小通過刪除換行符和空格之類的內(nèi)容來壓縮代碼文件，并在可能的情況下縮寫代碼變量名稱。在提高頁面速度方面，“捆綁”是我們會(huì)聽到的另一個(gè)常用術(shù)語。捆綁過程將一堆相同的編碼語言文件組合為一個(gè)文件。如，可以將一堆JavaScript文件放入一個(gè)更大的文件中，以減少瀏覽器的JavaScript文件數(shù)量。通過最小化和捆綁構(gòu)建網(wǎng)頁所需的文件，我們可以加快網(wǎng)站訪問速度，并減少HTTP文件請(qǐng)求的數(shù)量。

    針對(duì)來自多個(gè)國家/地區(qū)的受眾的網(wǎng)站應(yīng)熟悉國際SEO最佳做法以便提供最相關(guān)的體驗(yàn)。沒有這些優(yōu)化，國際用戶可能很難找到適合他們的網(wǎng)站版本。網(wǎng)站的國際化主要有兩種方式：

    （1）語言，以多種語言為目標(biāo)的網(wǎng)站被視為多語言網(wǎng)站。這些網(wǎng)站應(yīng)添加稱為hreflang標(biāo)記的內(nèi)容，以向Google展示我們的網(wǎng)頁已復(fù)制另一種語言。

    （2）國家，針對(duì)多個(gè)國家/地區(qū)的受眾的網(wǎng)站稱為多區(qū)域網(wǎng)站，它們應(yīng)該選擇一個(gè)URL結(jié)構(gòu)，以便輕松地將其域或頁面定位到特定國家/地區(qū)。這可以包括使用國家代碼頂級(jí)域名或使用具有國家特定子文件夾的通用頂級(jí)域名。

    (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：smyunshangcheng.cn，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自己!）