無限滾動，它是什麼，有什麼優點，還有SEO問題 搜尋引擎...

munjurulhaquesi

無限滾動，它是什麼，有什麼優點，還有SEO問題
無限滾動（稱為無限滾動）是在分類法中顯示內容最常用的技術之一。它們可以是標籤中的電子商務產品表、部落格文章或主題雜誌中各自類別的文章。無論如何，無限滾動是決定性的。

基本上，檔案中元素的組織委託給分頁，該系統允許將清單分為具有相同數量元素的檔案，並按升序組織。

在這些資源的基礎上有一個連結的數字和導航元素列表，允許用戶和搜尋引擎蜘蛛到達各個部分。一切都非常合乎邏輯。但為什麼要假設一個不同的解呢？專注於無限滾動真的正確嗎？

目錄
什麼是無限滾動以及它的用途是什麼？
與其他組織結構的區別
無限滾動的優點和缺點
為什麼無限滾動很方便
無限滾動的缺點
SEO 和無限滾動：問題和解決方案
將內容劃分為頁面
插入分頁鏈接
使用 SEO 友善的 URL
添加replaceState或pushState
無限滾動，值得嗎？
什麼是無限滾動以及它的用途是什麼？
這個術語是指能夠自動載入內容而不需要使用者操作的功能。例如，如果我造訪大型線上雜誌的網頁或眾多社交網路之一，我可以使用此解決方案。透過無限滾動，沒有按鈕可以加載更多帖子或滾動到其他頁面。

一切都歸功於JavaScript，當使用者到達頁面上的某個點時，JavaScript 就會被激活，而其他內容會在背景自動載入。

我們走向無限滾動的原因是什麼？讓使用者充分參與線上閱讀，這是與其他內容組織方法相比的主要區別。

必讀：網站的 SEO 蠶食

透過我們經過驗證的手機號碼清單提供重要的聯繫方式，為您的電話行銷和簡訊 中東電話數據 工作獲取準確的中東行動數據，確保您有效地接觸到正確的受眾。利用我們可靠的數據提高您的參與度並提高轉換率。今天就開始改善您的行銷成果，並利用值得信賴的見解來發展您的業務


與其他組織結構的區別
我們強調了無限滾動的基本特徵：讀者到達頁面的某個級別，通常會啟動加載輪並將新項目加載到列表中。沒有公眾採取任何行動。標準分頁是帶有數字和箭頭的分頁。

分頁範例
這個系統如何運作？通常有連結的存檔第一頁和來回移動的工具。當它們很多時，會出現省略號並連結到最後一個。這些系統之間有一個中間解決方案：加載更多。

在這種情況下會發生什麼？清單末尾沒有分頁，但有一個按鈕，如果透過智慧型手機點擊或選擇該按鈕，您可以顯示新的貼文、文章或產品表。

無限滾動的優點和缺點
可以想像，這樣一個激進的解決方案可能會引發各種從利弊角度的反思。有設計和用戶體驗原教旨主義者，以及搜尋引擎優化專家，他們推動普通分頁。另一方面，先鋒派和革命者則喜歡無限滾動。頂多負載多一點。但它們真的總是有用的解決方案嗎？

為什麼無限滾動很方便
實質優勢在於可以指數級增加頁面瀏覽量和內容閱讀量，消除與網頁可用性相關的障礙：點擊。特別是透過智慧型手機，擁有連續的檔案流以方便閱讀可能會很有用。




對於透過手機瀏覽的電子商務網站來說，這意味著可能的銷售額增加；對於透過廣告賺錢的線上雜誌，我們談論的是與點擊次數相關的更高收入。簡而言之，無限滾動的主要好處是：您可以讓公眾在門戶或部落格上停留更長時間。

無限滾動的缺點
面對如此誘人的好處——更長的用戶持續時間和頁面瀏覽量——您的決定有幾個缺點。首先，頁腳遺失了。

內容持續加載。在此區域中，您將找到對您的業務至關重要的元素，例如聯絡資訊、社交媒體連結、隱私或安全聲明、版權元素等。簡而言之，缺少一系列可訪問性和使用者體驗規則：

您無法使用鍵盤到達上一個位置。
瀏覽器的後退按鈕不適用於無限滾動。
缺少這些資源以及文章清單的絕對 URL。
此外，還有一個方面讓 SEO 和開發人員（但也有細心的網頁設計師）非常擔心，也就是 Google 上的排名優化。事實上，後者與最常用的開發無限滾動的方法不太相處。JavaScript 和 SEO並非不相容，但你需要非常小心。否則，排名可能會出現問題。


這些無限滾動的 SEO 問題也取決於佈局移位的存在。即網頁設計元素在上傳過程中交錯的定位。這是被稱為「核心網路生命」的重要參數的一部分，這些參數始終屬於排名訊號。

SEO 和無限滾動：問題和解決方案
Google 與依賴JavaScript 相關功能和活動的內容索引之間的關係隨著時間的推移而改善。網站管理員指南強調，如果您遵循一些規則，一切都會正常。例如，山景城對此主題的建議如下：

「Google 索引系統按照使用者所看到的方式呈現網頁，包括圖像、CSS 和 JavaScript 檔案。若要查看 Googlebot 無法抓取哪些頁面資源，請使用 URL 檢查工具」。

開發者.google.com
Google 索引會依照使用者所看到的方式呈現網頁，包括圖像檔案、CSS 和 JavaScript。 SEO 遇到無限滾動的主要問題？

爬蟲程式並不總是能夠模擬手動使用者行為，例如滾動或點擊按鈕來載入更多貼文。而且他們並不總是存取檔案或畫廊中的所有項目。如果抓取工具無法存取您的內容，它就很難出現在搜尋結果中。

如何實現 SEO 友善的滾動？官方的解決方案引導我們走向幾個方向。

將內容劃分為頁面
這是避免問題的基本規則之一：將要透過無限滾動管理的存檔劃分為標準 HTML 頁面，以便在停用 JavaScript 時存取。

SEO分頁
評估要為每個頁面插入的元素數量，同時考慮載入速度（必須降低載入速度）以及在短時間內到達所需元素的可能性。劃分內容，使頁面之間沒有重疊。

插入分頁鏈接
請參閱Google 提供的範例，了解如何最好地管理無限滾動，以確保避免 SEO 問題。當您向下移動時，內容會載入帶有自動變更的獨立 URL。透過底部的頁面鏈接，您可以從一份出版物轉到另一份出版物。然後為爬網程序提供對存檔中所有資源的快速、安全的存取。

<link rel="canonical" href="/items" />
  <link rel="next" href="/items?page=2"/>
或者

<link rel="canonical" href="/items?page=2" />
  <link rel="next" href="/items?page=3"/>
  <link rel="prev" href="/items"/>
規範的管理工作委託給首腦。您將在上面找到第一頁和第二頁 HTML 程式碼的範例：它們存在rel="next"，但rel="prev"已被棄用一段時間。

最後，不要在XML網站地圖中包含子頁面。

使用 SEO 友善的 URL
即使您在網站上無限滾動，也要確保對不存在的單一存檔頁面使用 404 頁面。它還旨在實現SEO 友好的結構、簡單且具有指示性的內容。

Google 提議的 URL 範例：scrollsample.com/items?page=3。

添加replaceState或pushState
感謝pushState，您可以向瀏覽器建議在頁面上載入和顯示的內容。正如 Google 所建議的那樣，您也可以根據網站上的使用者行為使用ReplaceState，但如果 URL 需要在捲動後更新，則建議包含 PushState。

讓使用者到達內容中的特定點，而不是連續滾動頁面的頂部，這一點變得至關重要。

必讀：做好 SEO 修剪

無限滾動，值得嗎？
在這些情況下，你必須做出選擇。在某些情況下，無限滾動可以讓您獲得將公眾留在網站上並增加轉換率的結果。如果不給予適當的關注，它肯定不是理想的實施解決方案之一。

因此，在為您的網站選擇無限滾動或安裝使用系統的主題之前，您需要檢查與有用指示的兼容性，以允許爬蟲朝正確的方向移動。並將所有檔案頁面與相關出版品建立索引。