SEO跟使用者體驗之間的拔河賽
昨天花了大半天猶豫要不要加 Microsoft Clarity,今天早上起床看了一下錄製的 session,心裡頓時鬆了一口氣。
昨天花了大半天猶豫要不要加 Microsoft Clarity,今天早上起床看了一下錄製的 session,心裡頓時鬆了一口氣。
果然有了 session recording 就像開了天眼,問題馬上變得超明顯:搜尋功能的輸入體驗實在太爛了,用戶因為輸入法組字的時機點不對,搜尋建議狂跳,整個過程根本像是在挑戰用戶的耐心。
於是今天第一件事,就是改寫搜尋輸入的 debounce 邏輯,讓輸入法組字時不觸發搜尋建議,直到用戶真正輸入完成後再統一觸發。順便加了一個清除搜尋按鈕,讓用戶不用每次狂按 backspace 鍵,這種小細節做起來雖然很瑣碎,但就是會讓人覺得舒服很多(至少我是這樣啦)。做完這個改動後,我自己快速測試了一下,真的順暢許多,內心稍微安心了一點。
但更大的問題接著浮現:SEO。最近因為 Next.js 升級到 App Router,整個目錄結構改變,原本的 Tailwind CSS 跟 SEO metadata 設定也得跟著調整。坦白說,我不是很喜歡花時間在這種「看不見」的東西上,但 SEO 又偏偏是產品曝光的重要一環。於是今天花了將近兩個小時,重新整理了 Tailwind CSS 的 config,順便把 metadataBase URL 移到 DefaultSEO 組件中,這樣每個頁面產生的 meta tag 才會一致。過程中我一直在懷疑:「這樣調整真的會影響到 Google 排名嗎?還是我又在浪費時間?」但想到 SEO 就是這種細節堆疊出來的東西,還是咬著牙完成了。唉,做產品真的很難不陷入這種「做了怕沒用,不做又怕後悔」的矛盾循環啊。
下午本來想輕鬆一點,處理一下介面上的小問題,結果又被自己的強迫症給搞到了。原本只是想把文件跟介面上所有的「IngreLens」統一改成「IngreLens 鷹格鏡」,但一改下去發現牽涉到的頁面實在太多,產品特色區塊、行動呼籲區塊、甚至連「關於我們」頁面都得重新調整,然後又順手加了進度顯示功能,讓用戶感覺更有互動性。做完之後回頭看,整個頁面清晰許多,但我內心又冒出那個熟悉的疑問:「這種小細節,用戶真的感受得到嗎?還是只有我自己在意?」
今天一路下來,發現自己又陷入了「SEO vs 使用者體驗」、「介面細節 vs 功能價值」的無限拔河賽。雖然腦袋有點爆炸,但仔細想想,這不就是做產品最大的樂趣(跟痛苦)嗎?🤷♂️