是否想確保您的內容能被搜索引擎正確訪問并排名很高？

本文介紹了google如何大規模渲染網站，并基于Google的專利和文檔分享了見解。

JAVAScript的問題

依賴JavaScript的內容很難在14天內被收錄

更糟糕的是在普通域中，有百分之十的URL未被Google收錄。

尤其是因為這些趨勢隨著時間而變化并且可能變得更糟。

谷歌在15年的時候雖然明確支持

只要您不阻止Googlebot抓取JavaScript或css文件，我們通常就可以像現代瀏覽器一樣呈現和理解您的網頁。

2017年有國外大神團隊創建了許多其他實驗，包括使用JavaScript和其他方法進行的隱身實驗，這些實驗揭示了基于JavaScript的網站遇到的爬網和索引問題。

同年，Google開始公開談論JavaScript seo。

如今，盡管Google的Martin Splitt對SEOer提供了不可思議的幫助，但仍有一些問題沒有得到解答。

在2019年11月的Chrome開發者峰會上，Splitt宣布，谷歌渲染的中位數從一年前的一周提高到了2019年的五秒鐘。

但有大神分析其他研究發現，對于新網站而言，中值渲染延遲可能幾乎不存在，索引JavaScript內容的延遲仍然很大。

許多基于JavaScript的網站即使在兩周后也無法獲得收錄索引，也無法排名。

他們還發現：

• Google的索引中幾乎沒有大品牌。
• 索引html并不像假設的那么容易。
• 在Google更新期間，索引趨勢會有所波動。
• 您可能會被踢出Google的索引。

目前，診斷索引下降的挑戰之一是site命令不可靠，并且可能返回很多假陰性。

進入Google索引：SEO目標挑戰

將您的內容納入Google的索引是您在線業務的絕對基礎-今天仍然是SEO面臨的巨大挑戰。

而由于Google有限的資源，這個問題將變得更加嚴重，因為它們無法呈現和索引整個全球Web，尤其是現在許多現代網站所帶來的成本。

只看一些存在重大索引問題的最大品牌。

如果Google不會為您的網頁編制索引，那么其他所有SEO工作都將變得毫無意義。

SEO和Google員工都在開始有關索引問題的討論，我們有更好的數據源來驗證這一點。

而且大多數索引問題實際上可以通過技術SEO解決。

 批量優化渲染：工作原理

Google從批量優化的呈現和獲取架構（BOR）角度看您的網站。

查看這些并排視圖，Google所看到的與用戶在瀏覽器中所看到的是不同的。

步驟1：BOR跳過所有對于生成頁面預覽不是必不可少的資源

批量優化渲染和獲取架構的第一步是刪除Google不需要的所有資源，以生成網站的預覽或布局。

步驟2：設置虛擬時間的值

Google要做的第二步是設置虛擬時間的值。

步驟3：生成網站布局

一旦該虛擬時間上的時間“用完”，就會生成網站的布局。

什么是虛擬時間？

虛擬時間衡量網站渲染的成本。

這是Google方面的渲染預算，并且為網站分配了一些“預算”。

當渲染暫停以獲取資源（oe，腳本，CSS文件，圖像尺寸等）時，該虛擬時間不會前進。它只有在我們實際渲染時才會前進。

這意味著，如果您的網站中有很多CSS，JavaScript或其他資源，則虛擬時間上需要更多的“虛擬時間”。

但是并不能保證您可以獲得多少虛擬時間。

盡管我們不知道限制是什么（我們可能永遠也不知道），但是我們可以弄清楚我們網站的資源消耗情況。

使用Chrome DevTools，您可以降低CPU的速度，并查看它如何影響腳本和渲染。

讓我們以H＆M的網站為例。

它使時間最多增加了25倍。

我們可以看到H＆M可能如何在渲染和索引上苦苦掙扎。

如何衡量您網站的“虛擬時間負載”

建議使用兩種方法來衡量“虛擬時間負載”。

• 使用Onely的時間太長；沒有渲染（TL; DR）工具，該工具計算從0到100的網頁渲染成本。
• 在您的Chrome DevTools中模擬BOR。

頁面布局

當虛擬時間用完時，無論布局是否在渲染的一半，都會生成布局。

這導致很多潛在的挑戰。

最重要的是，這是JavaScript SEO結束并開始呈現SEO的地方。

渲染非常關注布局如何在整個想法中發揮作用。

內容位置事項

我們已經知道出現在折疊上方的文字比線條下方的文字更重要。

事實證明，這也會影響Google抓取該內容的方式。

Google 2011年的專利，“ Scheduling resource crawls”，告訴我們搜索引擎如何查看網站的不同部分以及這些部分中的鏈接，它們具有不同的優先級。

這表明Javascript SEO只是冰山一角。它僅關注Google是否可以看到我們的內容。

渲染遠不止于此。

這是一個廣泛得多的主題，因為除了Google僅看到內容之外，我們現在還感興趣：

頁面的布局。

• 內容的重要性，基于文本大小，位置等
• 內部和外部鏈接提取。
• 條目更改率。
• 與網站的呈現方式以及此后的外觀有關的其他因素，包括圖片。

批量渲染與圖像

Google的渲染服務正在使用模擬圖像。這是一個如何播放的示例。

鏈接呢？

鏈接的值取決于它們的位置和屬性。

我們已經知道了很長一段時間，但是當我們研究Google提供的更多模式時，這一點會變得更加有趣。

鏈接在頁面中的位置很重要。

它會影響Google如何抓取該鏈接以及Google將分配給該鏈接的“等級”。

此外，頁面中的某些部分將比其他部分具有更多的突出性和鏈接權限。

我們可以看到Google正在使用某種啟發式方法來選擇更重要的內部鏈接。

那么哪些部分被索引或未被索引？

通過九個月的研究發現，谷歌使用非常相似的啟發式方法來選擇應該呈現網站的哪些部分以及可以跳過哪些部分。

為了診斷部分索引，查看了熱門網站，以查看給定布局的哪些部分被索引，哪些未被索引。

他們發現，谷歌似乎比其他人更熱衷于忽略網站的某些部分。

例如，Google似乎在渲染“相關項目”和“您可能也對”感興趣的區域中掙扎。

Google很可能會將您的主要內容編入索引。

但是 …如果您的網站在腳本編寫和呈現方面比較繁瑣，那么很有可能會在Google嘗試理解該布局后跳過您網頁中不如主要內容那么重要的部分。

Google 曾經提到過，當它們很沉重時，它們會中斷腳本，但是直到現在我們還不知道那是什么意思。

部分索引：主要發現

您可能會認為部分索引并不是什么大問題。

• 當他們首先將您的主要內容編入索引時，我們可以認為這是Google的明智決定。
• 這意味著他們通常會忽略布局的某些部分。
• 這可能會導致站點范圍內的索引編制和爬網問題。
• 我們回到了14天之后，大約40％的JavaScript內容未編入索引的問題。

但這會導致一個甚至更嚴重的問題-14天后，10％的URL未編入索引。

這遠遠超出了JavaScript SEO，因為無論有無JavaScript渲染都可以進行。

JavaScript不是渲染的主要原因。

知道了我們現在知道的內容之后，我們還是應該將其稱為JavaScript SEO嗎？

話外題

為了總結以下內容：

• SEO渲染和索引編制將成為最熱門的SEO趨勢之一。
• 如果您沒有被索引，那么您正在執行的所有其他SEO活動都將無關緊要。
• 索引是您可以查看和衡量的內容。它增加了收入。
• 在SEO的歷史上，我們第一次對呈現和索引的工作方式有了很好的了解，因此讓我們充分利用它。