對于網(wǎng)站優(yōu)化，盡管曾說過SEO代表了搜索引擎優(yōu)化，但是SEO與用戶和搜索引擎本身一樣重要，因?yàn)樗阉饕娴拇嬖诒旧砭褪莵頌橛脩籼峁┓?wù)的。也正式因?yàn)檫@個(gè)真實(shí)存在的目標(biāo)就更有助于我們解釋為什么Google的算法會獎(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)先索引，谷歌可以對我們的網(wǎng)頁的移動(dòng)版本進(jìn)行爬行網(wǎng)站和索引。使我們的網(wǎng)站與移動(dòng)頁面兼容對用戶和搜索性能都有好處，但是移動(dòng)優(yōu)先索引獨(dú)立于移動(dòng)設(shè)備的友好性而發(fā)生。對于缺乏移動(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和教程

    對網(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í)顯示了圖片的輕量級模糊版本或彩色框。幾秒鐘后，圖片清晰地以全分辨率加載?，F(xiàn)下比較流行的博客平臺Medium在一點(diǎn)上就做得很好。首先加載低分辨率版本，然后加載完整的高分辨率版本。這也有助于優(yōu)化我們的關(guān)鍵渲染路徑。因此，在下載所有其他頁面資源的同時(shí)，我們將顯示一個(gè)低分辨率的展示圖片，圖片有助于告訴用戶事情正在發(fā)生/正在加載。

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

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

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