2014年2月18日 星期二

使用「無限下拉」瀑布捲頁設計同時,如何也做好SEO優化工作

使用「無限下拉」瀑布捲頁設計同時,如何也做好SEO優化工作

「無限下拉設計」(Infinite Scroll),指的是像社群網站Facebook或Pinterest這類頁面可以無限制的一直下拉的設計,近期許多比較前衛的產業在新建置網站上也會採用這種設計。在使用者經驗上,對於滑平版、滑手機行為來說,的確是很搭的方式,即使在PC上,這樣的設計也能充分的展現視覺張力而受到歡迎。

然而,對於搜尋引擎的Crawler蜘蛛來說,Infinite Scrolling其實很不友善。機器蜘蛛們很難跟人類一樣清楚的知道使用者行為,了解按鈕、點擊、載入更多內容之間的關係,因此在使用「無限下拉設計」時,必須要讓搜尋引擎了解頁面的架構。建議的做法是:

(1)每個獨立的網頁元素都要可以被爬到。(有些較傳統的Infinite Scroll設計,在網頁還沒被載入之前,元素是被隱藏的)請確定搜尋引擎蜘蛛入站頁面不是首頁時,還是可以爬得到內容。
(2)在分頁系列中不要有重複的項目。
(3)每個下拉分頁都有自己的固定網址(儘量不要用#的方式呈現分頁)
(4)每個下拉分頁都給予各自的meta tag設定 (網頁標題和內容描述)
(5)分頁載入時間必須控制在可接受的範圍。


範例頁面:Codex
原文出處:Google Webmaster Central Blog
轉載自《WIS 匯智資訊》

1 則留言: