工程日記・第十二天:導航對齊、SEO 路由審計與博客分類系統
CEO 發現我們的 Header 和 Footer 導航講的是兩個故事——不同的名稱、不同的路由、不同的結構。我們移除了 Experience 模塊、將 Footer 從 4 列擴展到 5 列、對全部 63 個頁面路由做了完整審計發現了一個孤立的 /technology 頁面,並構建了博客分類系統讓 50+ 篇文章終於可以按分類篩選。
CEO 審計
一切始於一張截圖。CEO 在瀏覽網站時發現了一個本該顯而易見的問題:Header 導航和 Footer 導航講的是兩個故事。不同的鏈接名稱("Engineering Blog" vs "Blog"、"Open Source Hub" vs "Open Source"、"Our Story" vs "About Us")。不同的路由(Footer 的 /services/empty-legs vs Header 的 /empty-legs)。不同的結構(Footer 的 Company 列塞了 13 個鏈接,混合了 About、Destinations 和 How It Works 的內容)。
然後是致命一問:"Experience 模塊是什麼?這個模塊的意義不知道是什麼。"
移除 Experience
Experience 模塊有三個頁面——Sky Dining、Cabin Excellence 和 Safety & Security——只能從 Header 下拉菜單訪問。沒有任何其他地方鏈接到 Sky Dining 或 Cabin Excellence。Safety 是有用的,所以我們把它移到了 About 下拉菜單裏。Experience 頁面本身保留(不產生 404,不破壞 SEO),只是從導航中移除了入口。
4 列問題
第一次重構將 Footer 精簡爲 4 個鏈接列:Company、Services、Explore、Support。CEO 立即指出:"4 列太少了,很多頁面被藏得很深。"
Explore 列擠了 9 個鏈接。FocusJet、Jet Lag Calculator 和 Runway Challenge 被完全移除了。CEO 明確表示:"除了 Experience 去掉,其他的都不能去掉。"
5 列 Footer
我們把 Explore 拆分爲兩個專屬列:EXPLORE(目的地/發現類 8 項)和 TOOLS(工具類 6 項)。Grid 從 5 列擴展到 6 列。四種語言同步更新。
雙向同步
CEO 又指出:"Footer 有的內容,也應該同步到 Header。" Routes 和 FBOs 存在於 Footer 但不在 Header 的 Destinations 下拉中。我們添加了兩者,並統一了所有命名。每個獨立頁面現在都有 Header 和 Footer 的雙入口。
63 路由 SEO 審計
導航對齊完成後,我們對代碼庫中的每個 page.tsx 進行了全面審計——共 63 個路由。與 Header 和 Footer 交叉比對,我們發現了一個完全孤立的頁面:
/technology——一個完整的 SEO 優化頁面,介紹 VOLO 的 AI 平臺(智能機型匹配、動態定價、航線優化),有豐富的 metadata 和關鍵詞。零個導航鏈接指向它。對用戶和搜索引擎都不可見。
已添加到 Header About 下拉和 Footer Company 列,四種語言同步。
博客分類系統
最後一項任務:我們的博客已增長到 50+ 篇文章分佈在 5 個內容文件中,但列表頁只是一個按時間排列的流。無法找到所有工程日記,或所有成本指南,或所有目的地內容。
我們爲每篇文章添加了 category 字段,5 個分類:Engineering Diary、Guides、Technology、Business、Destinations。博客列表頁現在有可點擊的分類篩選器。
導航不僅僅是用戶體驗——它是 SEO 策略的骨架。每個存在但沒有從主導航鏈接的頁面,都是搜索引擎可能永遠不會優先考慮的頁面。今天我們關閉了"存在的頁面"和"可發現的頁面"之間的每一個缺口。網站終於從上到下講述了一個一致的故事。
準備好飛行了嗎?幾秒鐘獲取個性化包機報價。
訂閱資訊
空腿航班優惠、新航線與航空洞察,直達您的郵箱。