呈現SEO宣言:為什麼我們需要超越JavaScript SEO

已發表: 2020-12-12

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

在他的SEJ eSummit會議中,BartoszGóralewicz介紹了Google如何大規模渲染網站,並基於Google的專利和文檔分享了見解。

這是他演講的回顧。

JavaScript代碼

JavaScript的問題

Góralewicz和他的團隊發現40%的依賴JavaScript的內容在14天后未編入索引。

廣告
繼續閱讀下面

情況變得更糟。

在普通域中,百分之十的URL未被Google索引,而我們所說的是唯一可索引的URL。

這是要看的東西,尤其是因為這些趨勢隨著時間而變化並且會變得更糟。

在2015年,Google宣稱他們擅長渲染:

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

自2017年以來,Góralewicz和他的團隊創建了許多其他實驗,包括使用JavaScript和其他方法進行的隱蔽實驗,這些實驗揭示了基於JavaScript的網站遇到的爬網和索引問題。

同年,Google開始公開談論JavaScript SEO。

時至今日,雖然Google的Martin Splitt對SEO社區提供了不可思議的幫助,但仍有一些問題沒有答案。

廣告
繼續閱讀下面

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

但是,Góralewicz和Onely小組的其他研究發現,“對於新網站而言,中值渲染延遲可能幾乎不存在,索引JavaScript內容的延遲仍然很大。”

許多基於JavaScript的網站即使在兩週後也無法獲得索引,也無法排名。

他們還發現:

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

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

網站命令

進入Google索引:一個巨大的SEO挑戰

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

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

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

未建立索引的URL的百分比

如果Google不會將您的網頁編入索引,那麼其他所有SEO活動都將變得無關緊要。

廣告
繼續閱讀下面

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

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

這是如何做。

批量優化渲染:工作原理

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

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

批量優化渲染

那麼BOR如何工作?

廣告
繼續閱讀下面

步驟1:BOR跳過所有對於生成頁面預覽不是必需的資源

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

這包括:

  • 跟踪腳本(Google Analytics(分析),Hotjar等)
  • 廣告
  • 圖片

僅刪除這些額外的資源就可以節省多達50%的加載,腳本編寫和渲染時間。 這樣可以為Google節省大量資源。

步驟2:設置虛擬時鐘的值

Google要做的第二步是設置虛擬時鐘的值(我們將在下文中詳細討論)。

步驟3:生成網站佈局

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

廣告
繼續閱讀下面

要記住兩個關鍵概念:

  • 虛擬時鐘。
  • 佈局。

什麼是虛擬時鐘?

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

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

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

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

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

儘管我們不知道限制是什麼(我們可能永遠也不知道),但是我們可以弄清楚我們網站的資源消耗情況。

廣告
繼續閱讀下面

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

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

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

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

Chrom DevTools-速度慢

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

Góralewicz建議使用兩種方法來衡量“虛擬時鐘負載”。

廣告
繼續閱讀下面
  • 使用Onely的時間太長; 沒有渲染(TL; DR)工具,該工具計算從0到100的網頁渲染成本。
  • 在您的Chrome DevTools中模擬BOR。 (這是詳細的演練。)

頁面佈局

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

這導致很多潛在的挑戰。

最重要的是,這是JavaScript SEO結束和渲染SEO開始的地方。

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

內容位置事項

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

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

Google的2011年專利(計劃資源抓取)告訴我們搜索引擎如何查看網站的不同部分以及這些部分中的鏈接,並具有不同的優先級。

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

廣告
繼續閱讀下面

渲染遠不止於此。

呈現SEO宣言:為什麼我們需要超越JavaScript SEO

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

頁面的佈局。

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

批量渲染與圖像

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

圖像批處理渲染示例

鏈接呢?

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

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

鏈接位置

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

廣告
繼續閱讀下面

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

此外,與不太重要的部分中的鏈接相比,頁面重要部分中的鏈接可能會分配更高的值。

根據基於用戶行為和/或功能數據專利的“排名”文件(“合理的衝浪者”模型),與鏈接相關聯的還有許多其他功能,包括:

  • 周圍的文字:鏈接之前和/或之後的單詞;
  • 鏈接類型(例如圖片/文字)
  • 與鏈接關聯的錨文本可能有多商業化
  • 源文檔中的鏈接數
  • 字體大小

此外,Google不會在塊級別分析頁面。 即使將鏈接放置在頁面的受歡迎部分中,也可以將其視為不重要的內容,例如,當它是“服務條款”鏈接,橫幅廣告或與文檔無關的鏈接時。

請務必注意,Google要完全應用合理的瀏覽器模型,必須完全呈現頁面。

更多熱門故事-CNN

根據基於用戶行為和/或功能數據專利的“排名”文件(“合理的衝浪者”模型),與鏈接相關聯的還有許多其他功能,包括:

廣告
繼續閱讀下面
  • 周圍的文字:鏈接之前和/或之後的單詞。
  • 鏈接類型(例如,圖像/文本)。
  • 與鏈接關聯的錨文本可能有多商業化。
  • 源文檔中的鏈接數。
  • 字體大小。

而且,Google不會在塊級別分析頁面。

即使將鏈接放在頁面的受歡迎部分中,也可以將其視為不重要的內容,例如,當它是“服務條款”鏈接,橫幅廣告或與文檔無關的鏈接時。

請務必注意,Google要完全應用合理的瀏覽器模型,必須完全呈現頁面。

那麼哪些部分被索引或未被索引?

Góralewicz和他的團隊通過9個月的研究發現,谷歌使用非常相似的啟發式方法來選擇應渲染網站的哪些部分以及可以跳過哪些部分。

為了診斷部分索引,Onely團隊查看了熱門網站,以查看給定佈局的哪些部分被索引,哪些未被索引。

廣告
繼續閱讀下面

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

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

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

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

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

部分索引:主要發現

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

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

但這會導致一個更嚴重的問題– 14天后,10%的URL未編入索引。

廣告
繼續閱讀下面

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

JavaScript不是渲染的主要原因。

知道了我們現在知道的內容之後,我們還是應該將其稱為JavaScript SEO嗎?

外賣

為了總結他的演講,Góralewicz分享了以下內容:

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

觀看此演示

現在,您可以在6月2日的SEJ eSummit上觀看Góralewicz的完整演示。

更多資源:

廣告
繼續閱讀下面
  • SEO專業人員的JavaScript基礎
  • SEO的渲染簡介
  • 搜索引擎如何(和為什麼)呈現頁面

圖片積分

特色圖片:Paulo Bobita
由作者拍攝的所有屏幕截圖,2020年7月