一句話總結

我需要花更多時間和顧客對話。

重點提要

• Zestful 網站的一項改動，讓它在幾天內就衝上了 Google 搜尋結果的首頁。
• 我打算試著打造一個更好的版本，來取代那套管理機械加工廠、已問世數十年的老舊應用程式。
• 我一直在瘋狂寫程式，好逃避去跟顧客對話。

目標達成度

每個月月初，我都會宣告當月想完成的事。以下是這個月的達成狀況：

發表一篇關於消除電子郵件與社群媒體干擾的新部落格文章

• 成果：發表了〈Eliminating Distractions from Social Media, Email, and StackOverflow〉
• 評分：A

這篇文章如期發表了，但迴響之小讓我有點意外。之前有好幾篇文章，我本來就知道主題太窄，不太可能引起廣泛關注，但我以為一篇談社群媒體時代如何保持專注的文章，應該會吸引更多興趣。

它在 Reddit 和 Twitter 上獲得了一點關注，但整體來說讀者不多（到目前為止總共約 800 人）。

好消息是，有讀過的人給了我不錯的回饋。有幾個人告訴我，他們從文章裡學到的小技巧確實提升了生產力，聽到這些讓人感到很欣慰。

為潛在的新事業訪談五位顧客

• 成果：訪談了三位顧客
• 評分：C

某種程度上，我算是做了三次顧客訪談，但那是對「顧客訪談」非常寬鬆的定義。只有一次是真正的顧客訪談。另一次是和一位不太可能成為顧客的人進行的一般性會面，最後一次則是短暫的面對面聊了一下，對方邀我十二月再去詳談。

既然這個月唯一真正的目標就是訪談顧客，三次實在太少了。部分原因是自己很排斥做業務，也總想用寫程式來解決問題。另一個問題是，這需要人脈經營，而要從零開始建立人脈，本來就很不容易。

數據表現

Is It Keto

整體有稍微好轉，但我覺得十月到十二月是一年中飲食相關網站最淡的時期。我預期一月會有大幅成長，因為很多人會把嘗試生酮飲食當作新年新希望。

Amazon 聯盟行銷收益已經跌到五月以來的最低點，當時的流量還只有現在的一半。AdSense 則小幅上升，是因為我修好了一個整合上的錯誤。這個修正是在十一月中上線的，所以我預期下個月 AdSense 收益會有更大幅度的成長，因為整個月的數據都會反映修正後的效果。我還是持續販售餐食計畫，但基本上已經不再主動推銷了（詳情見下文）。

Zestful

過去幾個月，Zestful 的表現慢慢在回升。以前也曾有過幾個表現很好的月份，但通常都是有人拿它來處理一次性的大量任務。最近幾個月，我看到來自好幾位不同使用者的穩定、持續成長的使用量。

放棄餐食計畫

過去幾個月，我一直在嘗試在 Is It Keto 上販售餐食計畫，但比想像中困難許多。十月時我只賣出兩份餐食計畫，扣掉手續費後總共拿到 $23.87。我試過對銷售頁面做各種微調、調整價格，也改了網站其他地方想把訪客導向銷售頁，但似乎都沒什麼效果。

十一月，我又對銷售頁面做了幾項調整：

• 我在其中一份餐食計畫中加入了一張照片
• 我加入了一則顧客見證
• 我把「Download」按鈕上的價格拿掉了

這些改動全都沒有帶來任何差別。

最讓人沮喪的是，就算我把購買按鈕上的文字改成「Download PDF」，點擊率依然很低。到了這個地步，使用者很可能會以為這是免費下載，結果還是沒人點。

我相信一定有辦法可以成功賣出去，但我已經花了六週以上的時間，感覺實在太久了。我本來把一部分 AdSense 廣告換成了自己餐食計畫的廣告，但放 AdSense 明明能賺更多，所以我把自己的廣告撤掉了。我也把主導覽列上的「Meal Plans」拿掉，並從首頁移除，只在網站部落格裡稍微提了一下。

帶著不甘心重寫 Zestful 網站

Zestful 網站是我去年寫的，那是痛苦的兩週。主要原因是當時我只會 Angular，那是我當時唯一懂的前端框架（……算是「懂」吧）。從那之後，我學了 Vue.js，我更喜歡它，而且在網頁設計方面也累積了更多經驗。

但 Zestful 網站就這樣一直以 Angular 網站的形式撐著。我非常想用 Vue 重寫，但實在找不到理由為了一個很少去動的網站，從頭重寫一次。

然後，我去看了 Google 搜尋結果。搜尋 parse ingredients 時，Zestful 出現在第三頁，基本上等於隱形了。更讓人沮喪的是，第一頁出現了一家 Zestful 的競爭對手，那是唯一另一家專門提供食材解析服務的公司。

測試過對方的服務後，我看得出來他們是用跟我打造 Zestful 一樣的方式做出來的。他們把一個老舊的開源函式庫包上一層網頁介面而已。差別在於，他們沒有進一步開發、沒修任何錯誤，也沒加上我後來做的那些功能。

所以，他們總是在搜尋結果上贏過我，讓我很不甘心。我怎麼想都想不通！有更多網站連到 Zestful，我的內容更多，更新也更頻繁。我唯一能想到的解釋是，Zestful 是在前端渲染，而對手的網站是在伺服器端渲染。這意味著他們可以在伺服器端填入那些對 SEO 很重要的 HTML 標籤。

我開始思考如何在 Zestful 網站上實現伺服器端渲染。Angular 透過 Angular Universal 支援這個功能，但我之前曾試著把 KetoHub 搬到 Angular Universal，結果花了一週多卻一無所獲。而且，我也一點都不想在 Angular 這個坑裡越陷越深。

Vue 有一個叫 Nuxt 的伺服器端渲染解決方案，但我不太想為了只在伺服器端渲染幾個頁面，就另外跑一整個 Node 伺服器。仔細研究後，我發現 Nuxt 支援靜態產生頁面。這表示我可以預先產生幾個 HTML 檔案，然後用那種陽春的靜態主機來託管（就像我託管這個部落格的方式一樣）。這樣既能享有 Vue 的工具，又能保有靜態網站的便利。

我找不到什麼好的 Nuxt 簡單靜態頁面產生範例，但經過一番嘗試錯誤，我還是把自己的 hello world 跑起來了。接著我瘋狂寫了一天半的程式，一口氣把 Zestful 網站從 Angular 移植到 Vue + Nuxt。現在，Zestful 終於有了正確的伺服器端標籤，像是 <link rel="canonical" ...> 和每個頁面各自的 <title> 標籤。

重新設計介面本來不是目的，但因為我同時把 CSS 框架從 Material Design 換成 Bootstrap，所以很多 CSS 都得從頭重寫。從設計 Zestful 到現在，我在 CSS 方面已經累積了更多經驗，所以也趁這個機會修掉了之前設計中一些一直讓我覺得彆扭的小地方：

幾天後，我在 Google 上搜尋「parse ingredients」，結果看到：

耶，首頁！而且還排在那個促使我重寫網站的競爭對手前面一個名次。

我有點半信半疑，因為我從沒看過任何改動能這麼突然、這麼大幅度地影響 Google 排名。我現在正樂觀地透過 Google Search Console 觀察這次重寫後長期的數據變化。

但說到底，這全是拖延

所以，擺弄 Zestful 和 Is It Keto 看起來很有效率，但其實無助於我更高層次的目標——找到一個新的、值得大力一搏的點子。回顧這個月，我在寫程式上花了太多時間，在開發潛在顧客上卻花得太少。

話雖如此，單看成果多少會有點偏頗。我其實也有花時間參加活動、研究公司，只是最後大多數潛在對象都被我排除了，所以這些活動比較沒有具體可見的成果。

尋找軟體創業點子時的脫節難題

經營自己的事業時，讓我豁然開朗的時刻之一，就是讀了 Rob Walling 寫的《Start Small, Stay Small》（我的筆記）。他在書中指出，獨立開發者的優勢在於可以為小眾族群打造解決方案，而且依然能賺到錢。

Walling 舉了一個例子，有家公司專門為接案的網頁開發者做會計軟體。儘管有 QuickBooks 或 Xero 這種大型競爭者，這套專業的會計軟體還是能成功，因為網頁開發者願意為符合自身特定需求的產品付費。因此，Walling 的建議是：為小眾的小型企業寫軟體。

而我正在體會到的挑戰是，該如何與這些小眾市場搭上線。

舉例來說，假設你是一家改裝車廠的老闆。你得向全國各地許多不同的精品供應商購買零件，而每一家都有不同的付款系統和訂購流程。為了把帳做好，你得在電子郵件裡一封封翻找，再把每張收據一一歸檔到會計軟體裡。

如果你是以開發者的角度來看，會發現有幾個問題可以用軟體來解決。也許你可以做一個服務，讓車廠老闆把收據轉寄給你，你自動解析並把資料匯入他的 QuickBooks 帳戶。或者，如果你更有野心，也許可以打造一個改裝車零件的市集，讓老闆不用再到處在不同網站上搜尋零件。

但這裡就有個脫節的問題！如果你是那家改裝車廠的老闆，你大概根本不會想到有人可以寫軟體來解決這些問題。你可能早就習慣了現有的流程，甚至根本沒意識到這些是問題。

而我身為開發者，也無從得知老闆有這樣的困擾，因為我不了解他們的工作流程和痛點。當然，我可以去問他們，但那會變成一種有點奇怪的提議：

我：我想賣你一套軟體產品，幫你自動化經營事業中最花錢或最繁瑣的部分。

老闆：太好了！你的軟體是做什麼的？

我：我不知道。

老闆：……？

我：我不知道你需要什麼樣的軟體，所以為了搞清楚，你得花幾個小時向我這個陌生人介紹你的事業。

老闆：……

我：而且，很有可能我最後會覺得沒有什麼獲利機會，所以最後什麼能解決你問題的東西都不會做。

老闆：[呼叫警衛]

這大概就是我現在遇到的狀況。我附近很可能有不少企業願意付錢請我幫他們打造軟體產品，但我根本不知道他們的存在。而當我找到一些我覺得可能會從新軟體中受益的企業時，在他們花上幾個小時向我解釋工作內容之前，我也沒辦法向他們證明自己的價值。

題外話：也許我剛剛編的那個修車廠例子其實是個不錯的點子！

給自己的備註：研究一下改裝車廠。

訪談機械加工廠

在尋找本地企業的過程中，我注意到我附近所有小公司都是出自同一位網頁設計師 Montague WebWorks 之手。我寫信給負責人 Mik，問他對於想為本地小企業打造軟體的人有什麼建議。他親切地邀請我去他的辦公室，在我們談話中，他推薦我去看看 Valley Venture Mentors，那是一個為本地新創提供資金與指導的組織。

我參加了一場 Valley Venture Mentors 的活動，認識了一位機械加工廠的老闆。我們聊到目前機械加工廠可用的軟體選項，感覺都滿糟的。顯然，其中最熱門的產品之一是一個叫 JobBOSS 的應用程式，看起來就像是從 1994 年穿越過來的。從他們的產品示範來看，整個應用程式感覺只是在 SQL 資料庫上包了一層薄薄的介面。

它看起來相當臃腫複雜，所以我希望能找到願意為一個更簡化、針對更特定使用情境的 JobBOSS 版本付費的機械加工廠。

我十二月的目標是去接觸那些正在使用這類軟體的機械加工廠，訪談他們喜歡或不喜歡現有流程與軟體的哪些地方。

推薦分享

最後，來分享一下這個月發現的幾個有趣的東西：

Firefox 的全頁截圖功能

我經常會幫網站截圖，但很難把所有相關資訊都塞進同一個畫面。尤其是截手機版網站時，視窗非常小，特別困難。然後，我注意到 Firefox 的右鍵選單裡有一個「Take a Screenshot」選項。

它讓你用兩次點擊就能儲存整個頁面：

我可以一口氣截下整個 Is It Keto 首頁在手機上的完整畫面，不用再把一堆分開的截圖拼在一起。真的非常實用！

Bruno Simon 的 3D 履歷

網頁開發者 Bruno Simon 把他的作品集頁面做成了一款酷炫的 3D 開車遊戲。令人驚訝的是，這款完全在瀏覽器中執行、不用外掛的遊戲，效能竟然相當好，而且讓人忍不住想探索個幾分鐘，十分有趣。

After months of hard but fun work, I'm glad to finally show you my new portfolio 🚗https://t.co/rVPv9oVMud

Made with #threeJS and #canonJS pic.twitter.com/zrq8rpILq1

— Bruno (@bruno_simon) October 24, 2019

總結

完成了什麼？

• 用 Nuxt + Vue 重寫了 Zestful 網站，現在已預先渲染，對 SEO 更友善。
• 發表了部落格文章〈Eliminating Distractions from Social Media, Email, and StackOverflow〉
• 重構了 Is It Keto 上的 Jinja 範本，從中發現了一些錯誤，也得以清理了一些介面。
• 審核並發表了四篇新的 Is It Keto 文章。

學到的教訓

• 別再拖延，快去多跟顧客聊聊。
• 伺服器端渲染似乎對搜尋引擎排名有著巨大的影響。

下個月的目標

• 進行五次顧客訪談。
• 發表一篇新部落格文章，詳細說明我的Hello World using Vue pre-rendering 範例。
• 發表兩篇新的 Is It Keto 文章。

修車廠照片由 NeONBRAND 拍攝，來自 Unsplash。