需要隱藏或不再需要的內容,應如何處理?
先確認內容是否還需要出現,再決定隱藏或移除。若只是特定裝置不顯示,或等待使用者展開,材料中的討論支持依需求使用 display:none;若永遠不再顯示,則應考慮從內容或 HTML 輸出移除。若要淘汰的是整個頁面,還須評估更新、刪除及相關轉址,不能只把畫面藏起來。這些材料並不足以保證任何做法都沒有 SEO 風險。
還會重新顯示的內容,不必先排除 display:none
Webmasters Stack Exchange 的參與者指出,display:none 有正當用途,不能把它本身等同於不良做法(S1);另一則回覆以「顯示/隱藏」按鈕為例,認為這類互動適合使用它(S16)。判斷重點是內容的用途,而不是看到隱藏樣式就一律替換。
- 內容要在使用者操作後展開:屬於暫時不顯示,不是決定刪除。
- 內容只適用於部分裝置:可依版面需求調整顯示;Welly 的 2022 年文章也提到,響應式設計可隱藏元素以減少畫面雜亂(S4)。
不過,這些例子不是搜尋引擎的現行官方保證。材料也沒有足夠依據,證明改用負偏移或分層遮蓋會更安全,不宜為了避開 display:none 而直接換成另一種遮蔽方式。
永遠不要的元素,優先處理輸出來源
若已確認任何情況都不需要顯示,問題就不只是版面安排。S10 的討論建議把內容移出網站輸出,而非持續用 CSS 隱藏;例如不需要的內容來自 WordPress 外掛,可檢查外掛設定、移除外掛,或以自訂 PHP 調整輸出。這些是該討論提出的處理選項,不是所有網站都必須採用的固定流程。
S13 確實提過,使用 CMS 時可能為了省時間而隱藏少量標記,但那只是情境舉例,不能推導成「圖方便隱藏也一定不影響 SEO」。省下修改時間,與內容是否應繼續存在,是兩個不同的判斷。
整頁不再需要,先分類,再整理連結
Semrush 在 2023 年的內容稽核文章中,將內容分成保留、更新與刪除(S9)。這比直接把舊內容全部隱藏,更能對應不同去留目的:
- 仍相關且表現良好:保留。
- 資訊過時但仍有價值,或有改善空間:更新。
- 已不再需要,或不值得更新:考慮刪除,例如已失去用途的舊活動內容。
頁面失效後,也要區分誤刪與刻意淘汰。Semrush 的另一篇 2023 年文章建議,誤刪頁面可還原;不再需要的舊頁面可導向站內相關頁面,並移除或更新指向舊頁面的內部連結(S6)。其中「相關」是重要條件,不能把這項建議擴張成所有刪除頁面都應導向首頁。
內容隱藏與去留的網路各方意見
隱藏元素後,它還會占據原本的版面空間嗎?
使用 display:none 時,元素及其子元素不會出現在算繪樹中,也會脫離文件正常流。因此,若需要保留原本的版面空間,就不能只把它當成「看不見但仍占位」的方式;應先確認隱藏後的版面變化是否符合需求。
標誌圖片的文字需要另外用 CSS 藏起來嗎?
一位討論者建議,標誌文字應放在圖片的 alt 屬性,而不是另用 CSS 隱藏文字,因為 alt 正是供圖片替代文字使用。這項建議適用於處理標誌圖片的文字描述;討論者雖認為 alt 可能有助 SEO,但材料不足以保證使用後一定提升排名。
網站搬遷時,如何盤點內容的去留?
搬遷前可先建立內容地圖,再依搬遷後的內容目標分類。Neil Patel 的 2024 年文章提出「6R」:重新格式化、再利用、更新、淘汰、重新導向或保留。對過時、重複或不相關的內容,可評估更新、導向其他頁面或淘汰;值得保留的內容則可改善使用體驗與無障礙。
失效網址不再需要時,如何處理外部訪客?
除了整理站內指向失效網址的連結,還要考慮從書籤或外部連結進來的訪客。Semrush 的 2022 年文章建議,對移除的失效網址設定適當轉址,讓這些訪客有可前往的位置;選擇目標時應確認其適當性,而非假設任何目的地都同樣有用。
參考資料
- Can tabs of content be made SEO friendly?webmasters.stackexchange.com — 本文論述的參考來源。
- RWD響應式網站是什麼?5大響應式網頁模板+RWD網頁範例welly.tw · 2022-02-23T06:30:08.853Z — 本文論述的參考來源。
- How bad is it to use display: none in CSS?webmasters.stackexchange.com — 討論:標誌圖片的文字需要另外用 CSS 藏起來嗎?
- What is technical SEO? Basics and best practiceswww.semrush.com · 2023-02-01T15:56:00Z — 本文論述的參考來源。
- Neil Patel’s Website Migration Checklistneilpatel.com · 2024-08-12T19:00:00+00:00 — 討論:網站搬遷時,如何盤點內容的去留?
- How bad is it to use display: none in CSS?webmasters.stackexchange.com — 討論:隱藏元素後,它還會占據原本的版面空間嗎?
- A Guide to Choosing an Enterprise SEO Platformwww.semrush.com · 2023-08-08T08:17:00Z — 本文論述的參考來源。
- How bad is it to use display: none in CSS?webmasters.stackexchange.com — 本文論述的參考來源。
- What Is a 404 Error? How It Affects SEO & How to Fix Itwww.semrush.com · 2022-10-31T13:27:00Z — 討論:失效網址不再需要時,如何處理外部訪客?
- How bad is it to use display: none in CSS?webmasters.stackexchange.com — 本文論述的參考來源。
- How bad is it to use display: none in CSS?webmasters.stackexchange.com — 本文論述的參考來源。


一起討論 0 則留言
你遇到什麼狀況?留下問題或實作經驗,一起找到下一步。
目前還沒有留言,歡迎開始第一個討論。