多數人以為,分頁籤(tabs)會不會被 Google 處罰,是這個題目唯一該擔心的事。這個問題其實 Google 官方已經回答過很多次,而且答案很一致,技術上分頁籤裡的內容,搜尋引擎讀得到,也不會因此被判定違規。真正該擔心的落差不在這裡,而是官方怎麼說,跟一些獨立顧問實測出來的排名結果,常常對不上。
一個頁面能不能被索引,跟它排名好不好,本來就是兩件事;再往下拆一層,索引得到,也不等於使用者真的願意去點、去讀,更不等於生成式 AI 摘要抓得到那段內容。分頁籤跟把內容全部攤成一個長頁面,差別就卡在這幾層之間,索引、使用者行為、AI 抓取,還有長頁面自己要付出的代價。先從索引這一層講起,看官方承諾了什麼、實測又拆出了什麼落差。

官方說法與實測數據,兩者常常對不上
Google 官方對這件事的立場,大方向其實從來沒有反覆過。最早在 2016 年,Google 的 Gary Illyes 就在社群平台上提過,行動優先索引下,為了使用者體驗而收合的內容應該拿到完整的索引權重;2017 年 10 月,John Mueller 進一步把條件講清楚,分頁籤內容只要在初始 DOM 載入時就已經存在,就會被納入行動優先索引考量。現行的 Search Essentials(Google Search Central 的搜尋基本知識文件)裡,清楚寫著摺疊或分頁內容之間切換的設計並不違反政策。Google 過去在行動裝置優先索引的指南文件裡,也曾經明白寫過,搜尋引擎能夠檢索隱藏在導覽元素裡的 HTML 內容,但這類內容對使用者而言較不易取得,建議把最重要的資訊放在預設頁面就看得到的位置——這句但書目前已經從現行文件裡拿掉了。
這句但書,才是官方說法跟實測結果真正對不上的起點。技術上不罰,不代表使用者體驗上沒有代價,官方自己講出這句話,等於承認了這件事。根據 Search Engine Roundtable 在 2022 年 3 月的報導,SEO 顧問 Dan Shure 就把這句但書變成了一份可以拿出來對照的實測數據。他原本把一個頁面下方的內容(以 FAQ 為主)收在摺疊選單裡,手機與桌機版都預設收合;他把這些內容改成預設可見之後,一組競爭度極高的關鍵字,排名出現明顯上升。他特別強調,收合的時候內容已經完整寫進 HTML,Googlebot 讀得到,也建立了索引,問題不在有沒有被索引,而是攤開之後排名比收合時更好。
同一則 Search Engine Roundtable 報導附上 Google 的 John Mueller 對這份實測的回應。他在 2022 年 3 月 10 日於 Twitter 上寫道:「我不太相信這類軼事,不過每個人狀況不同。我認為讓內容預設可見,通常也是比較好的使用者體驗。我喜歡看到 SEO 從業者測試合理的做法,我不認為這需要 Google 說出一句『你必須這樣做』。」接著他又補了一句:「別把這件事想得太複雜,不是所有東西都是 SEO 排名因子,就算不改變任何排名,更好的使用者體驗本身就是好事。」
這句回應說明了這整篇文章的分寸在哪裡。Mueller 沒有否認 Dan Shure 的觀察,但也沒有承認攤開內容排名就會變好是一個排名因子,只是把使用者體驗這件事,當成本來就值得做的事。真正該分清楚的,是內容有沒有被索引,跟使用者願不願意去讀,本來就是兩件事,把這兩件事搞混,才會覺得官方說法跟實測數據互相矛盾。
內容出現在初始 HTML 裡才進得了索引
分頁籤在網頁上最常見的做法有兩種,外觀看起來幾乎一樣,技術上卻是兩回事。第一種是內容本來就寫在頁面的 HTML 裡,只是用 CSS 或屬性把其他分頁的內容視覺上收起來,使用者點擊分頁籤時只是切換顯示與隱藏,內容從頭到尾都在。第二種是內容要等使用者點擊那個分頁籤之後,才由 JavaScript 動態把文字插進頁面裡,不管這段文字是從頁面本身內建的一份資料裡取,還是額外呼叫一個外部 API 才拿到,它在頁面剛載入的那一刻都還不存在。
英國的數位行銷研究機構 MERJ 在 2018 年設計了一組 12 種情境的實測頁面,用一套常見的分頁籤元件逐一測試上面這兩種做法(以及幾種變體),並在 2021 年重新跑了一次,驗證結果會不會隨時間改變。做法是每個分頁籤裡放一句夠獨特、可以拿去用 Google 搜尋語法比對的句子,再看 Google 有沒有把這句話收進索引。結果很一致。只要內容在頁面載入當下就已經寫進 HTML,不管這個分頁預設可不可見,2018 年與 2021 年兩次測試都被索引;只要內容要等使用者點擊之後才由 JavaScript 插入頁面,不管資料是從頁面本身內建的一份 JSON 裡拿,還是額外呼叫外部 API,2018 年與 2021 年兩次測試都沒有被索引。

這個結果,剛好呼應官方自己講過的一句話。Mueller 在 2017 年 10 月就說過,分頁籤內容只要在初始 DOM 載入時就已經存在,就會被納入行動優先索引考量;如果內容是點擊分頁籤之後才載入,就不會被納入索引考量。MERJ 的實測,等於把這句官方原則做成一組可以驗證的對照組,而且時隔三年重跑一次,結論依然成立。
要判斷自己網站上的分頁籤安不安全,其實不用猜。打開瀏覽器的檢視網頁原始碼(不是開發者工具裡的 Elements 面板,那個看的是瀏覽器渲染之後的 DOM,不是伺服器一開始送出來的內容),不用點開任何一個分頁,直接搜尋看看該分頁的完整文字在不在裡面。如果文字已經完整出現在原始碼裡,這段內容多半沒有問題;如果原始碼裡只看到一個空的容器,文字要等點擊之後才冒出來,這段內容就有前面 MERJ 實測指出的風險,搜尋引擎很可能連建索引的機會都沒有。
多數使用者只看得到分頁籤的第一格
就算索引完全沒問題,分頁籤還有一個更根本的問題,多數使用者根本不會去點第二格、第三格。電商使用者體驗研究機構 Baymard Institute 針對量販型電商、直營品牌官網與 B2B 網站,做過多年、大規模的可用性測試,結果發現把商品頁的核心內容,例如規格、使用者評論這類原本該跟商品說明同樣重要的資訊,放進水平分頁籤,是所有測試過的商品頁導覽模式裡表現最差的一種。
Baymard 觀察到的原因跟使用者的掃視動線有關。分頁籤通常放在內容區塊正上方,使用者一旦開始往下捲動去看預設分頁的內容,注意力就會跟著往下移,不會再往回找;分頁籤本身又不是固定在畫面上的元件,捲動幾屏之後,整組分頁籤會直接從視窗裡消失。這時候使用者得先意識到上面還有其他分頁,再回想要往回捲好幾屏,才有機會重新點選,這兩件事對多數人來說都不會發生。Baymard 甚至觀察到,就算讀者是主動在頁面上尋找像使用者評論這種明確標示在分頁籤上的內容,同樣常常找不到,乾脆以為網站根本沒有這個功能,直接離開。

行動裝置上,這個問題更明顯。手機螢幕窄,分頁籤本身常常沒辦法一次全部顯示,使用者得先意識到還要橫向捲動,才能看到被藏起來的分頁選項,等於在找內容之前,又多墊了一層找選單的步驟。
但 Baymard 也給出一個明確的例外。水平分頁籤用在次要的內容子分類,而不是核心內容時,使用者比較不容易忽略它,因為讀者已經先捲到自己認定這裡有需要的資訊的區塊,才會開始注意分頁籤,這種情境下問題小很多。Baymard 的建議是,核心內容不要靠分頁籤才能看到,改用預設展開的區塊,或者預設收合但整段都留在同一直向捲動流裡的區塊,這兩種做法在同一批測試裡,都沒有分頁籤這種內容被找不到的問題。
兩塊內容要同時參照時,分頁籤反而難以跨區比對
光是找得到分頁籤裡的內容還不夠,使用者遇到的下一個問題,是找到之後能不能同時參照兩塊資訊。使用者體驗研究機構 Nielsen Norman Group 在〈Tabs, Used Right〉一文裡,給出分頁籤最不該用的情境。文章寫得很直接,當使用者不需要同時看到不同分頁下呈現的資訊時,分頁籤才適合;否則,使用者得反覆在分頁之間切換來比對或參照資訊,這種情況下,分頁籤設計會加重使用者的短期記憶負擔,提高認知負荷與互動成本,可用性反而不如把所有內容都放在同一個大頁面上的設計。
這句話直接點名了長頁面是分頁籤在需要跨區比對時的對照組。同一篇研究也指出分頁籤另一個風險,介面預設只顯示一個分頁,那個預設分頁會拿到使用者絕大部分的注意力,其餘分頁的內容常常被直接忽略,所以不該把同樣重要的資訊拆進非預設分頁裡。
Nielsen Norman Group 另一篇〈In-Page Links for Content Navigation〉,把留在同一頁的三種做法放在一起比較,頁內錨點連結、摺疊面板與分頁籤。三者的關鍵差異在於內容能不能被使用者發現,分頁籤是三者裡最容易被忽略的一種,因為使用者容易只專注預設分頁的內容,忽略其他分頁,而且分頁籤本來就無法同時參照兩個分頁的資訊。摺疊面板在行動裝置上表現最好,因為標題本身兼做內容容器的開關,可以縮短頁面總長度;頁內錨點連結則是三者裡唯一不會把任何內容藏起來的做法,代價是頁面總長度會增加。
分頁籤真正的核心風險,不是排名被降,是內容被跳過、被找不到、無法跨區比對。這三件事發生在使用者身上,最終才回頭影響搜尋表現,跳出率變高,也沒有人願意連結、引用一段他根本沒看到的內容。
AI 不在乎內容切成幾塊,只在乎讀不讀得到
很多人以為,內容拆成一塊一塊放進分頁籤,對生成式 AI 摘要不利,理由是 AI 喜歡完整的長篇內容。這個說法,Google 官方其實直接否定過。Google 的官方文件〈Google 搜尋生成式 AI 功能最佳化指南〉,在破解生成式 AI 搜尋的迷思段落裡明白寫著:「不必將內容分成小塊,AI 就能瞭解。Google 系統能夠瞭解網頁上多個主題的細微差異,並向使用者顯示相關內容。不過,視目標對象和主題而定,有時較短(或較長!)的網頁也能發揮良好效果。」官方接著補了一句更直白的結論,頁面長度沒有理想的標準值,最終原則還是要為目標對象製作網頁,而不是只為了生成式 AI 搜尋。
這句話,直接推翻了長頁面對 AI 比較好是因為它比較長這個常見說法。但這不代表分頁籤對 AI 完全沒有風險,問題永遠出在同一個技術判準,內容有沒有在頁面載入當下就存在。同一份官方指南也提到,生成式 AI 功能仰賴的檢索增強生成(RAG),會運用核心搜尋排名系統,從搜尋索引中檢索相關的最新網頁,前提是這個頁面本身已經編入索引,也符合在 Google 搜尋中顯示摘要的資格。換句話說,一段內容如果因為要等點擊之後才由 JavaScript 插入頁面而從沒被索引過,AI 摘要自然也抓不到,這不是 AI 對分頁籤有什麼偏見,是同一套索引機制的延伸後果。
長頁面對 AI 摘要的優勢不必被誇大,也不必被推翻,重點是把它講對。長頁面對 AI 摘要有利,不是因為它長,是因為長頁面通常把所有內容一次寫進同一份 HTML,天然避開了要等點擊才載入這個風險。分頁籤如果做成內容本來就都在 DOM 裡、只是視覺上分格切換,一樣可以被 AI 抓到。問題永遠出在實作方式,不是出在分不分頁籤這個選擇本身。
頁面拉長真正該補的是導覽,不是把內容藏起來
讀到這裡,很容易覺得長頁面全面勝出,但長頁面不是沒有代價。內容全部攤開,頁面會變得很長,行動裝置上載入速度變慢,使用者要往下捲很多次,才找得到自己要的段落。不少網站選擇用分頁籤,出發點正是想解決頁面太長這個真實問題,只是這個解法治標不治本,把內容藏起來,只是讓頁面看起來變短,使用者要的資訊還是得先找到入口才看得到。
Nielsen Norman Group 在〈In-Page Links for Content Navigation〉裡指出,把所有內容都放在同一個長頁面,靠頁內錨點連結導覽,主要代價有兩個,頁面會變得很長,載入時間會變長。這兩者對行動裝置使用者的影響又特別明顯,螢幕小,長頁面需要捲動的次數更多;連線品質或資費方案有限時,效能變差的感受也更明顯。
同一篇研究也把 Baymard 觀察到的現象,講出背後的因果。分頁籤真正想抵銷的主要導覽問題,是過長、需要一直捲動的頁面;但研究同時指出,就算頁面較長,只要使用者判斷頁面上呈現的資訊跟自己的需求高度相關,使用者仍然願意持續往下捲。真正該問的問題,不是這頁多長,是內容彼此的關聯性夠不夠高,要不要先精簡,如果頁面上有好幾個關聯性低的主題硬湊在一起,正確做法是拆成多個獨立頁面,不是用分頁籤把不相關主題塞進同一頁再遮起來。
該研究也給出頁內錨點目錄的判斷準則,只有內容夠長、可以清楚拆成有標題的區塊時,加目錄才有價值;內容本來就短、資訊量不大時,硬加目錄反而只是把頁面拉得更長,把使用者要的內容推得更下面,這時候不需要目錄。同時,頁內錨點目錄、摺疊面板、分頁籤這三種同頁內容做法各自的取捨也再次成立,頁內錨點目錄不藏任何內容,但會增加頁面長度;摺疊面板可以縮短頁面又保留全部內容在同一直向流裡;分頁籤是三者裡對內容可及性風險最高的一種。
長頁面要贏,不是贏在長,是贏在有沒有搭配夠好的導覽,讓使用者不用捲到底也能一眼找到自己要的段落。沒有導覽的長頁面,跟藏起內容的分頁籤,對使用者來說其實是同一種失敗,內容都在,但讀者找不到。
分頁籤該用在單一任務、長頁面該用在完整主題
索引讀不讀得到、使用者願不願意讀、AI 抓不抓得到、長頁面自己要付出什麼代價,這四件事湊在一起看,答案其實不是二選一。技術上,分頁籤裡的內容多半讀得到,代價出在使用者跟 AI 實際抓不抓得到、看不看得到,不是哪一種做法天生比較差,是要看內容的任務類型而定。
判準其實只有兩個。第一個是內容需不需要被完整索引,需不需要讀者一次涵蓋主題的深度,需要的話,長頁面比較保險。第二個是讀者的任務是不是單一、聚焦,不需要跨頁區塊比對,如果讀者常常得同時參照兩塊內容,分頁籤這種一次只顯示一格的結構,天生就不適合。多數情況既不是全部攤成長頁,也不是全部塞進分頁籤,是長頁面當骨幹,搭配頁內錨點導覽,局部、次要的內容才輪到分頁籤或摺疊面板上場。

規格資訊要跨頁對照,適合放進錨點清單不是分頁籤
規格比較這類任務,最常見的情境是使用者要把一個商品頁的規格,拿去跟另一個商品頁對照,或者是方案比較頁,要同時看三個方案各自的條款。這種任務天生不適合分頁籤,因為分頁籤結構本身就不讓使用者同時看到兩個分頁,一旦切到第二個分頁,第一個分頁的內容就從畫面上消失,使用者得靠短期記憶硬記剛才看到的數字,前面 Nielsen Norman Group 講的認知負荷,在這種情境下最明顯。
改成長頁面搭配頁內錨點目錄之後,使用者可以用瀏覽器的頁內搜尋直接找關鍵字,也可以開兩個分頁分別對照兩個 URL,內容不會因為要等點擊才載入而消失,兩份規格同時攤在螢幕上比對,才是這種任務真正需要的介面。
教學與文件類內容要被完整索引,長頁比分頁籤更保險
教學文件、知識庫這類內容,價值就在完整,能被搜尋引擎與 AI 一次讀到,也能被連結到文中某一段特定內容。如果把這種內容拆進分頁籤,又剛好用了要等點擊才載入這種實作,等於把最需要被索引的內容,擋在風險最高的做法後面。
這種內容型態,長頁面搭配清楚的 H2、H3 分節結構,比分頁籤更保險,也更符合讀者可能會直接把某一段的網址分享出去這種使用情境。分頁籤預設只顯示第一格,分享出去的連結,別人打開常常看不到對方原本想指的那一段;長頁面搭配錨點,分享的網址可以直接帶著讀者跳到正確的段落,這是分頁籤在結構上做不到的事。
分頁籤如果真的非用不可,做法其實很單純。內容要在頁面載入的當下就寫進 HTML,不要靠使用者點擊才由 JavaScript 插入;核心內容不要只靠分頁籤才能被看到,把它留在使用者往下捲就會經過的那條路徑上。搜尋引擎跟 AI 抓不抓得到、使用者願不願意讀,追根究柢都是同一件事,內容有沒有真正放在讀者(還有機器)看得到的地方,不是把它拆成幾格看起來比較整齊。
