返回指南列表

設計師作品集的 SEO:讓雇主搜到你,而不是只有你自己找得到

2026年7月31日
黃志宏
SEO / AEO設計與體驗

結論先講

多數作品集網站只有在投履歷時會被打開。

原因很單純:它的文案寫的是「我是誰」,而雇主與客戶搜的是「會什麼的人」。

你寫的別人搜的
「陳小明的作品集」「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 設計系統 接案」的人,正在找一個能做這件事的人。搜尋量小,但每一個都是對的人。

怎麼找自己的具體組合

三個問題:

  1. 你最想接什麼類型的案子?(產業 + 工作類型)
  2. 你用什麼工具或方法做這件事?(技術詞)
  3. 你想接哪裡的案子?(地區,若有地域性)

把三者組合起來,就是你該鎖的詞。


個別作品頁:最被浪費的資源

多數作品集的作品頁只有圖,配一句「品牌識別設計 / 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 助理明確知道「這個網站在描述一個人」,並串起你的名字、職稱、專長與各平台連結。這對建立一致的個人實體有幫助——尤其當你的名字在其他平台也有內容時。

想把這套方法用在自己的團隊?

梵亞行銷提供企業 AI 轉型顧問與內訓服務,從流程盤點、工具選型到落地驗收,陪你把 AI 真正接進日常工作。

了解 AI 轉型顧問服務