Website Audit:先修最影響使用的問題
把問題、證據、修改與 Before / After 留在同一份簡短紀錄。
問題:手機找不到報名按鈕。證據:390px 截圖。修改:縮短 Hero。Before:CTA 在首屏外;After:首屏可見且按鈕能用。
WEEK 12 / 內容可見性與網站優化
優化 Week 11 的文章結構與來源,完成安全、備份、手機版及功能檢核。
2026-12-18(學期第 14 週)02 / SKILLS
03 / REFERENCE
開始操作前看重點,完成後用清單自查。
把問題、證據、修改與 Before / After 留在同一份簡短紀錄。
問題:手機找不到報名按鈕。證據:390px 截圖。修改:縮短 Hero。Before:CTA 在首屏外;After:首屏可見且按鈕能用。
只查你正在卡住的步驟,不必讀完整份文件。
英文官方文件。WordPress 路線可到工具 → 網站狀態查問題;依影響程度處理,不追求把所有提示一次清空。
英文官方文件。AI 網站路線遇到更新造成故障時,找先前正常的版本;GitHub 也要保留修正紀錄。
04 / MAKE
打開 Week 11 的文章,寫出讀者搜尋的問題與需求,保留修改前截圖。
檢查點 → 關鍵字對應真實搜尋意圖。
把主題與讀者獲得的資訊說清楚,不堆砌關鍵字、不承諾文章沒有的內容。
檢查點 → 標題與描述準確概括文章。
使用清楚的標題層級,先回答核心問題,再給步驟、清單或例子;只加入確實有用的 FAQ。
檢查點 → 讀者掃讀就能找到答案。
把人名、組織、地點或產品說清楚,補可信來源,連到自己網站相關內容。
檢查點 → 連結可用,名稱與資訊一致。
檢查導覽與失效連結、字體與圖片、手機排版、CTA 下一步、標題可讀性、AI 味、來源,以及 Title/Description/Internal Links/FAQ。
檢查點 → 每個問題都有頁面位置或截圖。
請同儕回答:5 秒內知道網站做什麼?知道下一步?最難找的資訊?手機問題?最需要改的一件事?本週不進行正式真人 User Test。
檢查點 → 保存五題回饋。
提供公開頁面或不含私人資訊的截圖,請 AI 檢查 UX、Responsive、CTA、Content、SEO 與 Accessibility。逐項記錄接受/不接受及原因。
Example:AI 建議:放大 CTA;接受;原因:手機截圖顯示按鈕不易辨認。
檢查點 → 沒有直接照單全收 AI 建議。
WordPress:檢查核心、Theme、Plugin 更新、不必要 Plugin、最新完整 Backup 與 Restore 方法。AI Coding:檢查密碼/API Key、環境變數、GitHub 版本與 Vercel 部署紀錄。
注意:先備份再更新。發現外洩金鑰應先撤銷或輪替,不能只刪程式碼。
檢查點 → 能指出最新備份或可用版本,以及復原路徑。
依影響訪客任務的程度排序,逐項修正,重走同樣操作並比較手機與桌面。
檢查點 → 修正有證據,也沒破壞其他流程。
用 Problem → Evidence → Change → Before/After 呈現;附自查、同儕、AI 建議判斷與安全備份檢查結果。
檢查點 → 每項修改都能追溯證據來源。
05 / UNDERSTAND
SEO 協助搜尋引擎理解內容,也讓讀者找到符合需求的頁面。
把常見問題直接、清楚地回答,讓人與回答型系統更容易理解。
名稱一致、來源可信、段落有層次,能改善生成式系統理解內容的條件;不是保證引用的技巧。
先找出可重現的問題,再改善影響最大的地方;不是只讓畫面更漂亮。
備份與版本提供回復選項,安全檢查則降低問題發生的機會。
你決定哪些 AI 建議符合網站目的,並以重新測試證明改善。
06 / DELIVER
勾選供本次瀏覽自我檢核,重新整理後重設。繳交與期限依 Google Classroom 或學校 LMS 公告。
07 / DEBUG
不用。優先處理阻礙主要任務與可驗證的問題;對不適合的建議,寫出不接受的理由。
08 / KEEP GOING
下一單元:Final Demo Day