結論先講
多數作品集網站只有在投履歷時會被打開。
原因很單純:它的文案寫的是「我是誰」,而雇主與客戶搜的是「會什麼的人」。
| 你寫的 | 別人搜的 |
|---|---|
| 「陳小明的作品集」 | 「Figma 設計系統 接案」 |
| 「熱愛設計的視覺工作者」 | 「電商 網頁改版 設計師」 |
| 「About Me」 | 「UI 設計師 作品集 台中」 |
修正這件事只需要改三個頁面,一個下午的工作量。
該優化的三個頁面
| 頁面 | 誰會搜到這裡 | 要回答什麼 |
|---|---|---|
| 首頁 | 搜你的名字 | 你是誰、會什麼 |
| About | 搜「某種能力的人」 | 你能解決什麼問題 |
| 個別作品頁 | 搜具體的技術或產業 | 你做過什麼、怎麼做的 |
多數人只做首頁,而 About 與作品頁才是搜尋流量真正會落地的地方。
About 頁面:前三行決定一切
常見的寫法
我是陳小明,一位熱愛設計的視覺工作者。從小就對美的事物充滿好奇,大學時期主修視覺傳達設計,畢業後投入業界至今…
問題不是寫得不好,是前三行沒有回答任何人在找的問題。
改寫後
我是陳小明,UI/UX 設計師,專注在電商網站改版與設計系統建置。
過去三年幫五家中小型電商重新設計購物流程,其中兩家的結帳完成率有明顯改善。
熟悉 Figma、設計系統維護、與前端協作的交付流程。
差別在哪
| 改前 | 改後 | |
|---|---|---|
| 身分 | 「視覺工作者」(模糊) | 「UI/UX 設計師」(可被搜尋的職稱) |
| 專長 | 沒說 | 電商改版、設計系統 |
| 證據 | 沒有 | 三年、五家、具體改善 |
| 工具 | 沒說 | Figma、設計系統、前端協作 |
故事可以留,但放在後面。 前三行是給還在決定要不要繼續讀的人看的。
一組可以直接用的 Prompt
我是一位 [你的職稱,例如 UI 設計師],
擅長 [你的技能,例如 Figma、設計系統、RWD]。
請幫我優化作品集網站的 About 頁面,
讓雇主或客戶搜尋 [你想被搜尋到的關鍵字] 時更容易找到我。
要求:
1. 前三行要回答「我是什麼人、會什麼、幫誰解決什麼問題」
2. 自然帶入關鍵字,不要堆砌
3. 給我 3 個版本,語氣分別是:專業穩重/親切好合作/擅長解決難題
4. 每個版本控制在 150 字以內
要求三個不同語氣的版本很重要。 你會發現自己對其中一種有明顯偏好——那通常就是你真正想給人的印象,而你可能從來沒有明確想過這件事。
關鍵字策略:不要跟人力平台搶通用詞
這是個人品牌 SEO 跟公司網站最大的差別。
| 別鎖 | 該鎖 | |
|---|---|---|
| 範例 | 「UI 設計師」 | 「Figma 設計系統 接案」 |
| 範例 | 「網頁設計」 | 「電商 結帳流程 改版」 |
| 範例 | 「平面設計」 | 「餐飲 品牌識別 設計 台中」 |
理由:通用詞的競爭對手是各大人力平台與媒體,你贏不了。
而具體組合的搜尋者意圖明確——會搜「Figma 設計系統 接案」的人,正在找一個能做這件事的人。搜尋量小,但每一個都是對的人。
怎麼找自己的具體組合
三個問題:
- 你最想接什麼類型的案子?(產業 + 工作類型)
- 你用什麼工具或方法做這件事?(技術詞)
- 你想接哪裡的案子?(地區,若有地域性)
把三者組合起來,就是你該鎖的詞。
個別作品頁:最被浪費的資源
多數作品集的作品頁只有圖,配一句「品牌識別設計 / 2025」。
這種頁面沒有任何可被搜尋的內容。
每個作品頁該有的五段
| 段落 | 寫什麼 | 為什麼 |
|---|---|---|
| 問題 | 客戶原本遇到什麼狀況 | 這一段含最多可搜尋的詞 |
| 做法 | 你怎麼處理、用了什麼工具 | 技術關鍵字在這裡 |
| 決策 | 為什麼這樣選,不那樣選 | 這段展現的是判斷力,不是技法 |
| 結果 | 可講的成效 | 證據 |
| 圖 | 過程與成果 | 記得寫替代文字 |
第三段是最少人寫、但最能區分能力的一段。 圖只能證明你會做,「為什麼這樣做」才證明你懂。
三個技術細節
一、圖片是作品集最大的效能問題
設計師傾向放高解析大圖,一頁十幾張就變成十幾 MB。
- 列表頁只放壓縮過的縮圖,點進去才載入大圖
- 每個圖片容器鎖定長寬比,避免載入時版面跳動
- 首屏主圖優先載入,其餘延遲載入
二、替代文字要描述作品,不是塞關鍵字
弱:alt="UI設計 網頁設計 設計師作品"
強:alt="電商結帳頁改版後的三步驟流程,左側為進度指示"
後者對搜尋引擎與螢幕閱讀器都更有用。
三、放一個 Person 結構化標記
它讓搜尋引擎與 AI 助理明確知道「這個網站在描述一個人」,並把你的名字、職稱、專長與各平台連結串在一起:
{
"@context": "https://schema.org",
"@type": "Person",
"name": "陳小明",
"jobTitle": "UI/UX 設計師",
"knowsAbout": ["設計系統", "電商使用者體驗", "Figma"],
"url": "https://example.com",
"sameAs": [
"https://www.linkedin.com/in/...",
"https://github.com/..."
]
}
sameAs 這個欄位特別有用——它告訴機器「這些帳號都是同一個人」,把你散落在各平台的內容收攏成一個實體。
一個檢驗方法
改完之後,做這個測試:
把你的 About 頁前三行,貼給一個不認識你的人(或一個 AI),問:「這個人能幫我做什麼?」
如果對方答不出來,或答得很模糊,代表還沒改好。
答得出來,你的 SEO 就成了八成——因為搜尋引擎和 AI 判斷「這一頁在講什麼」的方式,跟人差不多。
常見問題
作品集網站真的需要做 SEO 嗎?我都是主動投履歷。
如果你只打算一直主動投履歷,那不需要。但被搜到帶來的是另一類機會:接案詢問、獵才主動聯繫、合作邀約——那些都是你不會知道自己錯過了的。做 SEO 的成本大約是改三個頁面的文案,一個下午的事,之後長期有效。
About 頁面該寫多長?
重點不是長度,是前三行。前三行要能回答「你是什麼人、會什麼、幫誰解決什麼問題」,這三件事講完再展開故事。多數作品集的 About 頁把前三行花在出生地與興趣上,那些內容應該在後面,不是開頭。
個人品牌 SEO 和公司網站 SEO 有什麼不同?
最大差別是關鍵字策略。公司網站競爭的是產業通用詞,個人品牌反而該鎖定較長、較具體的組合,例如「Figma 設計系統 接案」而非「UI 設計師」。原因是通用詞的競爭對手是各大人力平台與媒體,你贏不了;而具體組合的搜尋者意圖明確,通常正是你要找的人。
作品集頁面的圖片很多,會不會拖慢速度反而扣分?
會,而且作品集是最容易出這個問題的網站類型。設計師傾向放高解析大圖,一頁十幾張就變成十幾 MB。務實做法是列表頁只放壓縮過的縮圖、點進去才載入大圖,並確認每個圖片容器都鎖定了長寬比,避免載入時版面跳動。
個人網站需要放結構化資料嗎?
值得放一個 Person 類型的標記。它讓搜尋引擎與 AI 助理明確知道「這個網站在描述一個人」,並串起你的名字、職稱、專長與各平台連結。這對建立一致的個人實體有幫助——尤其當你的名字在其他平台也有內容時。