一個程序員嫌廣告太多，順手做了個免費工具

「我受夠了每次查屏幕分辨率都要先關三個彈窗。」

這是開發者寫下的第一句話。沒有商業計劃書，沒有融資路演，只有一個被廣告激怒的用戶，和幾行順手敲出來的代碼。

結果這個項目教會他的東西，比很多付費課程都實在。

工具本身簡單到可笑

核心功能就幾行代碼：讀取屏幕寬高、視口尺寸、設備像素比、色深。沒有安裝包，沒有廣告位，瀏覽器打開就能用。

但「能用」和「好用」之間，隔著一堆魔鬼細節。

瀏覽器窗口縮放、外接顯示器、系統縮放比例調整——這些場景都要實時響應。開發者得同時監聽 resize 事件和 matchMedia 的像素比變化，才能讓數字跟著變。

這很瑣碎，但用戶不會感激你做了這些。只會罵你沒做。

SEO 是一場冷啟動戰爭

工具上線了，問題來了：Google 根本不理你。

125 個頁面提交站點地圖，一個月后只收錄了 17 個。新域名就像個沒有信用記錄的人，內容再多也換不來搜索引擎的信任。

backlinks（反向鏈接）比內容量更重要——這是第一個血淚教訓。

更隱蔽的坑是服務端渲染。首頁最初用了 "use client" 組件，Google 爬蟲看到的只有一個空殼。改成服務端組件渲染骨架、客戶端注水（hydration）填充，才讓內容真正被索引。

CTR（點擊通過率）數據更殘酷：21,000 次展示，33 次點擊，0.16%。

改寫標題標簽和元描述，成了投入產出比最高的 SEO 動作。沒有之一。

移動端不是「適配」，是「救命」

導航欄用了 sm:flex 隱藏，沒做漢堡菜單。聽起來是小事？

14% 的流量來自移動端，這些人 literally（字面意義上）沒法導航網站。不是體驗差，是直接用不了。

這個比例在工具類產品里可能更高——很多人是臨時搜「我的屏幕分辨率是多少」，隨手用手機點開。

這張圖藏著所有答案

整個項目可以壓縮成一張邏輯圖：

【用戶痛點】廣告轟炸的舊工具 → 【最小可行產品】幾行代碼的檢測器 → 【技術債】實時更新邏輯 → 【增長瓶頸】SEO 冷啟動 → 【逐個擊破】服務端渲染、CTR 優化、移動端補救

拆解這張圖，能看到三個被驗證的常識：

第一，工具類產品的護城河不在技術復雜度，而在「去摩擦」。讓用戶少點一次、少等一秒、少看一個彈窗，就是競爭力。

第二，獨立開發者的 SEO 是信用積累游戲。新站別拼內容量，先想辦法讓可信站點給你背書。一個高質量 backlink 勝過一百個自建頁面。

第三，數據會暴露你從未想過的盲區。14% 移動端流量不是「順便支持一下」，是八分之一的人被擋在門外。

為什么這件事值得聊

這不是一個「程序員逆襲」的勵志故事。項目沒融資、沒團隊、沒顛覆式創新，甚至沒打算賺錢。

但它精準演示了一種被低估的能力：把個人不爽轉化為可運行的產品，再把這個產品當成實驗場，低成本驗證假設。

SEO 策略、技術架構決策、移動端優先級——這些通常需要花大錢踩的坑，他用一個周末項目全趟了一遍。

最諷刺的是，他最初只想省掉那三個彈窗。

如果你也在做微型工具（micro SaaS），你會把有限時間砸向功能完善，還是 SEO 冷啟動？當數據告訴你「14% 的人用不了」時，你有多少勇氣推倒重來？