// seo toolkit · case study

SEO 工具套件
阿偉不動產專用儀表板

為不動產個人品牌打造的五合一 AI 驅動 SEO 分析工具，整合關鍵字分析、Meta 產生器、頁面健檢、關鍵字密度分析、內部連結建議，幫助個人品牌在 Google 搜尋中取得更好曝光。

HTML / CSS / JS Claude AI API SEO 優化 RWD 響應式 密碼保護 單一 HTML 部署
// project overview
為什麼做這個工具？
阿偉是中信房屋內湖五期店處長，擁有個人品牌網站但缺乏 SEO 操作工具。房仲業的大型平台（591、樂居、永慶）壟斷了主要關鍵字，個人品牌必須靠長尾關鍵字與深度內容切入。

這個工具針對不動產行業特性客製化，每個分析都內建阿偉的目標客群與服務區域（內湖、南港、汐止）作為 AI 背景知識，讓分析結果比通用 SEO 工具更精準。
5
整合工具數量
1
單一 HTML 檔案，零依賴部署
AI
Claude API 驅動，不動產背景知識內建
// tools breakdown
五個工具，一個儀表板
每個工具各司其職，從關鍵字研究到頁面優化，覆蓋完整的 SEO 工作流程。
// 01 · KEYWORD ANALYZER
關鍵字分析
輸入關鍵字，AI 根據不動產市場背景分析競爭難度與搜尋意圖，並生成針對目標區域的長尾關鍵字建議。
競爭難度評級（高 / 中 / 低）
阿偉操作推薦分數（0-100）
搜尋意圖分析（2-3 句）
5 個長尾關鍵字 + 適合原因
內湖買房 分析 →
🟡 競爭難度：中 — 大平台有佈局，但仍有長尾機會
阿偉操作推薦度
72%
內湖科技園區附近買房 首購族切入
內湖重劃區預算怎麼抓 實用指南
內湖二手屋推薦 本地搜尋
// 02 · META GENERATOR
Meta 產生器
輸入文章主題與目標客群，AI 生成三組風格各異的 Title Tag 與 Meta Description，並附上 Google 搜尋結果即時預覽與字數警示。
三種風格：直接精準 / 情境共鳴 / 數字強調
Google 搜尋預覽（白底模擬真實樣式）
字數狀態提示（偏短 / 正常 / 超長）
一鍵複製 Title / Description
// 直接精準版 · 推薦
awei-realestate.com › 文章
汐止重劃區買房完整指南｜阿偉帶你看
想在汐止買房卻不知道從何開始？本文詳細分析新市鎮與大坑重劃區差異，附上首購族預算規劃建議。
TITLE TAG 18 字 ✓
汐止重劃區買房完整指南｜阿偉帶你看
META DESCRIPTION 42 字 ✓
想在汐止買房卻不知道從何開始？本文詳細分析新市鎮與大坑重劃區差異，附首購族預算建議。
// 03 · PAGE AUDIT
頁面健檢
貼入頁面 HTML 原始碼，系統自動掃描七項 SEO 關鍵指標，輸出 0-100 健康評分，並由 AI 針對不動產網站給出具體改善建議。
七項掃描：Title / Meta / H1 / H2 / 圖片 Alt / 內部連結 / Canonical
0-100 健康分數 + A/B/C/D 等級
每項可展開查看詳細說明
AI 生成 3-4 條具體改善建議
85
// SEO 健康分數
優秀 A
✅ Title Tag — 長度正常（28字）
✅ Meta Description — 長度正常（75字）
✅ H1 主標題 — 1 個，正常
⚠️ 圖片 Alt — 2/5 張缺少 alt
✅ 內部連結 — 3 個
// 04 · DENSITY ANALYZER
關鍵字密度分析
貼入文章內容，分析目標關鍵字的出現次數與密度是否自然，同時掃描高頻詞排行，並在全文中以顏色標記關鍵字位置。
文章基本統計：字數 / 句子數 / 段落數 / 閱讀時間
密度狀態：偏低 / 正常 / 略高 / 過高⚠
全文高亮標記，最多三組關鍵字顏色
高頻詞 Top 20，自動辨識潛在問題詞
2,840
// 總字數
48
// 句子數
12
// 段落數
9
// 閱讀分鐘
汐止買房
1.5% ✓
重劃區
0.9% ✓
首購族
2.8% 略高
汐止×24
買房×18
重劃區×12
預算×9
首購×8
// 05 · INTERNAL LINK ADVISOR
內部連結建議
輸入網站現有頁面清單，AI 分析哪些頁面之間應該建立連結，提供建議錨點文字與連結理由，並輸出整站連結地圖。
預載阿偉不動產 9 個頁面，可自行新增
每個來源頁面建議 2-3 個連結目標
建議錨點文字 + SEO 理由說明
整站連結地圖一覽，快速發現孤立頁面
汐止購屋白皮書2 個建議
// 連結到
30世代買房備忘錄
// 建議錨點
「首購族的完整預算規劃」
// 連結到
專任委託服務
// 建議錨點
「找專任委託協助看房」
// 整站連結地圖
30世代買房備忘錄
→ 專任委託→ 成交實例
賣房老實說
→ 關於阿偉→ 委託服務
汐止購屋白皮書
→ 買房備忘錄→ 委託服務
技術架構
// tech stack · implementation details
🧠
Claude AI API
所有分析功能的核心，每個工具都內建阿偉的不動產背景知識作為 system context，讓輸出更精準。
📄
純 HTML / CSS / JS
零框架、零依賴，單一 HTML 檔案即可完整運作，直接部署至 Netlify 不需要任何建置流程。
🔒
Session 密碼保護
三組獨立密碼對應三位使用者，通過驗證後 Session 內不需重複輸入，關閉分頁才重置。
📱
RWD 響應式設計
桌機、平板、手機全版型適配，頂部固定導覽列支援六個工具頁籤一鍵切換。
🔍
靜態 SEO 掃描引擎
頁面健檢與密度分析使用純 JS 的 DOMParser 與正則表達式本地運算，不依賴外部 API。
⚡
JSON 結構化輸出
所有 AI 回應要求以 JSON 格式輸出，確保資料結構穩定，前端渲染不受語氣變化影響。
🎯
行業客製化 AI
不是通用 SEO 工具，每個 AI prompt 都包含客戶的服務區域、目標客群與競爭環境，輸出結果直接可用。
🚀
零配置部署
單一 HTML 檔案包含全部五個工具，不需要 Node.js、不需要 build，直接拖曳上傳即可部署。
🔐
輕量存取控制
內建 Session 密碼保護，三位使用者各自擁有獨立密碼，不需要後端資料庫即可實現基本存取管理。
← 返回作品集