關於我們範例:如何設計關於頁面?4 個一定要具備的元素

最後更新時間:2025-12-21,由 Dean 更新 Not By AI

關於我頁面對一個網站來說非常重要,如果你有參考過其他網頁設計範例,你會發現關於頁面除了能向第一次來到網站的讀者介紹你自己外,也能用於來向廠商提案的介紹,呈現的內容需要「有目的」去規劃。

這篇文章將會與你分享,對於製作一個關於頁面,會需要具備的元素,以及要特別注意的部分。希望你看完這篇文章後,也能夠幫助你新增或更新你網站中的關於我頁面。

為什麼需要關於我們?要達到什麼目的?

如先前在《網頁設計教學》中提到,在設計時,需要先去理解:「頁面要達成什麼目的?」

當將目的確認後,在設計時,就能夠比較知道需要哪些元素。以下進行剖析。

#1 讓人快速認識

當別人進到自己的網站,閱讀完我們撰寫的文章後,如果想要更了解作者是誰 (或是這個網站是在做什麼),通常都會直接進入「關於我頁面」去了解,算是能更快速地認識你。

所以關於我頁面的存在,就很像是你在實體聚會活動中遞出的那張名片,目的是讓對方比較快速地去了解你是在什麼領域?做什麼業務的?客群是誰?以利未來的合作。

當然,如果是企業網站,你的關於頁面還可以讓人去了解你的:專業背景、核心價值觀、服務理念、業務性質、服務範圍、合作夥伴等資訊。

#2 增加網站信任

試想,如果有個網站完全不知道內容是誰寫的,跟另外一個網站能夠知道內容是誰寫的,讀者對於哪個內容的信任度會比較高?我相信是後者,尤其如果作者本人可能又是領域中有一定權威的人物。

另外,如果是以 SEO 的角度來看,在《Google 搜尋品質指南》中就有明確提及 E-E-A-T 非常重要,其中的 T 代表 Trustworthiness,也就是「信任度」。

所以其實建立一個關於我頁面,除了對於網站或品牌來說是一種信任度的展現,對於搜尋引擎來說,也會是一個值得信任的訊號,間接讓文章有好排名。

#3 方便廠商聯絡

若廠商想要找你進行業配合作聯盟行銷,一定會想要先知道你適不適合,所以很大的機率會去看你的關於我頁面。你也可以在找廠商合作時,利用關於我頁面來介紹自己,這樣既省時又省力。

而當廠商覺得你很適合合作,也可以直接利用關於我頁面中提供的聯絡方式聯繫你,進行後續的討論。

小結:需滿足哪些需求?

從以上幾點,我們可以去進行倒推,會知道其實一般會想看關於我們頁面的訪客,就是兩種需求:

  • 單純想進一步知道你是誰的人:就是基於一種好奇,想知道你是何方神聖,所以這時候他的需求就是【認識】,那我們要提供的,就是「我們想要給人認識的自己」的資訊 (不見得是真實的自己,就像你初次見面自我介紹應該不會把你的缺點全說出來吧)。
  • 想知道適不適合與你合作的人:這種人通常帶有商業目的,對部落格創作者來說很大機率就是想找合作的廠商,所以他們當下的需求會是【判斷】與【聯絡】,那我們要提供的,就是足夠讓他們判斷出有沒有商業價值的資訊,以及聯絡方式。

在下一段中,我將把這幾個大需求,拆成不同的元素,並且換成相對應問句,讓你可以去思考看看你可以怎麼去呈現,一步步完成你的關於我頁面。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

關於我們範例:需要具備哪些元素?

以下列出四種我認為關於頁面需具備的元素,次序有按照文案邏輯排過,建議照順序去規劃內容。

#1 網站/品牌宗旨

跟自我介紹一樣,第一印象總是最重要的,所以在關於我頁面的一開頭,建議直接帶出你網站/品牌的宗旨,你可以用一句標語,或是一段話來帶出。

如果你不知道自己的品牌宗旨,或知道但不知道怎麼去寫,那你先問問自己:

  • 我的網站/品牌服務的是哪群人?
  • 我的網站/品牌可以幫助你什麼?

其實你只要能夠回答以上兩個問題,那你其實對於自己品牌就有一定掌握度 (至少你知道你經營網站是為了什麼),如果你自認文案能力不好,那你直接把你的回答寫上去就行,反而會帶出一種真誠感。

#2 個人/團隊介紹

個人介紹可以算是整個頁面的核心,但這邊不是要你寫一堆有的沒的,你要針對前面我們提到的【認識】需求去建製內容,也就是要讓人快速認識你這個人。

所以,你可以問問自己:

  • 我是一個怎麼樣的人?:你可以用簡單的形容詞來形容自己,例如:內向/外向,主要是讓人能夠快速地先把你歸類到某個族群中。
  • 我的價值觀以及喜好?:你需要表明你的價值觀,尤其如果你是經營個人品牌網站,表明個人喜好也是一種篩選讀者的過程。像我比起團隊合作,更偏好一人公司的型態,所以我在頁面上就會說明這一點,也讓未來讀者在讀內容時,會有一個背景立場的底 (就像是看書時會先了解作者背影)。
  • 我有哪些過往的經歷?:這段主要是輔佐說明你的價值觀,所以你要提到的是你個人的經歷,不是你網站的經歷。像是你就可以說說是什麼讓自己愛上寫作,開始經營這個部落格的。

當然,以上的幾個問句我認為是基本,你可以再根據你的情況去增加或刪解介紹資訊。

而如果你的網站不是只有你一個人經營,而是一整個團隊的話,那就需要將你團隊的每個人都列出來,但介紹內容可能就不會那麼多,可能就是:

  • 個人照片
  • 名字/暱稱
  • 職稱 (如果有的話)
  • 簡單介紹個性或喜好

#3 網站/品牌記事(里程碑)

還記得前面提到的需求中,有關於廠商的【判斷】嗎?

要讓對方判斷商業價值的一個方式,就是列出你的網站/品牌記事,也可以說你的成長里程碑。

最常見的會像是:

  • 曾做過哪些事情?:你在經營路上,可能會參加一些活動,也可能會收到一些演講邀約;又或是你曾經做了什麼大型的企劃,獲得了怎麼樣的成果?這些都是可以紀錄下來的。
  • 達成了哪些目標?:當你網站完成某個目標時,就可以紀錄下來。像是:流量到達多少?文章數量到多少?關鍵字排名?文章成功投稿到哪些大媒體?基本上這部分就是展現你網站價值的重點,可以好好整理列出。
  • 獲得過哪些獎項?:相信在你的領域中,一定會有相關的獎項,也可以將它紀錄下來。

網站/品牌記事方式有很多種,你可以抓幾個重點寫進文案中,或是也可以直接用流程視覺圖呈現,把所有大小事按照日期時間紀錄上去,這種呈現起來其實蠻專業的。

#4 聯繫方式及規則(或其他行動呼籲)

關於我頁面還有一個很大的需求點,就是【聯絡】,一定要讓對方可以聯絡到你。

有很多種呈現方式:

  • 留下你的聯絡信箱
  • 製作一個聯絡表單
  • 連結到網站聯絡頁

而根據經驗,我會建議你要把你的聯絡規則說明清楚,也建議要開啟 Google reCAPTCHA 過濾掉垃圾郵件,不然你一定會常常收到垃圾郵件。

像是你可以註明:

  • 此信箱僅用於內容勘誤提醒及商業提案。
  • 只收商業合作信件,不回應任何個人問題。
  • 內容僅為心得體驗,個人使用問題請聯絡官方。

最後,如果你除了聯絡以外,還希望訪客可以做什麼事的話 (像是:購買你的產品、到粉絲頁按讚等),那你就需要設定額外的行動呼籲 (Call To Action),來完成你的目的。

DR.DEAN LOGO
自架一個能提升
200%
諮詢量的網站
自架一個能提升200 諮詢量的網站書本

建立關於我們頁面要注意的事情?

#1 內容簡潔畫面深刻

關於我頁面不是文章,所以不用寫的落落長,鉅細靡遺,反而要讓你的內容更簡短,方便讀者能夠馬上認識你。就像是你在跟別人自我介紹時,也不會講個一兩個小時吧?

要做到「講重點」,你可以在寫文案前,先想想你想要傳遞給讀者哪些關鍵字?也就是看完這個頁面後讀者會記住你的標籤,接著就以那幾個關鍵字去進行文案規劃。

而通常我們也不是只有打個一兩行的文字,那樣會顯得太空虛,所以這時候你的頁面設計就非常重要,需要讓整個外觀呈現出來是一種質感與內涵,像可能會利用你的品牌主視覺去做區塊規劃。

如果你覺得網頁設計太難,我建議你可以直接利用像是 Fiverr 這樣的外包平台,找到合適的設計師,告訴他你的需求,請他幫你進行設計;當然,你也可以直接利用一些外掛的套版去進行調整。

#2 至少擺上一張照片

雖然知道很多文字創作者,個性可能都比較內向,但還是會建議至少在關於我頁面中,放上一張你本人的照片。因為比起冰冷的文字,讓讀者知道你是一個有血有肉的人,在信任度上一定是增加的。

你不見得要花大錢去拍形象照,有時候簡單的生活照,也是個不錯的選擇。或是還有一招,就是你可以去參加聚會,然後爭取發言機會,請你朋友或一旁的攝影師幫你側拍,這種照片還蠻不錯的。

再不然,如果你真的真的無法接受讓人知道你長怎樣,那你可以用像是 Toonme 這種軟體,去製作一個跟你長得差不多的人頭像,來當作你頁面上的照片,也算是有些溫度。

關於我們範例:放上個人相片

#3 頁面擺放到明顯處

這一點我覺得是最常有人會沒有注意到的部分,也就是他們的關於我頁面好不容易建立好,結果卻忘了放到網站中明顯的位置,也就導致想要深入認識你的人,找不到更多資訊。

我建議,關於頁面可以放到網站最上方的清單列中,或是底部的選單,甚至可以直接在靜態首頁上,簡單打一段介紹,然後附上一個按鈕「了解更多本站資訊」(尤其你網站是提供服務的更需要)。

關於我們連結放置位置

關於我們頁面設計常見問題

一定要有關於我頁面嗎?

關於我頁面不是一定需要放的,它不像是隱私權政策頁面是法規需要。

但如果有了關於我頁面,除了可以讓人更快了解你是誰、增加網站及品牌信任度,更便於瀏覽者評估要不要跟你合作;另外,Google 在判斷你這個網站在做什麼時,也會去抓關於頁面的資料,對 SEO 也會有正向幫助。

總之,會非常建議每個網站都要製作一個關於我頁面。

關於我頁面該如何製作?

如果你是用 WordPress 自己架站,那麼你可以直接新增一個普通頁面,利用區塊編輯器進行編輯;不然也可以使用像是 Elementor 這類型的頁面編輯器,可以參考我之前寫的 Elementor 教學文

處方箋
限量
領取

我們致力於協助專業工作者打造品牌。
8 年實務經驗,精煉出這些《處方箋》,
想在你卡住時,給你一些有用的方向。

自架一個能提升200 諮詢量的網站
專業工作者 5 階段封面 數位工具導航包 1
專業服務者的 5 種網站商業模式拆解
品牌視角內容策略專業工作者必學系統化方法
DR.DEAN LOGO
文章目錄
返回頂端
自架一個能提升
200%
諮詢量的網站