目前有 293 位成員在線上
目前有 293 位成員在線上
從社群使用方面的疑問到行業八卦,歡迎您在這裡談天說地,東拉西扯。
使用指南
star_border
回覆

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

[ 已編輯 ]
解答王
# 1
解答王

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

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

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

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

範例頁面: http://scrollsample.appspot.com/items

2 專家回覆verified_user

回應: 使用「無限下拉」(Infinite Scroll)瀑布捲頁設計同時,如何也做好SEO優化工作

專家 ✭ ✭ ✭
# 2
專家 ✭ ✭ ✭
谢谢 Fay_Lo的分享!



回應: 使用「無限下拉」(Infinite Scroll)瀑布捲頁設計同時,如何也做好SEO優化工作

解答王
# 3
解答王
實用喔

My Blog: Stampede Lab

參與該主題的專家
Stampede
Fay_Lo