跳到主要內容

GitHub Pages SEO 教學：Sitemap 網站地圖設定與 Jekyll 自動生成指南

哈囉大家！我們都有過這樣的經驗：辛辛苦苦在 GitHub 上面架設好了一個精美的個人履歷、技術部落格或是實用的小軟體網頁，開心地將原始碼 Push 上去，看著 GitHub Pages 給出那一串專屬的綠色網址（https://yourname.github.io）。然而，過了幾週甚至幾個月，去 Google 搜尋自己的名字或專案名稱，卻發現「什麼都找不到！」為什麼會這樣呢？原因很簡單：Google 根本不知道你的網站存在。這篇超過三千字的完全指南將帶你從零開始，除了教你如何使用超方便的「線上 Sitemap 產生器」快速搞定網站地圖，更會深入探討 robots.txt、孤兒網頁的終極解法，以及如何透過 Jekyll 實現自動化生成。準備好了嗎？讓我們一起把你的 GitHub 作品集推向全世界！

 

 

1. 什麼是 Sitemap (網站地圖)？

Sitemap，顧名思義就是「網站的地圖」。但要注意的是，這裡指的地圖不是給「人」看的導覽目錄，而是專門寫給「機器（搜尋引擎爬蟲）」看的檔案。網際網路就像一座黑暗森林，Google 的爬蟲每天在裡面摸黑探索，如果沒有這份地圖，爬蟲很容易只在首頁看一眼就離開了。目前最通用的地圖格式是 XML (eXtensible Markup Language)。

Sitemap 的長相與結構

一份標準的 sitemap.xml 檔案，裡面其實就是一堆以特定標籤包裝起來的網址清單。讓我們來看一個簡單的範例：

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>https://yourname.github.io/</loc>
      <lastmod>2026-04-14</lastmod>
      <changefreq>weekly</changefreq>
      <priority>1.0</priority>
   </url>
   <url>
      <loc>https://yourname.github.io/about.html</loc>
      <lastmod>2026-04-10</lastmod>
   </url>
</urlset>

這個檔案裡面包含幾個核心標籤：

  • <loc>：網頁的絕對網址。這是唯一必填的欄位，告訴爬蟲網頁在哪裡。
  • <lastmod>：最後修改時間。這對 Google 來說極度重要。當爬蟲看到這個日期更新了，它就知道必須重新來抓取這個網頁的新內容。
  • <changefreq> 與 <priority>：更新頻率與權重。
SEO 內線消息： 根據 Google 官方目前的說法，他們已經不太看重 changefreq 和 priority 了，因為太多站長亂填。但他們非常重視 lastmod。因此，確保最後修改時間的準確性，是加速收錄的關鍵。

2. 什麼是 robots.txt？它與 Sitemap 的關係？

如果你說 Sitemap 是邀請搜尋引擎來參觀的「導覽地圖」，那麼 robots.txt 就是站在你網站門口的「警衛」或「交通指揮」。它是一個純文字檔案，必須放在你網站的根目錄下（例如：https://yourname.github.io/robots.txt）。它的主要功能是告訴各大搜尋引擎：「我的網站裡哪些地方你可以去，哪些地方你絕對不能去（像是測試網頁或草稿）。」

標準的 robots.txt 寫法

對於絕大多數希望被完整收錄的 GitHub Pages 來說，最標準且推薦的 robots.txt 內容如下：

User-agent: *
Allow: /

Sitemap: https://yourname.github.io/sitemap.xml

讓我們逐行拆解：第一行的星號代表呼叫「所有的搜尋引擎爬蟲」。第二行的 Allow: / 代表根目錄下所有的檔案都歡迎爬取。最底下的 Sitemap: [網址] 是一招非常厲害的「被動提交」策略！路過的爬蟲看到這行字，就會乖乖地去下載地圖，順藤摸瓜地收錄你的網站。

3. 新手救星！好用的線上 Sitemap 產生器推薦與教學

如果你不會寫程式，或者你的 GitHub Pages 只是幾頁簡單的靜態 HTML 網頁（例如單純的履歷表），那麼最快產生 Sitemap 的方式就是依賴「線上 Sitemap 掃描工具」。市面上有非常多這類工具，這裡我最推薦老牌且免費的 XML-Sitemaps.com。

它的運作原理很直觀：你輸入首頁網址，它會派出「虛擬爬蟲」進入你的網站，順著所有的超連結（<a href="...">）把你的網站徹底逛過一遍，最後自動打包成一份 XML 檔案給你。以下是超簡單的 4 步驟實戰教學：

📍 Step 1：輸入網址

進入 XML-Sitemaps 網站後，在畫面正中央的搜尋框中，輸入你已經發布的 GitHub Pages 完整網址（例如：https://yourname.github.io）。

🚀 Step 2：開始掃描

點擊右側的「START」按鈕。系統會開始模擬爬蟲抓取你的網站。根據你網頁數量的多寡，這個過程可能需要幾秒鐘到幾分鐘的時間，請耐心等待進度條跑完。

📥 Step 3：下載檔案

掃描完成後，畫面會跳轉，請點擊「VIEW SITEMAP DETAILS」按鈕。接著在詳情頁面找到藍色的「Download Your XML Sitemap file」按鈕，將生成的 sitemap.xml 下載到電腦裡。

📤 Step 4：上傳 GitHub

將剛下載好的 sitemap.xml 檔案，放入你本機專案的「根目錄」中，然後執行 git commit 與 Push 上傳到 GitHub。大功告成！你的網站現在擁有地圖了！

⚠️ 線上工具的限制： 免費版本通常有 500 頁的掃描上限。對於一般部落客或個人作品集來說絕對綽綽有餘，但是！它有一個非常致命的邏輯缺陷，我們馬上在下一章為你揭曉。

4. 線上產生器的死穴：孤兒網頁的困境

剛才提到的線上掃描工具雖然方便又快速，但如果你問我：「如果我有兩個網頁之間沒有互相連結，也沒有連到首頁，這個工具可以把它們自動掃出來嗎？」 答案是：絕對不行！

在網頁架構學中，這種「沒有任何其他網頁的超連結指向它」的網頁，有一個專有名詞叫做「孤兒網頁 (Orphan Pages)」。你可以把它想像成一座海上的孤島，沒有任何船班或橋樑連接。線上工具的虛擬爬蟲只能靠著現有的橋樑（也就是你的導覽列或超連結）行走，如果找不到過去的路，它就永遠無法發現這座孤島，更不可能將這頁加入 Sitemap 中！

5. 解決方案 A - 手刻網頁的 Sitemap 終極解法

如果你的 GitHub Pages 專案完全是自己一行一行寫的純 HTML，而且裡面包含許多你想要被 Google 收錄、卻刻意隱藏不放進導覽列的活動頁面或 Landing Page，你可以用以下三種方法來拯救孤兒網頁：

方法 1：土法煉鋼，手動補上 (適合網頁極少)

你可以先用線上工具掃描出基本的 XML 檔案，下載後用 VS Code 編輯器打開它。針對你的孤兒網頁，手動複製一段 <url> 結構，把隱藏網頁的網址貼進去。缺點是很麻煩，每次新增頁面都要手動改一次 XML。

方法 2：建立「隱形目錄頁」策略 (簡單有效)

這招是「欺騙」爬蟲的藝術！在你的根目錄建立一個純文字網頁（例如命名為 all-links.html），裡面什麼排版都不用，只要塞滿所有孤兒網頁的超連結即可。然後，讓首頁一個極不起眼的角落連到這個頁面。線上工具的爬蟲一進去，就像拿到了一份「全站隱藏名單」，瞬間就能順利掃出所有隱藏頁面了！

方法 3：寫腳本自動化產生 (進階強烈推薦)

既然線上工具是靠「爬蟲」，那身為開發者，我們在本地電腦擁有最高權限，可以直接靠「讀取檔案系統」來暴力破解！如果你有安裝 Node.js，可以寫一支小腳本（例如 generate-sitemap.js），讓它直接讀取資料夾內所有的 .html 檔，無視內部有沒有連結，只要檔案存在就直接打包成 XML。未來每次 Push 前只要在終端機執行一次腳本，一秒鐘搞定所有地圖更新！

6. 什麼是 Jekyll？為何它是 GitHub Pages 的主流？

上述的手刻方法雖然自由，但如果你的網站是一個擁有幾十篇文章的部落格，每一頁都要複製貼上同樣的導覽列、頁尾，還要煩惱 Sitemap 更新，那簡直是一場噩夢。這就是 靜態網站產生器 (Static Site Generators, SSG) 誕生的原因。而 Jekyll 就是這領域的開山鼻祖，也是 GitHub Pages 唯一原生內建支援的產生器。

使用 Jekyll 開發網站時，你不再需要寫冗長的 HTML。你寫的內容通常是輕量級的 Markdown 格式。當你把檔案上傳到 GitHub，背後的伺服器會自動啟動 Jekyll 引擎，把你的文章套入預設的版型中，編譯成 HTML 發布出去。它的好處是高度模組化、讓你完全專注於寫作，最棒的是，它擁有極度強大的外掛生態圈！

7. 解決方案 B - 使用 Jekyll 自動生成 Sitemap (完美終結孤兒網頁)

如果你選擇使用 Jekyll 來建構網站，那麼產生 Sitemap 簡直不費吹灰之力，而且它天生就對「孤兒網頁」免疫！因為 Jekyll 的地圖外掛是直接讀取你專案資料夾裡面的「所有檔案」，而不是去模擬滑鼠點擊。只要檔案存在你的資料夾內，就會被精準抓出來打包。

實作步驟非常簡單：

首先，在你的儲存庫根目錄找到 _config.yml 檔案（這是 Jekyll 的總指揮中心）。打開它，確保裡面有設定你的 url，並在 plugins 底下啟用外掛：

# 網站的基礎設定
url: "https://yourname.github.io" 

# 啟用 Sitemap 外掛
plugins:
  - jekyll-sitemap

如果你有一些不想被收錄的草稿頁面，只要在該 Markdown 文章的最上方（Front Matter 區域）加上 sitemap: false 的指令即可。設定完畢後存檔並 Push 到 GitHub，稍等大約 1 分鐘讓 GitHub Actions 編譯完成，你的完美網站地圖就會自動誕生在 /sitemap.xml 網址下了，從此徹底解放雙手！

8. 最終衝刺！將 Sitemap 提交給 Google Search Console (GSC)

萬事俱備，只欠東風！有了地圖和 robots.txt，我們雖然可以被動等待，但為了效率，我們必須主動出擊，將地圖親自遞交給 Google 總部。這時就需要出動 SEO 領域的核武級工具：Google Search Console。

登入 GSC 後，點擊「新增資源」，選擇「網址前置字元」並輸入你的 GitHub Pages 完整網址。接著，系統會要求你驗證網站所有權，請選擇最簡單的「HTML 標記 (HTML Tag)」方式，系統會給你一段類似這樣的代碼：

<meta name="google-site-verification" content="一段專屬的亂碼" />

請將這段代碼貼到你網站首頁的 <head> 區塊內並 Push 上 GitHub。回到 GSC 點擊驗證即可過關。最後，在左側選單找到「網站地圖 (Sitemaps)」，填寫 sitemap.xml 並按下提交。只要畫面出現綠色的「成功」字樣，恭喜你！Googlebot 就會開始沿著這份精準的地圖掃描你的網站，你的心血結晶很快就會出現在 Google 搜尋結果的第一線囉！

📌 痞客邦大師免責聲明：
本篇 SEO 教學與程式碼範例僅供學習與參考用途。搜尋引擎（如 Google）的演算法與排名因素隨時都在變動，本文所述之技術與 Sitemap 提交方法旨在「最高程度提升網頁被爬取與索引的機率」，並不保證網站必然能獲得首頁排名或帶來巨量流量。在執行自動化腳本、修改網站架構或設定 GSC 前，請務必於本地端做好測試與備份，作者及平台不對任何因操作導致的流量波動、搜尋排名下降或資料異常承擔相關法律責任。祝大家 SEO 排名節節高升！

留言

張貼留言

這個網誌中的熱門文章

讓 AI 成為你的教學「分身」，準時下班不是夢—— GEM 教學應用實戰 (Google Educator Masterclass)

各位老師，辛苦了！在現今的教育現場，繁重的行政報表、課綱教案與親師溝通，總是把時間切割得零碎，「準時下班」似乎成了都市傳說。這份「GEM 教學應用實戰講義」，並非要讓 AI 取代您的教學專業，而是帶您打造一個不知疲倦、隨傳隨到的「數位分身」。     寫在前面：為什麼我們需要 AI 教學分身？ 教師的角色早已不只是「傳道、授業、解惑」。透過掌握關鍵 AI 應用，我們要把省下來的時間，還給您自己，或是還給那些真正需要您陪伴的學生。 💡 核心心法： 「AI 負責打底與高效產出，老師負責審核與靈魂注入。」 第一章：課前準備與專屬「百寶箱」建置 在開始詠唱提示詞之前，建立一個順暢的數位工作環境是成功的一半。 1-1 雙螢幕/分割畫面操作（線上研習必備） 在線上實作研習中，最常發生的悲劇就是「切去操作 AI 視窗，就找不到講師的畫面了」。 Windows 系統秘技： 點選瀏覽器視窗上方標題列，按下鍵盤 Windows鍵 + 左/右方向鍵 ，視窗會瞬間對半貼齊螢幕。 Mac 系統秘技： 將游標懸停在視窗左上角的「綠色全螢幕按鈕」上，選擇「將視窗平鋪於螢幕左/右側」。 最佳配置： 左半邊放置 Google Meet 畫面（看講師示範），右半邊開啟您的 AI 助手與百寶箱網頁。 1-2 專屬百寶箱：線上指令庫快速連結 本次研習主辦方已經為大家建置了最強大的線上指令庫。我們不需要到處找檔案，請直接點選以下連結開啟這兩個專屬網站，它們就是你未來的「虛擬大腦」： 📖 GEM 教學「分身」 教師減負全方位應用指南 ⚙️ GEM 行政「引擎」 國中小處室效能提升指南 第二章：基礎賦能 —— 讓 AI 秒懂你的「5 元素萬用公式」與風險控管 很多人覺得 AI 給的答案「很廢、像官樣文章」，原因在於我們的指令太模糊。如果你遇到百寶箱中沒有的情境，請記住這個萬用公式。 2-1 破解黑盒子：5 元素提示詞公式 要讓 AI 產出精準的內容，請牢記： 「對象 ＋ 任務 ＋ 限制 ＋ 格式 ＋ 目的」 【對象】： 年級、程度、班級特性（例：針對注意力不集中的國一學生）。 【任務】： 教材、評語、活動、回覆（例：設計一份閱讀測驗）。 【限制】： 字數、時間、堂數、語氣（例：限 300 字，語氣要幽默）。 【格式】： 表格、條列、逐字稿、題庫（例：請用表格呈現，欄位包含....
張貼留言
閱讀完整內容

2026高齡駕駛換照懶人包：70歲新制、75歲認知功能測驗、繳回駕照TPASS回饋一次看

家中長輩滿70歲、仍會騎車或開車出門嗎？預計2026年5月31日，高齡駕駛換照制度正式下修到70歲，但這不是要禁止長輩開車，而是透過體檢、交通安全教育與分級把關，讓長輩更安心、家人也更放心。本文已把容易誤會的期限、認知功能檢測與TPASS回饋方式完整整理，陪你用最清楚的方式看懂新制。     導讀區：這篇先幫你抓重點 這次高齡換照新制最容易被誤會的地方有三個：第一，不是所有人都要立刻衝去監理站，原則上要等監理所、站通知；第二，70歲到未滿75歲與75歲以上流程不同；第三，繳回駕照的3.6萬元不是一次領現金，而是符合資格後依實際搭乘大眾運輸支出給50%回饋。 70歲新制 體檢合格，加上免費安全教育與危險感知體驗，通過後駕照可使用到75歲。 75歲以上 維持每3年換照，需體檢、認知功能檢測或提出未患中度以上失智症證明。 放下方向盤 70歲以上自願繳回名下所有駕照，可申請TPASS乘車回饋，2年最高3.6萬元。 文章目錄 點擊快速跳轉 1. 2026高齡換照新制先看懂 2. 70歲與75歲流程差在哪 3. 換照流程照著做就好 4. 認知功能檢測考什麼 5. 出門前證件與費用清單 6. 逾期未換照的罰則 7. 繳回駕照與TPASS回饋 8. 家人陪辦提醒與常見問題 1. 2026高齡換照新制先看懂 預計2026年5月31日起，台灣高齡駕駛換照制度進入新的分級管理階段。過去大家比較熟悉的是75歲以上高齡駕駛換照，現在新制把關懷年齡提早到70歲，重點不是把長輩的車鑰匙收走，而是讓長輩在身體狀況還不錯的時候，透過體格檢查、安全教育課程與危險感知體驗，重新確認自己是否適合繼續騎車或開車。 這件事對很多家庭很實際。長輩可能每天騎機車買菜、接孫子、去醫院回診，也可能習慣自己開車到市場、活動中心或鄰近鄉鎮辦事。交通工具對長輩來說不只是移動方式，也是一種生活自主感。所以談高齡換照時，語氣不應該是「你老了不能開」，而是「我們一起確認怎麼出門比較安全」。 最重要的一句話 滿70歲以上長者原則上等監理所、站寄發換照通知再辦理，不需要因為聽到新制就急著提前換照。若有違規、吊扣、逾期或個案通知，則依監理機關通知內容辦理。 如果你是子女或晚輩，建議先不要用命令式口氣要求長輩放棄駕駛。比較好的做法，是陪他一起看通知書、安排體檢、理解流程，也一起討論如果未來少開車，附近有哪些公車、捷運、...
張貼留言
閱讀完整內容

「2026台北鼠患危機：25年首見漢他病毒！見鼠地圖與滅鼠生態反撲全解析」

哈囉大家好！最近生活在台北的大家，出門走跳時有沒有覺得心裡毛毛的呢？2026年的台北街頭，不僅天氣變化多端，還迎來了一場讓人不容忽視的「鼠患風暴」。不僅是路上看到米奇的機率變高了，更可怕的是，伴隨而來的漢他病毒已經敲響了公衛警報！今天這篇文章，我將帶大家深入了解這次的鼠患危機、民間與市府的滅鼠大作戰，以及我們在撲滅老鼠的同時，必須正視的生態悲歌。準備好了嗎？讓我們一起看下去吧！     1. 25年首見！漢他病毒拉響台北公衛警報 時間拉回今年1月，台北市出現了讓所有醫療人員高度戒備的新聞—— 25年來首宗漢他病毒（Hantavirus）死亡案例 。一位居住在大安區的70多歲長輩因為感染不幸離世，緊接著今年又出現了第二宗確診案例。這不僅僅是冰冷的數字，更意味著藏匿在城市暗處的鼠患，已經直接威脅到市民的生命安全與健康。 漢他病毒主要透過老鼠的排泄物、尿液傳播，當帶有病毒的微粒飄散在空氣中被我們不小心吸入，或是接觸到受污染的物品，都有極高的感染風險。面對這樣無形的敵人，我們絕對不能掉以輕心，出入髒亂場所記得戴好口罩喔！ 2. 抓鼠大作戰：民間見鼠地圖與市府對策 為了對抗這場危機，不僅官方動起來，民間力量也卯足了全力。熱心網友特別開發了數位化的 「見鼠地圖 Rat Radar (ratdar.taipei)」 ，透過民眾通報，讓大家可以隨時掌握各區的鼠患熱點與毒餌標記，出門時盡量避開高風險區域。 此外，蔣萬安市長也正式宣布，自5月11日起，全市行政區將同步展開清潔行動。市府更成軍了由環保局人員組成的 「鼠類偵防師」團隊 ，超過百名人力將深入社區協助民眾尋找老鼠源頭。為了壓制鼠群數量，據市議會資料指出，市府採購了約1公噸（1000公斤）的老鼠藥投入環境防治，這絕對是一場必須謹慎面對的硬仗！ 2例 漢他確診案例 百人 鼠類偵防師 1公噸 採購老鼠藥 3. 滅鼠的隱形代價：猛禽與生態圈的悲歌 然而，當城市大量使用化學鼠藥來保護人類家園時，大自然卻默默承受了沉重的代價。根據 台灣猛禽研究會 的警告與過往數據顯示，在被尋獲的死亡猛禽中，竟然高達 61%的體內被檢測出鼠藥成分 ！這數據真的讓人非常心痛。 這就是可怕的「次級毒殺」。老鼠吃下毒藥後不會立刻死亡，行動變得遲緩的牠們，反而成為了鳳頭蒼鷹、領角鴞等城市猛禽最容易捕捉的獵物。毒素就這樣順著食物鏈，一層一層在生態系...
張貼留言
閱讀完整內容