先把醜話講前面

• 你可以擁有一個超美的網站，但流量零、詢問零、成交零。
• 你也可以擁有視覺普通，但結構狠、文案準、每天乖乖生意進門的網站。
• 怪獸工坊的立場很單純：設計是為了幫你賺錢，不是為了炫技。
• 真正的問題從來不是「要不要做網站」，而是「網站要不要變成你的行銷中樞」。

美的網站 vs 有轉換的網站

• 美的網站：「哇，好漂亮。」然後關掉分頁。
• 有轉換的網站：「我想預約 / 留資料 / 加 Line 問一下。」
• 我們所有設計決策只有一個 KPI：使用者更快做決定。

3 秒內要搞清楚四件事

• 你是誰？（品牌／公司）
• 你在幹嘛？（提供什麼服務／產品）
• 你比別人強在哪？（差異點／優勢）
• 我要幹嘛？（下一步：預約、看方案、加 Line、下載…）

速度不快＝不用上線了

• Google 的世界很殘酷：載入超過 3 秒，跳出率直接衝高。
• 速度慢＝排名掉、客戶跑、廣告成效變差、你開始懷疑人生。
• 怪獸工坊對網站速度的基本要求：
  • 圖片一律壓到合理體積（WebP、lazyload）。
  • 首屏載入精簡、不塞一堆特效。
  • 主機別省到哭（真的會哭）。

為什麼 SEO 要跟設計一起下去？

• SEO 決定的是：網站架構、資訊層級、網址命名、H 標題邏輯。
• 這些東西一旦做好、上線，你之後每改一次都是在拆房子。
• 所以怪獸工坊專案預設就是：「設計 × SEO」同時規劃。

常見「骨架壞掉」症狀

• 網址結構亂到爆：/page1.html、/new1.php 這種誰看得懂。
• 全站只有一個 H1，還擺在 Logo 附近。
• 所有服務擠在同一頁，Google 不知道要給誰排。
• 內頁互相沒連結，像一堆孤島，爬蟲走兩步就迷路。
• 圖片都叫 IMG_1234.jpg，你自己一年後打開也看不懂。

五層漏斗總覽

• 入口層：讓人找到你。
• 認識層：讓人搞懂你在幹嘛。
• 信任層：讓人相信你真的做得到。
• 轉換層：讓人願意現在就行動。
• 留存層：讓人以後還會再回來。

（1）入口層：沒有入口，就沒有生意

• SEO 文章（關鍵字佈局好的內容）
• Google 關鍵字廣告
• 品牌搜尋詞（別人直接打你品牌名）
• IG / FB / 小紅書 / 社群貼文導流
• 外部媒體、評測文章、論壇推薦
• Google 商家（地圖評價）

（2）認識層：首頁 + 服務頁要講人話

• 不要只說「我們追求美感」、「我們堅持品質」，這種空話全丟掉。
• 改說：
  • 你幫誰解決什麼問題？
  • 你跟市場上其他人的差在哪？
  • 跟你合作，3 個月 / 6 個月後會變成什麼樣子？
  • 現在來找你，有沒有什麼明確好處（方案、保固、流程透明）？

（3）信任層：證據，比你說自己多厲害重要

• 客戶見證（真實、有細節、有情境）
• 案例展示（前後對比、過程、成果）
• 合作流程公開（從諮詢到交付怎麼走）
• 團隊介紹（臉要出來，職稱要清楚）
• 收費方式與方案範圍

（4）轉換層：表單、按鈕、Line，要狠、要清楚

• 表單不要考古題，一堆欄位問到家人血型，填完人就沒耐性了。
• CTA（行動按鈕）不要害羞：
  • 例：「預約免費諮詢」、「拿估價表」、「加 Line 問案例」。
• 使用者在哪裡可能想下手，就在哪裡放按鈕。

（5）留存層：讓流量變名單，名單變長期資產

• FAQ 與教學文章：讓人不用每次都打電話問一樣的問題。
• 電子報 / 下載懶人包：用內容換 Email 或加 Line。
• 自動化 Email / 再行銷：提醒他「你還沒做」、「你可以補這一步」。

普通網站 vs 怪獸工坊網站

• 普通網站交付的東西：
  • 幾個版型頁面
  • 一套設計稿
  • 一些文案
• 怪獸工坊交付的東西：
  • 一套完整資訊架構與 SEO 骨架
  • 一個從入口到轉換的漏斗
  • 被設計過的首頁敘事與服務頁文案
  • 清楚的 CTA 與追蹤事件

原則一：功能 > 美感，但不能醜

• 每一個設計元素都要回答一個問題：它幫助了使用者哪個決策？
• 純裝飾、純炫技沒有幫助的東西，通通砍掉。
• 好看是基本，好用才是 KPI。

原則二：所有文案都要能回答「那又怎樣？」

• 你說「我們很專業」——那又怎樣？
• 你說「我們很高質感」——那又怎樣？
• 怪獸工坊的寫法是：把這些話全部翻成使用者看得到的結果：
  • 「3 天內給你看得到的初稿」
  • 「專人專案管理，不會消失」
  • 「上線前完整測試，不會亂炸 Error」

原則三：Google 讀得懂，你才有被看見的機會

• H 標題層級清楚：每頁一個 H1，其餘邏輯往下分。
• 網址語意清楚：/service/web-design 比 /page2.php 好上太多。
• 內部連結有策略：相關服務互相導流，而不是各玩各的。

原則四：CTA 要大聲，不要害羞

• 不要把「預約」、「詢價」這種按鈕藏在頁尾。
• 把 CTA 放在：首屏、每個段落結尾、案例下方、FAQ 後面。
• 文案直球、講好處，不要只寫「送出」、「了解更多」。

原則五：手機版優先，桌機版順便

• 現實世界大多數流量都來自手機。
• 如果你手機版醜、難用、字超小，使用者不會切回桌機給你第二次機會。
• 我們在做版的時候，預設就是先用手機視角檢查一輪。

① 全站技術健檢：骨架先修好

• 檢查速度：首屏載入時間、圖片大小、主機品質。
• 檢查架構：網址、H 標題、導覽選單是不是有邏輯。
• 檢查追蹤：GA4 / Search Console / 基本事件有沒有設定。

② 重寫首頁與服務頁：用「決策語言」講話

• 首頁首屏要清楚講：你是誰、你做什麼、為什麼是你。
• 每個服務頁要講：
  • 這個服務適合誰？
  • 可以解決哪些具體問題？
  • 流程怎麼走？
  • 價格或範圍大概在哪裡？

③ 訂出至少 10 篇 SEO 核心主題

• 用「城市＋服務＋問題」去發想（例：台南室內設計 預算 怎麼抓）。
• 用 FAQ 形式整理：客戶最常問的問題，每題一篇內容。
• 每篇文章都要有明確 CTA：下載、預約、填表、加 Line。

• 把網站當畫冊，你會很有面子，但營收不一定跟上。
• 把網站當行銷中樞，你的廣告、社群、內容都會有地方回收。
• 真正的網頁設計，不是選顏色、排版型，而是幫你設計一條讓客戶走起來舒服、最後願意掏錢的路。