一句話總結

我需要花更多時間與客戶對談。

本期亮點

• 對 Zestful 網站的一項調整，讓它在幾天內衝上了 Google 搜尋結果的第一頁。
• 我打算為機械加工廠打造一個更好用的管理應用程式，來取代已有數十年歷史的舊版軟體。
• 我做了大量的程式開發，只為了逃避與客戶對話。

目標成績單

每月初，我都會公布當月想完成的目標。以下是本月的達成狀況：

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

• 結果：我發表了「消除來自社群媒體、電子郵件與 StackOverflow 的干擾」
• 等級：A

我如期發表了這篇文章，卻對它獲得的迴響如此之少感到意外。之前有幾篇文章我知道主題太過小眾，難以獲得廣泛關注，但我以為一篇關於在社群媒體時代保持專注的文章會吸引更多興趣。

它在Reddit 和Twitter 上獲得了一點關注，但整體而言並未吸引太多讀者（至今總計約 800 人次）。

正面來看，我從讀過這篇文章的人那裡聽到了不錯的回饋。有幾個人告訴我，他們從文章中學到一些提升生產力的小技巧，聽到這樣的回應讓人感到很欣慰。

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

• 結果：訪談了三位客戶
• 等級：C

某種程度上，我確實進行了三次客戶訪談，但那是對「客戶訪談」非常寬鬆的定義。只有一次是真正的客戶訪談。另一次是與一位不太可能成為客戶的人進行的一般性會面，最後一次則是短暫的面對面交流，以及對方邀請我十二月再聯繫。

鑑於我這個月唯一真正的目標就是訪談客戶，三次實在太少了。部分原因是因為我厭惡銷售，也傾向於想用寫程式來解決問題。另一個問題是，這需要人脈經營，而要從零開始建立人脈非常困難。

數據統計

Is It Keto

情況有稍微好轉，但我認為十月到十二月是一年中對飲食相關網站最糟的時期。我預期一月會有大幅成長，因為人們會因新年新希望而開始探索生酮飲食。

Amazon 聯盟行銷收益已跌至五月以來的最低點，當時的流量只有現在的一半。AdSense 略有成長，是因為我修復了 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 網站上實現 server-side rendering(伺服器端渲染)的方法。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（《小而美：獨立開發者的微型創業指南》）（我的筆記）。他指出，獨立開發者的優勢在於能夠為利基市場打造解決方案並仍能獲利。

沃林舉了一個例子，有一家公司專門為自由接案的網頁開發者製作會計軟體。儘管有像 QuickBooks 或 Xero 這樣的大型競爭對手，這款專業會計軟體仍能成功，因為網頁開發者願意為專注於其特定需求的產品付費。因此，沃林的建議是為小型利基企業撰寫軟體。

我正在體會到的挑戰是，如何與這些利基市場建立連結。

舉例來說，假設你是某家客製化汽車維修廠的老闆。你必須向全國各地許多不同的精品零件供應商採購汽車零件，而每一家都有不同的付款系統與訂購流程。為了正確記帳，你必須逐一翻查電子郵件，並將每張收據歸檔到會計軟體中。

如果你以開發者的角度來看，會發現有幾個可以用軟體解決的問題。也許你可以建立一項服務，讓維修廠老闆把收據轉寄給你，你再自動解析並將資料匯入客戶的 QuickBooks 帳戶。或者，如果你更有野心，也許可以開發一個客製化汽車零件的市集，讓老闆不必在不同網站間到處尋找零件。

但這裡就出現了脫節問題！如果你是那家客製化汽車維修廠的老闆，你可能根本沒想過有人可以寫軟體來解決這些問題。你可能已經太習慣現有的流程，甚至根本沒意識到這些是問題。

而我作為開發者，也無從得知店家老闆有這樣的問題，因為我不了解他們的工作流程與痛點。我當然可以去問他們，但這有點像是個奇怪的提議：

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

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

我：我不知道。

店家老闆：⋯⋯？

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

店家老闆：⋯⋯

我：而且，很有可能我最後會認定這裡沒有獲利機會，所以最終不會做出任何能解決你問題的東西。

店家老闆：[叫保全]

所以，這就是我目前遇到的部分困境。我附近可能有很多企業願意付錢請我為他們打造軟體產品，但我根本不知道他們的存在。而當我找到一些我懷疑可能受益於新軟體解決方案的企業時，在他們花上幾個小時向我解釋工作內容之前，我也沒有辦法向他們證明我的價值。

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

給自己的備註：研究客製化汽車維修廠。

訪談機械加工廠

在開發本地企業客戶時，我注意到周圍所有的小公司網站都是由同一位網頁設計師Montague WebWorks 製作的。我寫信給老闆 Mik（米克），詢問他對於想為小型本地企業打造軟體的人是否有任何建議。他親切地邀請我到他的辦公室，在討論過程中，他建議我去了解一下Valley Venture Mentors，這是一個為本地新創提供資金與指導的組織。

我參加了一場 Valley Venture Mentors 的活動，並認識了一位機械加工廠的老闆。我們聊了機械加工廠可用的軟體選項，聽起來都相當糟糕。顯然，其中一款最受歡迎的產品是名為 JobBOSS 的應用程式，看起來就像是從 1994 年穿越時空而來的應用程式。從觀看他們的產品 demo來看，整個應用程式似乎只是一個覆蓋在 SQL 資料庫上的薄薄介面。

它看起來相當臃腫且複雜，因此我希望能找到願意為更簡化、針對更窄小使用情境的 JobBOSS 版本付費的機械加工廠。

我十二月的目標是接觸那些正在使用這類軟體的機械加工廠，並訪談他們對於現有流程與軟體的喜好與不滿之處。

推薦分享

最後，分享一下我這個月發現的幾個有趣事物：

Firefox 的全頁截圖功能

我經常為網站截圖，但很難將所有相關資訊擷取到單一畫面中。在擷取行動版網站時尤其困難，因為可視範圍非常小。接著，我注意到 Firefox 的右鍵選單中有一個「Take a Screenshot」選項。

它讓你只需點擊兩下就能儲存整個頁面：

我可以完整擷取 Is It Keto 首頁在行動裝置上的畫面，而不必拼湊一堆分散的截圖。真的非常實用！

Bruno Simon（布魯諾・西蒙）的 3D 履歷

網頁開發者Bruno Simon（布魯諾・西蒙）把他的作品集頁面做成了一款流暢的 3D 駕駛遊戲。令人驚訝的是，這款完全在瀏覽器中、無需外掛即可執行的遊戲效能相當好，而且探索個幾分鐘會覺得非常有趣。

經過數個月艱辛但有趣的努力，很高興終於能向大家展示我的新作品集 🚗https://t.co/rVPv9oVMud

使用#threeJS 與#canonJS 製作 pic.twitter.com/zrq8rpILq1

— Bruno (@bruno_simon) 2019 年 10 月 24 日

總結

完成了什麼？

• 使用 Nuxt + Vue 重寫了 Zestful 網站，現在已預先渲染且對 SEO 友善。
• 發表了部落格文章「消除來自社群媒體、電子郵件與 StackOverflow 的干擾」
• 重構了 Is It Keto 上的 Jinja 範本，發現了一些錯誤，並得以清理部分介面。
• 在 Is It Keto 上審核並發表了四篇新文章。

學到的教訓

• 別再拖延，快去多和客戶對談。
• 伺服器端渲染似乎對搜尋引擎排名有巨大影響。

下個月的目標

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

汽車維修廠照片由 NeONBRAND 攝於 Unsplash。