Google的Martin Splitt解釋了無限滾動導致SEO問題的原因

[ad_1]

Google的Martin Splitt解釋了無限滾動導致SEO問題的原因

Google的Martin Splitt再次提醒SEO和網站所有者,Googlebot不會滾動頁面。

在網頁上實施無限滾動時,可能會導致內容在Google搜索中的索引方式出現問題。

在Splitt在虛擬會議上解決的一個問題中,由於無限滾動,網站的內容在Google搜索索引中丟失了。

這是有關此問題的更多信息,為什麼無限滾動會阻止內容被索引,以及Google建議這麼做。

Google的Martin Splitt在虛擬會議上調試了JavaScript SEO問題

Splitt是4月14日舉行的名為「 Better Together」的技術SEO虛擬會議的幾位演講者之一。

作為虛擬事件,Splitt可以共享自己的屏幕並實時向人們展示他如何調試SEO問題。

他查看的每個問題均基於他過去調試過的真實案例。

其中一個問題涉及Google索引中缺少的內容。

Splitt帶領人們進行了一系列測試,最終使他發現網站正在利用無限滾動。

Google的馬丁·斯普利特(Martin Splitt)解釋了無限滾動導致SEO問題的原因「 width =」 760「 height =」 409「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp-內容/上傳/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-768x413.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2 -bdf4-e3b6bf91e4af-5e9e1462c3037-480x258.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-680x366 ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-1024x551.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上傳/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-1600x861.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4 -e3b6bf91e4af-5e9e1462c3037.jpeg 1845w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-768x413.jpegSplitt發現網站正在實施無限滾動

這就是為什麼在索引方面存在問題。

為什麼無限滾動是個問題

Splitt提供了一個新聞網站的示例,該新聞網站依賴於無限滾動(也稱為「延遲載入」)來載入新內容。

這意味著網頁(在本例中為主頁)不會載入其他內容,直到訪問者滾動到屏幕底部為止。

Splitt解釋了為什麼會出現問題:「 Googlebot不做什麼?它不會滾動。」

Googlebot的工作是登陸頁面並抓取立即可見的內容。

根據Splitt的說法,只有在滾動頁面後,Googlebot才能抓取載入的內容。

值得注意的是,此聲明與上個月提供的Splitt明顯不同,後者沒有明確說明Googlebot是否可以看到其他內容。

看到: Google的Martin Splitt使用無限滾動索引頁面

Googlebot無法滾動可能會導致Google搜索索引中缺少很多內容。

這是網站所有者應該考慮做的。

無限滾動的替代品

斯普利特(Splitt)表示,網站所有者應更改其實現方式,以不僅僅依賴滾動。

他提到圖像的本機延遲載入很好,並且使用IntersectionObserver API也可以接受。

如果絕對必須對關鍵網頁內容進行延遲載入,請確保JavaScript庫在進入視口時支持載入數據。

您可以走的另一條路線是使用分頁載入以及無限滾動。

Google的 官方文件 在固定延遲載入的內容時,建議支持分頁載入以實現無限滾動:

「如果要實現無限滾動體驗,請確保支持分頁載入。

分頁載入對用戶而言很重要,因為分頁載入使他們可以與您的內容共享和重新互動。

它還允許Google顯示指向內容中特定點的鏈接,而不是無限滾動頁面頂部的鏈接。」

為了確保您的網站完全支持分頁載入,您必須能夠提供指向用戶可以直接共享和載入的每個部分的唯一鏈接。

測試您的實施

無論選擇哪種方法,Split都會強調測試實現的重要性。

Google的馬丁·斯普利特(Martin Splitt)解釋了無限滾動導致SEO問題的原因「 width =」 760「 height =」 353「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp-內容/上傳/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-768x357.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76 -92f9-3302dd986c2b-5e9e14ca155ed-480x223.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-680x316.jpeg 680w, ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-1024x476.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上傳/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-1600x744.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9 -3302dd986c2b-5e9e14ca155ed.jpeg 1870w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-768x357.jpeg斯普利特結束了他的演講。

如果站點所有者測試了無限滾動的實現,則可能由站點所有者自己發現了Splitt調試的問題。

Splitt實際上是使用Google的豐富結果測試來親自發現問題的。

豐富結果測試可讓您查看Googlebot登陸URL時能夠抓取的確切信息。

Google的Martin Splitt解釋了為什麼無限滾動會導致SEO問題「 width =」 760「 height =」 349「 Size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp- content / uploads / 2020/04 / 05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-768x353.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188 -b607-0e943b65bcd1-5e9e14c6f4197-480x220.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-680x312.jpeg 680w,https ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-1024x470.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上傳/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-1600x735.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607 -0e943b65bcd1-5e9e14c6f4197.jpeg 1875w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / 05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-768x353.jpegSplitt使用豐富結果測試來檢查延遲載入實現。

以斯普利特(Splitt)所訪問的新聞網站為例,當Googlebot在首頁上看到的文章明顯多於十篇時,它只能看到十篇。

這是測試延遲載入的實現的一種方法。

Google的官方幫助文檔中包含的另一種方法是使用Puppeteer腳本:

Google的馬丁·斯普利特(Martin Splitt)解釋了無限滾動導致SEO問題的原因「 width =」 760「 height =」 241「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp- content / uploads / 2020/04 / 52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-768x244.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa -b5eb-7a6a085871f6-5e9e145d46428-480x153.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-680x216.jpeg 680w,https ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-1024x326.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上傳/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-1600x509.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb -7a6a085871f6-5e9e145d46428.jpeg 1734w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / 52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-768x244.jpeg

以下是一些其他資源:

在下面的視頻中查看Martin Splitt的完整演示:

來自 31:34 標記:

「我們看到有一個window.onoverscroll。什麼是window.onoverscroll?

Window.onoverscroll是一個函數,允許我們調用此代碼,並在滾動頁面時運行此JavaScript。

Googlebot不做什麼?它不會滾動。

這就是為什麼在涉及Googlebot時實際上沒有調用此函數的原因,因為我們沒有滾動頁面上的任何內容。

因此,這裡的簡單之處在於,他們需要修復並實際更改其實現,而不僅僅是使用滾動。

他們可以使用諸如圖像的本機延遲載入之類的功能。

或者,如果他們想使用它來進行無限滾動,則某些庫的性能會更好,而另一些庫則使用IntersectionObserver。

這兩種方式都很有價值。

在這裡要學習的最重要的一課是測試您的實現。

如果您實現了某項功能,那麼他們可以做同樣的事情,因為他們了解他們在看的東西,並且可以看到他們正在丟失的東西就是他們正在做的事情,而在我們的文檔中,我們說我們不滾動因此他們需要更改代碼。」

相關文章