企业官网建设流程全解析

• 数据集

本指南以 src/companies/telerik.md 这份公司档案为样本，剖析 Remote In Tech（remoteintech.company）社区维护的远程友好科技公司目录中，一条企业记录从 frontmatter 数据到最终页面的完整链路。读完你将掌握公司档案的字段语义、合法取值、渲染机制与远程政策分类方法，并能独立为其他企业撰写符合目录规范的档案。

档案数据源：Telerik 的公司画像

remoteintech.company 是一个社区维护的远程友好科技公司目录，其源码仓库将每一家公司记录为一个 Markdown 文件，存放在 src/companies/ 目录下。Telerik 档案位于 src/companies/telerik.md，文件由两部分组成：以---分隔的 YAML frontmatter（结构化数据）与 Markdown 正文（人类可读描述）。

frontmatter：机器可读的结构化字段

Telerik 档案的 frontmatter 完整定义了该公司的元信息：

--- title: "Telerik" slug: telerik website: https://www.telerik.com/ careers_url: https://www.progress.com/company/careers region: americas-europe remote_policy: remote-friendly company_size: enterprise technologies: - dotnet - javascript addedAt: 2018-04-24 updatedAt: 2020-11-02 ---

各字段的语义与约束，可在 CONTRIBUTING.md 的「Frontmatter Template」与「Valid Field Values」小节找到权威定义：

其中region、remote_policy、company_size、technologies均为受控枚举。技术标签的完整合法集合定义在 src/_data/labels.js 的tech映射中，包括javascript、typescript、react、nodejs、python、dotnet、cloud、mobile、ml等 24 项。Telerik 档案选择了dotnet（.NET）与javascript（JavaScript）两个标签，恰好对应其 "founded in 2002 as a company focused on .NET development tools" 的出身以及如今跨 Web 前端技术栈的布局。

正文：人类可读的档案段落

frontmatter 之后是若干##二级标题构成的正文段落。根据 CONTRIBUTING.md，## Company blurb、## Remote status、## How to apply是必需段落，## Company size、## Region、## Company technologies为常用可选段落。Telerik 档案逐段覆盖：

Company blurb：交代公司定位——一家保加利亚公司，提供 Web、移动与桌面应用开发工具，以及跨平台应用开发的订阅服务；2002 年以 .NET 开发工具起家，后扩展为 Web、混合与原生应用开发平台。并记录了关键并购时间线：2014 年 10 月 22 日 Progress Software 宣布收购，2014 年 12 月 1 日完成交割。

Company size：说明被 Progress 收购后，作为母公司体系一员，Progress 在全球拥有 1001–5000 名员工，对应 frontmatter 中company_size: enterprise（1000+ 员工档）的数据来源。

Remote status：这是远程求职者最关注的一节。Telerik 提供弹性工作制与远程办公设施，团队通过 Slack 与 GitHub 进行沟通协作——这也解释了为何它被归入remote_policy: remote-friendly（远程友好，而非 fully-remote/remote-first/hybrid）。

Region：标明招聘区域覆盖北美、欧洲、亚洲、大洋洲；frontmatter 中region: americas-europe是americas-europe（美洲与欧洲）这一规范化取值，其显示文案定义在 src/_data/labels.js 的region映射中。

Company technologies：列出 JavaScript、.NET、React、Angular、jQuery、Vue 等具体技术栈，是对 frontmatter 中两个受控技术标签的补充细节。

Office locations：总部位于保加利亚索非亚 Mladost，其他办公地点分布于美国、澳大利亚、德国、印度、丹麦与英国。

How to apply：引导求职者访问 Progress 的招聘页（即 frontmatter 中的careers_url），获取更多信息与开放职位。

数据如何变成页面：渲染链路与源码佐证

档案文件本身只是数据源，最终页面由 Eleventy 构建系统渲染。理解这条链路，有助于判断档案中每个字段的真实消费方式。

布局与 schema

src/companies/companies.json 为目录下所有公司档案指定了layout: company，因此 Telerik 档案交由 src/_layouts/company.njk 渲染。该布局：

• 使用{{ title }}渲染 H1 标题，并通过careers_url or website决定主按钮文案（有 careers_url 显示 "Apply Now"，否则 "Visit Website"），Telerik 档案两者兼备，按钮会直达 Progress 招聘页；
• 将region、remote_policy渲染为指向/browse/{region}/、/browse/{remote_policy}/的分类标签链接；
• 将technologies列表渲染为指向/browse/{tech}/的 "Tech Stack" 标签组；
• 在页脚展示updatedAt经formatDate('MMMM D, YYYY')格式化后的 "Last updated" 时间。

此外，布局声明schema: Organization，对应 src/_includes/schemas/Organization.njk 输出的 JSON-LD 结构化数据：以title为组织名、website为 url，并将careers_url写入sameAs，帮助搜索引擎理解该档案的实体关系。

元描述自动生成

src/companies/companies.11tydata.js 为每家公司自动计算description元描述：优先匹配## Company blurb段落，剥离 Markdown 链接语法与符号后截断至约 155 字符。Telerik 档案的 blurb 若超长会被智能截断——优先在句号边界截断，否则回退到最后一个空格。这意味着维护者无需手写 meta description，档案质量直接决定 SEO 描述质量。

归档与浏览集合

src/_config/collections.js 通过getFilteredByGlob('./src/companies/**/*.md')收集全部公司档案，并提供多种消费视角：getAllCompanies按标题字母序排列全量目录；getCompaniesByRegion按region字段分组（Telerik 归入 americas-europe 组）；getCompaniesByTech按technologies数组展开分组（Telerik 同时出现在 dotnet 与 javascript 两个技术分组）；getRecentCompanies则按addedAt倒序取最近 12 家。标签文案统一来自 src/_data/labels.js 这一"单一事实来源"，经 src/_data/companyHelpers.js 供 JS 侧与 Nunjucks 模板共用。

从 Telerik 档案反推目录的收录标准

CONTRIBUTING.md 还明确了目录的收录门槛，理解它们能帮助你判断 Telerik 这类档案为何合格：公司必须直接雇佣员工（不接受中介/自由职业平台代挂职位）、提供可远程完成的真实岗位（纯佣金或独立承包销售不计）、属于科技行业或相关领域，且careers_url须指向公司自有招聘页。Telerik 档案满足全部条件：它是一家拥有数千员工的科技企业，通过母公司 Progress 的自有招聘页开放职位，并在 "Remote status" 中明确宣称远程设施与弹性工时——这是 "remote-friendly" 政策标签的直接证据。

如何复用这套档案模板

若你想为其他公司撰写档案或贡献新条目，可按 CONTRIBUTING.md 的流程操作：

1. 在src/companies/下新建{slug}.md，slug 必须与 frontmatter 中的slug一致；
2. 按上述模板填写 frontmatter（addedAt/updatedAt留给维护者）；
3. 正文至少包含## Company blurb、## Remote status、## How to apply三个必需段落；
4. 运行npm run build（需 Node.js 22+，参见 README.md）验证构建，随后提交 PR，由 Validate Company Profiles 机器人自动校验并反馈问题。

以 Telerik 档案为参照系，一条合格的远程友好公司记录 = 受控枚举的 frontmatter 数据（供分类归档与 SEO 结构化数据消费）+ 结构化的 Markdown 正文（供求职者阅读）。这份档案既是 Telerik/Progress 的远程工作画像，也是整个目录数据模型一个可复用的最佳实践样本。

• 数据集