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 网站规划」。我们会依企业的资料规模、语言及维护需求，提供适合的建置建议。

(本文为达文西数位科技所有，禁止转载图文)