案例
案例:首頁主題連結點了卻沒有篩選
連結打得開、沒有錯誤訊息,所以很容易以為它是好的。這是 TrueNodes 自己首頁的一個小問題,記錄我們怎麼發現、怎麼修,以及修完還做不到什麼。
這是 TrueNodes 自身的案例,不是客戶成果;內容只描述我們自己的網站。
原本的問題
TrueNodes 首頁有一區「找到你的專業圈與同溫層」,列出 6 個主題:創業與經營、設計與創作、工程與 AI、行銷與品牌、投資與財務、真誠交友。每個主題都連到社群動態牆,並在網址後面帶上 ?topic=startup 這類參數。
問題是動態牆頁面從來沒有讀取 topic 這個參數。訪客點「投資與財務」,看到的是所有主題混在一起的動態,和直接打開動態牆完全一樣。頁面沒有壞,所以沒有任何錯誤或警告會提醒我們。
我們怎麼發現、怎麼決定修法
從連結往下追:盤點首頁每個連結的目的地,對帶參數的連結,去目的地頁面找有沒有讀取那個參數的程式。動態牆有讀其他欄位,但沒有任何一行處理
topic。找已經存在、真的能用的頁面:社群裡已經有依主題分開的 Spaces 頁,例如中小企業、AI 工具。這些頁面本來就只顯示該主題的內容。
再確認 Space 真的建立了:「投資理財」雖然有靜態頁,但不在系統預設建立的 Space 清單裡;沒有建立它的環境,打開會看到「找不到這個 Space」。所以這一項先連到主題列表,等確定建立後再改回來。這一步是審查時補上的,第一版漏掉了。
選最小、最誠實的修法:不另外寫一套新的主題篩選功能,而是把能對應到既有 Spaces 的連結直接指過去;對不到的,改連到 Spaces 主題列表,讓訪客自己挑,而不是假裝已經篩選好了。
修改前後
| 主題 | 修改前 | 修改後 |
|---|---|---|
| 創業與經營 | /feed?topic=startup | /community/smb/(中小企業) |
| 工程與 AI | /feed?topic=engineering | /community/ai-tools/(AI 工具) |
| 投資與財務 | /feed?topic=investing | /community/tags.html(主題列表;投資理財 Space 尚未保證存在) |
| 設計與創作 | /feed?topic=design | /community/tags.html(主題列表) |
| 行銷與品牌 | /feed?topic=marketing | /community/tags.html(主題列表) |
| 真誠交友 | /feed?topic=dating | /community/tags.html(主題列表) |
可以核對的結果
- 修改後,6 個連結都指向實際存在的頁面,不再依賴沒有被讀取的參數。你可以在 TrueNodes 首頁點擊這 6 個主題,對照上表確認目的地。
- 修改在真實瀏覽器中以手機(360、375 寬)、平板與桌機寬度檢查,頁面沒有出現橫向捲動。
- 這個修正和本頁同一批發布;若你看到的首頁連結和上表不同,代表網站已再更新,以首頁現況為準。
限制與還沒做的事
- 設計與創作、行銷與品牌、真誠交友目前沒有專屬的主題空間,只能先導到主題列表。
- 動態牆仍然沒有主題篩選功能;我們沒有把這次修正說成「已支援主題篩選」。
- 這只修了首頁這 6 個連結,不代表網站其他地方沒有同類問題。
可以帶走的做法:檢查網站時,連結「打得開」只是第一步;帶參數的連結,要再確認目的地真的有用到那個參數。
下一步:檢查你自己的一頁
從最基本的六個地方開始,10 分鐘、用瀏覽器就能做。
閱讀網頁基本檢查教學參考
發現本頁內容與網站現況不符,請透過 聯絡我們 回報。