ESG網站設計怎麼規劃？企業永續網站架構、內容與建置流程一次看懂

企業準備改版網站時，會議上常有人問：「現在客戶都在談 ESG，我們官網是不是也該加一個永續專區？」

工廠有節能數據，人資有教育訓練和員工福利，管理部手上還有淨灘、捐款及公益活動照片，真的要做成網站時，大家才發現事情沒有想像中簡單：哪些該放首頁？數字要怎麼解釋？永續報告書已經有一百多頁，網站還需要重寫嗎？

網站要做的，就是把分散的內容整理成外部看得懂、內部也能繼續維護的資訊架構，它當然可以有好看的畫面，但不能只靠綠色、葉子、地球和幾張活動照片撐起整個專區。

〈延伸閱讀：台中網頁設計推薦，每家都是10年以上的網站設計公司〉

ESG 是什麼？為什麼做網站的人也要了解？

ESG 分別代表環境保護 Environmental、社會責任 Social 和公司治理 Governance。如果用企業經營的角度來看，E 關心的是能源、碳排、水資源、廢棄物與污染；S 關心員工、職場安全、人權、消費者和社區；G 則涵蓋公司治理、誠信、法規、風險、資訊安全及供應鏈管理。

它和 CSR、SDGs 常被放在一起討論，但三者不完全相同。CSR 比較接近企業如何實踐社會責任；SDGs 是聯合國提出的 17 項永續發展目標；ESG 則進一步要求企業把相關議題放進日常管理，並以政策、行動和數據說明成果。

網站公司為什麼需要懂這些？因為不理解企業實際在管理什麼，就只能按照 E、S、G 三個英文字母排出三個頁面。表面上架構完整，內容卻可能與產業的真正重點無關。

ESG 網站沒有一套選單能讓所有產業直接套用，還是得回頭看這家公司真正面對哪些問題，以製造業來說，外界可能更關心製程能源、用水、廢棄物和職業安全；食品業還會涉及原料、食安與供應鏈；科技公司則可能把人才、資訊安全及能源效率放在前面。

企業改版時，要把 ESG 一起納入？

有些中小企業會覺得，永續報告書是上市櫃公司的工作，和自己的官網改版沒有直接關係。

目前台灣已推動全體上市公司自 2025 年度起編製及申報永續報告書，永續資訊也逐漸往數位化及結構化發展。沒有申報義務的企業，並不代表完全不受影響，只要你的客戶是上市櫃公司、國際品牌或大型供應鏈，就有可能被要求提供碳排、能源、勞動安全、資安與供應鏈管理資料。

企業主可以先想一個很實際的情境：國外客戶收到公司簡介後，接著上網查看官網，想知道工廠有哪些環境認證、是否做過碳盤查、如何管理供應商，結果他只能找到一篇三年前的淨灘新聞和一份中文 PDF，可能公司其實做了很多，只是網站沒有持續更新近況。

這正是 ESG 網站的用途，讓訪客能一目瞭然企業實際做了哪些永續行動，企業之後要更新近況也會更方便。

ESG 網站不是放一份永續報告書就完成

ESG 網站不是放一份永續報告書就完成了，網站和報告書要解決的問題不一樣：報告書負責完整揭露整個永續行動，網站則要讓訪客快速找到自己要的答案。每位訪客想要知道的訊息不同，例如：客戶可能只想確認環境認證、投資人關心治理與年度績效、供應商則在找管理規範，很少有人會想直接下載一份一百多頁的報告來查資料。

因此不建議專區只有一張報告書封面和下載按鈕，手機閱讀不方便，搜尋引擎也不容易充分理解其中內容，報告逐年增加後，使用者還得自己打開不同年度檔案比對數字。比較合理的安排，是把報告書保留為完整依據，再把重要主題、年度數據和執行案例整理成網頁，讀者先在網站掌握重點，需要查證細節時再下載原始文件。

〈延伸閱讀：網頁設計重點在設計內容，不是版型〉

使用者、他想確認的事、網站可以提供什麼比較表

（手機版表格可左右滑動）

ESG 網站要放哪些內容？先別急著照抄 E、S、G

ESG 網站常見的做法，是首頁下面直接分成環境、社會和治理三大區，這個分類沒有錯，但還少了企業自己的經營脈絡。

規劃前應先釐清重大主題，也就是哪些議題和公司的營運影響、產業特性及利害關係人最有關係，不需要為了讓網站看起來豐富，把所有永續名詞都放上去，更重要的是讓人看懂公司選擇了哪些問題、怎麼管理，以及進度到了哪裡。

永續願景不能只有一句口號

「共創美好未來」「攜手邁向淨零」這些話放在哪家公司都成立，也因此很難讓人留下印象。

願景頁應該交代企業為什麼推動永續、永續和產品或營運有何關聯、由誰負責，以及目前訂下哪些短中長期目標，若公司已有明確時程，可以用路徑圖或時間軸呈現，比一大段董事長致詞更容易掌握公司願景。

環境資訊要回到工廠和產品

環境面可以包含碳排、能源、用水、廢棄物、污染防治、再生能源和綠色產品，但不是每一家公司都要用相同篇幅介紹。

例如：高用水製程應該說明用水與回收、高耗能產業則要交代能源效率和減量路徑。淨灘和植樹可以留在活動紀錄，但不該取代企業真正重要的環境管理內容。

社會責任不只是公益照片

社會面最容易被寫成活動集錦，實際上員工安全、人才培訓、人權政策、產品責任、客戶隱私和供應商管理，往往比一次性的公益活動更貼近企業營運。

這一區可以按照員工、消費者、供應商及社區分類，這麼做的好處是，資料負責人清楚，使用者也比較容易找到與自己有關的資訊。

治理資訊嚴肅，但不能藏得太深

公司治理、法規遵循、誠信經營、風險管理和資訊安全，文字確實不如活動照片活潑，卻是企業客戶和投資人會認真查看的內容。

網站可以透過治理組織圖、申訴流程、文件分類和制度摘要降低閱讀負擔，完整辦法仍可提供下載，但頁面上至少要先說明制度處理什麼問題，以及外部如何聯繫。

數字要能比較，才看得出進步

網站上的數字不能只求大、求醒目，看到「節省 30%」時，使用者還會想知道：和哪一年相比？涵蓋哪個廠區？計算單位是什麼？是否經過查證？

年度碳排、用電、用水、廢棄物、職災、員工受訓與供應商稽核，都適合用圖表呈現。不過年度、範圍、單位與計算方式要一起放上去，資料若有更改，也應保留說明，而不是默默換掉數字。

報告書和證書要整理，不要全部堆在一起

永續報告書、碳盤查、查證聲明、公司治理文件、人權政策與環境認證，最好按照年度及類型分類，並標示語言、檔案大小和涵蓋範圍。

這看似只是下載區的小細節，訪客實際瀏覽網站時就會差很多，尤其文件逐年增加後，沒有分類的頁面很快就會變成檔案倉庫。

永續網站不一定要長得很「綠」

搜尋 ESG 網站案例，很容易看到綠色漸層、森林、嫩芽、地球和循環箭頭，這些視覺用得太多，網站會失去企業本身的樣子。

製造業可以從設備、材料、工廠環境與產品應用發展設計；食品品牌可以談產地、原料與食安；科技公司則可從創新、人才和能源效率切入。永續內容仍屬於企業品牌，沒必要突然換成另一套不相干的形象。

圖表、時間軸、重大性矩陣、治理組織圖和實際廠區照片，通常比裝飾性的樹葉更有說服力，畫面好看固然重要，但它應該幫助訪客理解資訊，而不是掩飾內容還沒準備好。

〈延伸閱讀：網頁設計，美感與技術的內化〉

ESG 網站好不好用，就看這些基本功

有些網站在電腦上很有氣勢，到了手機就只剩密密麻麻的圖表，也有網站首頁放了高畫質影片和大量動畫，視覺很漂亮，打開速度卻慢得讓人直接離開。

ESG 網站仍然要回到一般網站的基本要求：手機閱讀順暢、載入速度合理、文字和背景有足夠對比、圖片有替代文字(img alt)，表單與下載功能也要正常運作，若網站設有利害關係人問卷、申訴或檢舉管道，還要進一步處理個資、權限與傳輸安全。

SEO 也不能等網站做好才補，碳管理、供應鏈、職場安全、公司治理和人才永續，本身就是企業可能被搜尋的題目，頁面需要清楚的標題、網址、文字內容及內部連結，如果所有資訊都做成圖片或只存在 PDF 裡，搜尋引擎能理解的內容會少很多。

〈延伸閱讀：SEO是什麼？SEO行銷初學者必看！〉

ESG 專區放官網就好，還是獨立建站？

這沒有標準答案，也不是規模越大越專業。如果現階段只有政策、幾項行動和年度報告，先在官網建立永續專區比較實際，等到內容增加到多個廠區、子公司、語言與年度指標，再評估獨立網站也不遲。

最怕的是看到大企業有獨立 ESG 官網，就跟著做一個同樣規模的架構，結果內部沒有資料也沒有人維護，選單看起來很完整，點進去卻是空頁或兩年前的消息，反而讓人懷疑公司的執行狀況。

官網ESG專區 V.S. ESG獨立網站比較表

（手機版表格可左右滑動）

ESG 網站實際怎麼做？

先把人和目的講清楚

網站主要要給誰看？是國際客戶、投資人、供應商、求職者，還是評鑑單位？企業最希望對方看完後理解什麼？

這兩個問題會影響首頁先放減碳成果、供應鏈政策，還是人才與治理。沒有先確認受眾，後面很容易變成各部門都要求自己的資料放首頁。

請各部門把手上的資料攤開來

ESG 通常不是行銷部一個人的工作，管理、工廠、人資、財務、資訊和高階主管都可能握有一部分資料。

盤點時除了收集政策、數據、報告和照片，也要標出資料年度、公開限制及負責窗口，網站公司能協助整理與轉譯，但不能替企業創造不存在的績效，數字的定義、公開範圍及查證狀態，仍要由企業確認。

排出內容優先順序

資料收齊後，不是全部塞進選單，應先找出與產業、客戶和營運影響最相關的重大主題，再決定哪些內容放首頁、哪些做成獨立頁面、哪些保留在文件下載區。

網站架構確認後，再談畫面

選單、頁面清單、內容關係、報告分類、多語需求和後台權限，最好在設計前先確認，如果一開始只討論首頁要放哪張照片，後面一定會一直改，因為真正困難的資訊問題還沒有處理。

把制度和數據變成能閱讀的內容

政策文件不適合整段貼上網頁，年度數字也不能只做成漂亮的大字，需要根據閱讀情境重新整理，搭配圖表、時間軸、案例照片與原始文件，讓使用者看得到重點，也找得到依據。

上線前讓資料負責人確認

政策名稱、年度數字、認證、減量目標及法規相關內容，都應由負責部門確認，英文或其他語言版本也要同步核對，不能只確認中文頁面。

上線後要有人繼續管

網站做完後，最好直接約定哪些資料每季更新、哪些一年更新一次、報告書由誰上傳、數字由誰覆核，多語網站還要確認翻譯和發布流程。

沒有這套制度，再漂亮的 ESG 網站，兩年後也可能只剩過期資料。

資料不完整，可以先找網站公司嗎？

可以，而且通常越早討論越好。企業不需要等永續報告書全部完成，才開始想網站，先準備現有官網、永續政策、報告書、認證、可公開數據及活動照片，就能進行第一輪盤點。

網站架構先確定後，也比較容易看出還缺哪些資料。資料不足的部分，可以列為第二階段。比起等到所有事情都完美才開始，分階段上線更符合多數企業的實際狀況。

可以先準備的內容：

• 公司方向：永續願景、政策、推動組織與聯絡窗口
• 環境：能源、碳排、用水、廢棄物與改善成果
• 社會：員工、職安、培訓、人權、客戶與公益資料
• 治理：誠信、法遵、風險、資安與供應鏈制度
• 績效：目標值、實際值、年度、單位及涵蓋範圍
• 文件：報告書、政策、證書與查證聲明
• 素材：廠區、產品、員工與執行現場照片
• 網站需求：語言、權限、表單、搜尋及下載功能

ESG 網站怎麼避免變成漂綠？

只有願景沒有行動、宣稱減碳卻沒說範圍、拿一次公益活動代表長期策略，或使用「零污染」「完全環保」等無法證明的說法，都可能傷害信任。即使數字是真的，沒有標明年度、單位和比較基準，也容易造成誤解。

ESG 網站不能保證企業提高評分，也不能取代永續顧問、會計師、查證機構或企業內部管理，網站公司的工作，是把企業已確認的制度、行動與成果整理清楚，並留下可以持續補充和更新的架構。

目前只做到第一步也沒有關係，把現況、限制和下一個目標說明白，比寫滿漂亮口號更加可信。

達文西如何協助企業規劃 ESG 網站？

ESG 網站不是多做幾張網頁而已，它同時牽涉企業內容、品牌形象、使用者動線、後台管理、SEO、網站速度與資訊安全。

達文西在前期會先看企業現有官網和手上的 ESG 資料，確認主要受眾、內容規模與內部維護方式，再決定適合做官網專區、整站改版，還是獨立建置。

規劃範圍可以包含 E、S、G 與重大主題架構、頁面層級、年度數據、圖表、報告下載、多語版本、RWD、後台欄位、SEO、代管及資安需求。這些項目不一定是一次全部製作，仍要看企業目前的資料量、時程與預算。

我們在意的是 ESG 網站上線後能不能使用、能不能更新、在兩三年後繼續擴充。

〈網頁設計服務：客製、套版網頁設計介紹〉

ESG 網站常見問題

Q1. 中小企業也需要做 ESG 網站嗎？

不一定要直接製作大型獨立網站。不過若企業位於上市櫃公司或國際品牌的供應鏈，客戶可能逐漸要求提供環境、勞動、治理或碳排資料。這類企業可以先從官網永續專區開始，資料增加後再擴充。

Q2. 已有永續報告書，還要另外做 ESG 網站嗎？

兩者用途不同，報告書是完整揭露整個永續行為，網站可以整理重點，再連回完整報告書供訪客查閱。

Q3. ESG 網站應該獨立建站嗎？

內容不多時，放在原官網比較容易管理，若涉及多個廠區、子公司、語言、年度數據及大量文件，再考慮獨立網站會比較合理。

Q4. 公司資料不完整，可以先開始嗎？

可以。先盤點現有資料和網站架構，反而更容易發現缺口，先將已確認的內容可以先上線，其他項目排進後續更新計畫。

Q5. 建置 ESG 網站能提高評分嗎？

不能保證。評估仍會回到企業的制度、行動、績效與資料可信度，網站能做的是改善資訊透明度、查找效率及更新管理，讓企業成果被更清楚地理解。

結論

企業做過多少永續工作是一回事，外界能不能找到、看懂並且相信，又是另一回事。一個有用的 ESG 網站，會把企業的承諾接到實際行動，再用年度數據和文件留下依據，客戶不必四處問資料，員工知道公司在做什麼，管理者也有一套可以持續更新的架構。

如果近期正準備改版，建議把 ESG 一起放進網站規劃，等新版官網全部完成後才追加，常會遇到選單放不下、後台欄位不足、圖表難以更新或多語內容無法同步等問題。手上的資料還不完整也沒關係，可以先提供目前官網、產業、永續報告書、政策文件及預計公開的內容，讓我們一起確認哪些適合先做，哪些留在後續階段。

如果你正在規劃企業網站改版、ESG 永續專區或獨立永續網站，歡迎填寫達文西網站需求詢問單，並在需求描述中註明「ESG 網站規劃」。我們會依企業的資料規模、語言及維護需求，提供適合的建置建議。

(本文為達文西數位科技所有，禁止轉載圖文)