SEO 這條路 — 讓好內容被看見
2026.02.16
姜太公釣魚，願者上鉤(註1)。
這是寶店長的經營策略。不急、不爭、不快，
等有緣人經過。但問題是，姜太公也要找對地方等人。
寶店長只好去找渭水待著，那就是至少要給google搜尋得到。
註1：姜子牙（姜太公）在渭水隱居時使用直鉤、無餌、離水三尺的奇特釣魚方式，意在吸引明君 周文王。
寶店長一開始做網站的時候，
腦袋裡只有一件事：
把內容放上去，網站看起來美美的，打完收工。
然後呢？
突然有一天發現，
google找不到「靈食雜貨舖」，
不是網站上線了，就自然可以被搜尋到嗎???
原來，無知離我這麼近。
🔍 什麼是 SEO？搜尋引擎優化的白話解釋
SEO，Search Engine Optimization，
翻譯成中文就是「搜尋引擎優化」。
其實說白了就是一件事：
讓搜尋引擎看得懂你的網站，
然後願意推薦給別人，
打開網頁查得到，最好擺在前面一點。
SEO，就是做了個招牌，
把地址登記到地圖上，
讓想來你這的人找得到你。
🤯 網站 SEO 優化常見的 8 個坑
坑一：網址 URL 中文變亂碼
靈食雜貨舖的資料夾一開始用中文命名，
像是 03靈食包、01寶店長的日常，
看起來挺順眼的，很好啊。
但在瀏覽器裡看起來，
網址 URL 變成這樣：
/featured/%E9%9D%88%E9%A3%9F%E5%8C%85/c001-01-be-the-light
（就是這篇「成為光」的網址）
這是中文字轉換的緣故。
我老早知道這件事了，
怎麼一開始沒有規劃好!!!
被自己打敗。
只好重做。
解法：
把 13 個中文資料夾全部改成英文。
03靈食包 → 03DailyBite
01寶店長 → 01Bao
04鑑識系列 → 04Forensic
改完之後，URL 變成：
/featured/03DailyBite/c001-01-be-the-light
乾淨、清楚、搜尋引擎看得懂。
但是，又花了一整天，
還有白花花的tokens跟時間。
問天問自己，到底在忙什麼，
為什麼一開始建立檔案名稱跟頁面連結，
就不好好規畫呢?
坑二：缺少結構化數據，Google 讀不懂文章
我怎麼會知道google喜好是什麼，
這個坑，跌得應該。
Google 的爬蟲是機器人，
它不會像人一樣「讀」你的文章，
它需要你主動告訴它：
- 這篇文章的標題是什麼？
- 作者是誰？
- 什麼時候發布的？
- 屬於什麼類型？
這就是 JSON-LD 結構化數據 的作用。
AI說完了，我也看得不是很明白。
總之就是，
Google 有自己偏好的搜尋格式，
必須要按照這個規矩去寫網頁。
這樣才可以讓 Google 搜尋結果裡，
可能會出現你的文章標題、作者、日期，
甚至文章摘要。
這個坑我從頭到尾還是不太理解，
只好請 Claude 代勞了，
也是一直燒tokens，一直按 Enter。
坑三：圖片太大拖慢網頁載入速度
網頁一開始左上方的 Logo 檔案是 15.3 MB。
使用者打開首頁，
光是載入一個 Logo 就要等半天的意思。
我的老天鵝啊。
一個 Logo，
這檔案實在有點大，
沒辦法，一剛開始為了趕緊把一些網頁的細節用出來，
實在是沒想太多，
沒想太多的下場就是，
一整天，改圖片，想辦法輸出成SVG，
還要兼顧美感。
Google 對網頁載入速度非常在意，
載入太慢的網站，排名會被往後推，
所以只好跟它拚了。
總之，半天也是這樣過了，
解法：
- Logo 從 SVG 改成壓縮過的 PNG（15.3 MB → 48 KB，省了 99.7%）
- 所有圖片加上延遲載入（Lazy Loading）
- apple-touch-icon、web manifest icons 全部壓縮
改完之後，我是不知道多快啦，
只知道，很想打暈自己。
坑四：社群分享預覽圖 og:image 沒設定
這又是什麼東西?????
當你把文章連結分享到 LINE 或 Facebook，
會出現一個預覽卡片，上面有標題、描述、圖片。
那個圖片就是 og:image。
如果沒設定好，
分享出去的連結就是一片空白，
或是一張莫名其妙的圖。
很好，
我也沒設定。
一個坑還沒爬出來，
又同時在另一個坑中了。
解法：
確保每篇文章都有 description 和 image，
並且在全站設定好 og:locale、og:site_name 等標籤。
坑五：HTML H1 標題標籤重複
HTML 的世界裡有個規則：
一個頁面只能有一個 H1 標題。
(謝謝喔，我現在才知道。)
H1 就是最大的那個標題，
搜尋引擎會把它當成這個頁面的「主題句」。
如果有兩個 H1，
Google 就會困惑：「所以這頁到底在講什麼？」
靈食雜貨舖因為框架設定的關係，
有些頁面出現了兩個 H1，
一個是自動生成的，一個是手寫的。
解法：
設定 hide_title: true，
讓框架不要自動生成標題，
只保留文章裡手寫的那一個。
SEO啊，SEO啊， 在你面前，我顯得真是渺小啊。
坑六：文章之間沒有內部連結
一開始寫文章，
寫完就寫完了，
每一篇都像孤島，
彼此之間毫無關聯。
但 Google 的爬蟲是怎麼認識你的網站的？
它是順著連結爬的。
就像蜘蛛結網，
如果你的網只有一條線，
蜘蛛能爬到的地方就那麼一小塊。
但如果你的文章之間互相連結，
A 連到 B，B 連到 C，C 再連回 A，
蜘蛛就能把整張網都爬過一遍。
而且，內部連結還有另一個好處：
讀者會一篇接一篇看下去。
比如你讀到油條生的煩惱， 覺得有趣，下面有個連結帶你去看現代煉金術， 然後又連到成為光， 不知不覺就逛了好幾篇。
這對 Google 來說，
代表你的網站「有料」，讀者願意停留，
排名自然會往上爬。
解法：
- 每篇文章底部加上「延伸閱讀」區塊
- 文章內容中，提到相關主題時自然地加上連結
- 寫主題式清單文章，一次串起多篇內容
只有認真寫文章還不夠，
文章間的互相連結更要用心。
坑七：標題沒有考慮搜尋關鍵字
寶店長一開始寫標題，
完全憑感覺，開心就好，
我自己是看得很懂啦，
但 Google 可不吃這套。
Google 在意的是：
使用者搜尋的時候，會打什麼字？
如果有人搜「SEO 是什麼」、「搜尋引擎優化入門」，
你的標題裡有沒有這些關鍵字，
決定了文章會不會出現在搜尋結果裡。
舉 例來說：
| 改之前 | 改之後 |
|---|---|
| 寶店長踩過的坑 | 網站 SEO 優化常見的 8 個坑 |
| URL 裡面全是亂碼 | 網址 URL 中文變亂碼 |
| 圖片太大，載入太慢 | 圖片太大拖慢網頁載入速度 |
站在使用者的角度來看文章，
寶店長可能得少任性一下了。
解法：
- 標題中加入目標關鍵字（還要自然放進去）
- 用讀者可能搜尋的語句來寫，而非純文學式表達
- H2、H3 標題也是 Google 判斷頁面內容的依據，同樣要注意
標題是門藝術， 而且要讀者和搜尋引擎都看得懂買單的藝術。
坑八：Google 搜得到了，但顯示的文字毫無吸引力
好不容易，
前面七個坑一個一個爬出來，
URL 改了，結構化數據加了，圖片壓了，標題也優化了。
然後心急地 Google 「靈食雜貨舖」，
找到了，
我終於看到自己的網站了。
不過，開心三秒鐘而已。
仔細看了一下搜尋結果顯示的文字：
店長廣播| 靈食雜貨舖
靈食雜貨舖的兩位駐店夥伴——油條生與燒焦生，今天正式登場了！
靈食雜貨舖正式開張！
這能看嗎?
寶店長自己看了都不想點。
再看看其他頁面的搜尋結果：
- 寶店長專區：「叨叨碎碎唸唸囉哩囉嗦的地方」
- 靈食包：「靈食包，給心的日常配方。」
- 古典今用：「讓古典智慧走進現代生活。」
真是慘不忍睹。
我自己寫得很開心，
但看得不愉快。
Google 搜尋結果顯示的那段文字，
就是網頁的 description（描述標籤）。
只好，全部重做!
所以又花了一整輪，
燒 tokens，
把全站 23 個頁面的 description 全部重寫，
首頁文案重寫，
專區導覽的卡片文案重寫，
連選品區的分類描述都改了。
還有一些額外的收尾：
- 8 個還沒有文章的空子分類，在 robots.txt 裡加了
Disallow， 避免 Google 把這些「空房間」列入評分，拉低整間店的品質 - 加了
preconnect預連線，讓外部資源載入更快一點
解法：
- 每個頁面的 description 都要寫得像「店門口招牌」
- 要具體：告訴路人這裡有什麼、為什麼值得進來
- 要有畫面感：讓人讀完就能想像裡面的內容
- 空的頁面不要讓 Google 收錄，免得拉低評價
我已經沒力氣說些什麼了。
📊 SEO 優化成果整理
而且，SEO 不是做了馬上有效的事情。
Google 的爬蟲，
不會今天改了文章，明天就重新收錄，
通常需要幾天到幾週的時間。
這時候呢，
著急也沒用，
寶店長的緩、慢、真的經營策略就顯得重要啦。
凡事講求一個緣分，
也講求一個真心誠意。
總之，整理一下到底為了SEO做了網站的哪些修改項目：
| 項目 | 做了什麼 | 為什麼重要 |
|---|---|---|
| URL 英文化 | 13 個中文資料夾改英文 | 搜尋引擎看得懂、分享不亂碼 |
| JSON-LD | 全站加入結構化數據 | Google 理解文章內容 |
| 圖片壓縮 | Logo 省 99.7%、延遲載入 | 載入速度影響排名 |
| Meta 標籤 | og:image、description 補齊 | 社群分享有漂亮預覽 |
| H1 修正 | 消除重複標題 | 頁面語意清楚 |
| 內部連結 | 文章之間交叉連結 + 延伸閱讀 | Google 爬蟲更完整索引、讀者停留更久 |
| SEO 標題 | 標題加入搜尋關鍵字 | 搜尋結果中更容易被找到 |
| 主題式 Blog | 新手導覽 + 靜心推薦 | 內部連結 + 長尾關鍵字 |
| spark 金句 | 全站文章加入金句 | 推薦系統的燃料 |
| 首頁文案 | hero + 介紹區 + 專區卡片全部重寫 | Google 搜「靈食雜貨舖」的第一印象 |
| description 補齊 | 全站 23 個頁面 description 重寫 | 搜尋結果有吸引人的摘要文字 |
| robots.txt | 8 個空子分類加 Disallow | 防止薄頁面拉低品質評分 |
| preconnect | CDN 預連線 + 分析工具 dns-prefetch | 首頁載入速度再提升 |
2026.02.25
📋 第二輪：優化再優化，發現 160 頁沒被索引
以為 SEO 做得差不多了。
沒想到，某天打開 Google Search Console，看到一個數字：
160 個頁面，沒有被索引。
「……我一共才 77 篇文章，怎麼會有 160 個頁面？」
🕵️ 原因一：英文版幽靈頁面
Docusaurus 支援多語系，寶店長一開始設定了中文 + 英文兩種語言。
設定開著，結果系統就老老實實地：
每一篇中文文章，自動生出一個 /en/ 版本——內容是空的，但 URL 是真實存在的。
77 篇 × 2，加上各種頁面，輕鬆突破 160。
修法很簡單，把 docusaurus.config.ts 的 locales 移除 en：
// 改成只留 中文
locales: ['zh-TW']
一行設定，消滅 70 幾個空白幽靈頁。
🕵️ 原因二：description 太短
Google 認為 description 過短的頁面「內容稀薄」，不值得被推薦。
請 Claude 寫了一個稽核腳本，掃描全站所有文章的 description 長度，
結果：
38 篇文章的 description 平均只有 25 個字，標準是 80 到 160 字，
這真是太棒了啊，呵呵。
花了一些時間，請 Claude 逐篇補齊，
現在每篇都有完整的摘要文字。
🕵️ 原因三：intro 頁面沒有內容
每個系列都有一個導覽頁（intro.md），
原本只是一張文章列表，沒有任何介紹文字。
Google 覺得：這些頁面「沒有提供價值」，不收錄。
於是把每個 intro 頁面都加上了系列介紹、更新了文章列表，
讓它 真的是一個「有內容的頁面」，而不只是一個目錄。
✅ 第二輪做了什麼
| 項目 | 做了什麼 | 效果 |
|---|---|---|
| 英文 locale | 從設定移除 en | 消滅約 70 個空白幽靈頁 |
| description | 全站 38 篇文章全面補齊 | 搜尋結果摘要更完整 |
| intro 頁面 | 加入介紹文字 + 更新文章列表 | 薄頁面變有實質內容 |
| Request Indexing | 重要文章主動向 Google 提交 | 加速被收錄 |
每一輪的優化，都只是為了配合 Google 。
人在屋簷下，不得不低頭啊。
不過，往好處看，
風與的摧殘會讓我們更堅定信心(握拳)。
💡 寶店長的 SEO 心得
SEO 的本質，是一種誠意。
願意花時間，
好好裝潢這間店，
好好思考顧客的需求，
好好做一個顯眼的招牌。
或許，看起來都是一種包裝，
但包裝的本身，也是用心的一種。
現在渭水找到了，
寶店長駐守在渭水邊，
等待那個有緣之人啊!
💬 寶店長後記
做 SEO 的過程，
真心不容易。
但就是不容易，
才知道自己在堅持什麼。
一個不知道要怎麼賣東西的網站，
一家很特別的店，
正朝向偉大航道前進著呢。
如果你也在經營什麼，
寶店長跟著一起加油。
用心，一定會有收穫，
寶店長如此堅信著。
祝福大家，今日的身心靈，一切安好。
🧩 延伸閱讀
© 2026 Spirit & Savor 靈食雜貨舖
系列：精選靈食・寶店長・寶店長的學習筆記
📧 spiritandsavor@gmail.com