企业网站

企业官网往往是认真的买家最先查看的东西。我们打造您网站的方式,与产品公司打造自家产品别无二致: 为您的品牌从一张白纸开始设计,编译为静态 HTML,部署在全球边缘网络,在每种视口尺寸下测试,并以便于被搜索发现的方式撰写内容。

启动项目

或发送邮件至 [email protected]

渲染方式

静态 HTML,没有运行时服务器

分发方式

Cloudflare 全球边缘网络

无障碍

WCAG 2.2 AA 标准,逐页验证

语言

覆盖您所有的目标市场语言

追踪脚本

默认不加载第三方脚本

托管服务

我们负责托管运营,按月付费

交付内容

Whitewater 打造的网站包含什么

每个项目交付的核心内容都是一致的。设计和文案因客户而异,但工程标准不会降低。

01

一套为您的品牌打造的设计系统

如果您已经拥有品牌,我们的设计就从那里开始。标志、色板、品牌规范、已获得授权的字体:我们会从现有的一切出发,将其扩展为网站真正需要、而品牌手册往往未曾涵盖的部分,比如完整的字号体系、间距节奏、布局网格、每个交互元素应有的状态,以及一套与品牌相称而非相互冲突的深色配色方案。如果目前还没有品牌体系,我们就从一张白纸开始设计。

无论哪种情况,最终成果都是专为您撰写、以代码形式提交的设计:没有主题模板,没有建站工具,也不会把上一个项目的组件库直接搬过来。这也是为什么我们做的任何两个网站看起来都不会一样。

深色配色方案与浅色方案是同步设计的,而不是最后简单反色处理,所以手机开启深色模式的访客看到的也是经过精心设计的页面,而不是一个褪色的版本。

02

为买家真实的搜索意图撰写页面

每种搜索意图对应一个独立页面,使用您目标市场惯用的措辞。标题用来回答问题,而不是充当装饰,内部链接也让页面层级对读者和搜索引擎爬虫都一目了然。内容单薄的页面既排不上名次也无法转化,因此每个页面都会承载它该有的信息量,恰到好处,不多不少。

03

真正能送达的联系渠道

表单是纯 HTML,提交到同一域名下的无服务器端点。它由 Cloudflare Turnstile 人机验证、隐藏蜜罐字段和填写耗时检测三重保护,并从已验证的发信域名发出,确保线索能进入收件箱,而不是被归入垃圾邮件。

如果提交被拒绝,访客看到的会是如实的错误提示和一个邮箱地址,而不是一个消息其实已被悄悄丢弃的感谢页面。

04

每种目标语言,都有完整的页面

每种语言都拥有独立的真实路由和真实文案,hreflang 语言标记、自我指向的规范链接以及正确的文字方向都在每个页面上妥善处理。这个网站本身就以八种语言上线,作为最直接的证明。

05

图片与字体在构建阶段就处理妥当

图片在构建过程中会被调整尺寸、转换为现代图像格式并生成内容哈希,再从您自己的域名下发布。品牌字体会按照您所需语言的字符集裁剪子集并自行托管,因此不会有第三方字体请求,字体加载时也不会造成页面布局跳动。

06

托管、部署,以及守住关卡的测试套件

我们按月付费为您托管并运营已完成的网站:边缘平台、证书、发信域名、部署流程与持续监测。网站本身是标准代码,存放在附带自动化检测、一条命令即可完成部署的代码仓库中,这些测试并非摆设:无障碍标准、多语言一致性、安全响应头、元数据规范和链接完整性,都会在每次改动时运行,一旦检测失败就会阻止部署。

焕新

替换您已有的网站

大多数企业官网并非公司的第一个网站。您现有的网站可能已经在某些关键词上有排名,已经从您可能都忘记了的地方获得外链,也已经有客户收藏了其中的某些页面。如果焕新时忽略这些积累,可能在一个下午就抹掉多年积累的流量,因此内容迁移从一开始就被纳入建站流程的一部分,而不是在上线当天临时应付。

01

设计之前先做完整清点

我们会列出现有网站发布的每一个网址,来源包括站点地图、内部链接、服务器或 CDN 日志,以及您手头的 Search Console 历史数据(如果有的话)。每个网址随后都会得到一个明确的处理决定:保留在原地址、迁移、合并进更强的页面、重写,或有意退役。

已经在吸引关注的页面会被优先保护。如果某个不起眼、看似冷门的页面其实正是您一半询盘的来源,这会在清点阶段就显现出来,而不是等它被删除之后才发现。

02

内容迁移,原意不变

文案、图片、文档和下载文件会逐页迁移过来。如果数量足够大,我们会用脚本辅助导入,之后仍会逐一核对结果:一次把表格弄乱、丢掉标题层级或漏掉替代文本的自动化迁移,修复成本会远高于它节省的时间。凡是仍然有效的文字,我们都会保留,因为焕新并不是为了改写而改写的借口。

这项工作与平台无关。无论现有网站运行在 WordPress、某个托管建站工具、一套早已无人维护的自建内容系统,还是十年前手写的 HTML 上,内容都会被当作内容本身来对待,并按其自身的逻辑重建进新的结构中。

03

一份写清楚、可测试的重定向映射

每个发生变化的地址都会获得指向最接近对应页面的永久 301 重定向,绝不会笼统地全部指向首页,因为搜索引擎会把这种做法解读为整站内容被软删除。被合并的页面会指向吸收它的那个页面,退役的页面则指向对跟随旧链接而来的访客真正有用的最近上级页面。

这份映射是代码仓库中一份可审阅的文件,您可以在切换之前就读到它,而不必单凭信任。切换完成后,我们会逐一请求每个旧网址,确认其状态码和最终指向都正确,并且这些重定向会永久保留,而不只是维持一个季度。

04

哪些会保留,哪些是我们刻意舍弃的

会保留的:域名、仍然有效的内容、您拥有的图片、您的品牌体系、表单邮件的接收地址、您实际在用的广告或统计账户,以及所有能在不牵强迁就旧结构的前提下保留的网址。

刻意舍弃的:互相竞争同一个搜索结果的重复页面、一年都没人打开过的页面、报告已经没人看的追踪脚本和嵌入内容,以及仅仅用于修补旧平台的插件。每一项删减都会在清点表上注明原因,不会有任何内容悄然消失,您也可以否决其中任何一项。

05

切换当天,以及之后的几周

新网站早在切换之前就已经在预览地址上线,因此上线当天不会有任何东西是第一次被看到。切换时我们会迁移 DNS,在变更完全生效之前保持旧主机可访问,核实整份重定向映射,确认表单邮件正常送达,提交新的站点地图,并向即时收录接口推送更新,让搜索引擎在几天内而不是等到下一次抓取时重新收录。

之后我们会持续观察。任何一次焕新之后,搜索结果都会有几周的波动,因为搜索引擎需要重新抓取和评估整个网站:有些查询词排名会回升,有些会先下滑再恢复。我们会和您一起跟踪核心指标,包括已收录页面数、重定向健康状况、核心网页指标,以及真正对业务重要的搜索词,并如实告诉您观察到的情况,哪怕如实的答案是目前无需任何改动。

我们不会承诺一个具体的数字。谨慎的迁移能保护您已经赢得的成果,也能让更好的内容有公平的机会去参与竞争。任何人如果向您保证焕新之后的具体结果,那都是在拿您的流量做赌注。

工程实现

它是如何构建的

技术栈刻意保持精简。可动的部件越少,凌晨两点出故障的可能性就越低,三年后换一位开发者接手,也依然能看懂这个网站。

静态优先

页面在任何访客到达之前就已经编译为 HTML。请求路径中没有应用服务器,也没有数据库查询阻塞首次渲染。内容、导航和元数据都直接写在 HTML 里,因此无论是搜索引擎爬虫,还是网络信号较弱的手机用户,看到的都是同一个页面。

增强体验,而非依赖

JavaScript 只在真正值得的地方加入,并且作用范围限定在需要它的那一个组件上。即使关闭 JavaScript,页面依然可读,导航依然可用,表单依然可以提交。

资源只需处理一次

图片、字体和样式都在构建时统一处理,并以内容哈希配合永久缓存响应头对外提供。回访用户几乎无需重新下载任何资源,而新的部署也绝不会误用旧版本的资源。

可撤销的部署

每一次改动都是一次提交。持续集成流程会构建网站、运行完整的测试套件,通过之后才会发布到边缘网络。一旦出现问题,只需一次回退即可恢复到之前的版本。

图 1 把页面当作工程图纸:视口、标题、主要操作、对比度目标。

搜索

让搜索引擎找到您

对大多数公司来说,自然搜索是新客户找上门的主要途径。这意味着搜索优化是构建阶段的硬性要求,而不是事后交给另一家代理机构补做的附加项。

  • 结构优先。每种搜索意图对应一个页面,标题直接回答搜索者输入的问题,内部链接让页面层级清晰可辨。
  • 每个页面的 head 信息都规范整洁。独立的标题和元描述、唯一的规范链接,以及在聊天工具中粘贴链接时能正确显示的社交卡片。
  • 结构化数据来自可见内容本身。组织信息、服务信息和面包屑标记都由页面渲染所用的同一份数据生成,搜索引擎读取到的内容永远不会和访客看到的产生偏差。
  • 机器可读的索引。覆盖所有语言的站点地图索引、指向它的 robots 文件,以及面向如今为人们总结网站内容的爬虫准备的 llms.txt。
  • 即时收录。每次生产环境部署都会向 IndexNow 接口推送有变化的网址,支持该协议的搜索引擎几分钟内就能获知更新,而不必等到下一次抓取。
  • 核心网页指标与生俱来。静态分发、带哈希的永久缓存资源,以及零第三方脚本,是取得优秀实测数据最直接的路径,而这项数据本身也是排名因素之一。
  • 我们不会承诺的事。没有人能保证您的排名。我们负责打好技术和内容基础,让优质内容有能力参与竞争,上线后持续跟踪效果,并如实告诉您哪些部分不在我们的掌控范围内。

无障碍

所有人都能用,而不只是大多数人

无障碍访问同时关系到法律合规、搜索信号和品质信号。我们把 WCAG 2.2 AA 级标准当作最低门槛,并通过机械化检测来验证,而不是只在宣传册里口头承诺。

  • 逐页、逐视口、逐配色方案审核。自动化审核会对每个构建出的页面在手机、平板和桌面三种宽度下、浅色和深色两种配色方案中运行,一旦发现问题就会导致构建失败。
  • 真正的键盘可操作性。第一个可聚焦元素就是跳转链接,焦点轮廓在任何位置都清晰可见,Tab 键顺序也与页面结构一致。
  • 两种配色方案下的对比度都达标。文字和界面颜色都会对照真实背景色进行检查,深色模式的检验标准和浅色模式一样严格。
  • 动效会先征得许可。如果访客的系统开启了减少动态效果,任何动画都会被停用,取而代之的是一帧静态画面。
  • 语义化标记。地标区域、按顺序排列且每级唯一的标题、带标签的表单字段,以及每张图片都配有描述性替代文本。
  • 舒适的点击区域。每个可交互元素都达到 24 像素的最小尺寸要求,并通过实际测量来验证,而不是凭肉眼判断。
  • 我们也会亲自动手用键盘测试。自动化检测能发现很多问题,但并非全部,所以上线前我们还会亲自用键盘操作网站,并在小尺寸屏幕下阅读内容。

语言

一个网站,覆盖您所有的目标语言

在英文页面上叠加一个翻译插件,搜索引擎看不见,读起来也不舒服。真正的多语言支持是路由和内容层面的决策,需要从一开始就确定下来。

  • 每种语言一个独立路由。每个页面在每种语言下都有自己独立的网址,可以被单独收录、链接和分享。
  • 正确的信号。每个页面都带有包含 x-default 的 hreflang 语言标记集合,规范链接指向页面本身,而不是英文原文。
  • 从版面层面处理从右到左的语言。样式表全程使用逻辑属性,因此阿拉伯语会让整个版面自然镜像,而不是靠零星修补实现。
  • 由人撰写,而非机器翻译。每种语言的文案都以品牌的语气单独撰写。机器翻译的痕迹一眼就能看出来,买家也看得出来。
  • 字体大小实事求是。字体会按字符集裁剪子集,非拉丁文字则回退到系统字体,而不是给手机推送几兆字节的字体文件。
  • 无需 JavaScript 的语言切换。各语言版本的同一页面之间通过普通链接互相连接,不依赖 Cookie,也不做猜测式跳转。

安全与邮件

安全可靠,邮件也能送达

官网的攻击面虽小,但值得认真收紧,而一个联系表单如果邮件总是进垃圾箱,那也毫无意义。

  • 货真价实的内容安全策略。不允许任意内联脚本:每段内联脚本都通过哈希值锁定,其余一律拒绝执行,这样注入的恶意脚本就完全无法运行。
  • 从第一天起就配置好传输与浏览器响应头。严格传输安全、禁止内容嗅探、引荐来源策略和防嵌套保护,从第一次部署起就已就绪。
  • 多层表单防护。Turnstile 人机验证确认真人身份,蜜罐字段拦截低级机器人,填写耗时检测拦截手速过快的机器人,每个字段还有服务器端校验和长度限制。
  • 部署时检查邮件送达能力。发信域名的验证是发布流程的一部分,如果表单邮件无法送达,会由我们及时发现,而不是让客户在杳无音信中才察觉。
  • 默认没有追踪脚本。除非您要求,否则不会加载任何第三方脚本;我们唯一会启用的统计工具也不使用 Cookie,因此也无需弹出同意横幅。
  • 密钥绝不进入代码仓库。密钥保存在专门的密钥管理系统中,以环境变量的形式提供给运行中的网站,绝不会以文件形式出现在 git 仓库里。

托管与变更

谁负责运营、由谁撰写文字,以及内容如何变更

从上线起,我们就按月付费为您托管并运营网站:边缘平台、证书、您表单邮件所依赖的发信域名、部署流程,以及会在出现异常时提醒我们的持续监测。设计并开发它的人,也是持续维护它运行的人,因此无论是关于某个页面的问题,还是关于托管的问题,都会找到同一个地方,得到同样负责任的回答。

这不是什么:没有专有建站工具,没有按坐席收费的许可证,也没有需要您付费租用坐席的编辑器。网站是带有自身测试的标准代码,您的域名始终是您的域名,您的内容和品牌也始终归您所有。如果您的合同中包含这项条款,您可以把软件带走,自行托管,而这套网站的构建方式也让这件事成为一次顺畅的迁移,而不是一场抢救。这是我们在您需要时会写进书面约定的一个选项,而不是默认的安排。

对大多数公司来说,默认方案其实是更划算的选择:一个熟悉代码库的团队,账单上一行按月计费,也没有第三方夹在问题中间。如果您更希望自行运营,请在确定项目范围时就告诉我们,而不要等到上线之后。

由谁撰写文字

通常由我们来写,除非您更愿意自己动笔。文案撰写是建站工作的一部分:我们会依据您已有的素材,以及您自己描述这项工作时的方式(提案、销售邮件、日常沟通),来撰写页面结构、标题和正文。

您需要提供的是实质内容和最终确认:服务项目、您愿意公开承诺的说法、名称、地址,以及任何必须准确无误的信息。我们不会为了填补空白而编造数据、客户评价或案例研究。如果您有专职文案,或者更愿意自己撰写,把文字发给我们,我们会围绕它来设计。

上线后如何修改内容

修改内容意味着编辑代码仓库中的一个文本文件,随后走一遍每次改动都要经历的流程:新建分支、预览地址核对、完整测试套件,以及一次即可回退的部署。没有任何内容会被直接编辑到线上环境,因此一次糟糕的修改也不会导致页面下线。

实际操作中,您把修改发给我们,它就会走一遍这个流程,这对小改动来说是最快的方式。如果您的合同中包含由您自己的开发者参与代码库的条款,他们的工作方式完全相同,这也正是我们提供完整文档和测试的意义所在。如果您的团队确实需要每周多次自行发布内容且没有开发者协助,请提前告诉我们:那是另一种需要内置编辑层的建站方案,我们宁愿为此单独评估范围,也不愿假装一个静态网站可以当作新闻编辑室来用。

开启一个网站项目 [email protected]

告诉我们这个网站要实现什么目标,需要说服谁。通过联系表单,或发邮件至 [email protected],回复您的会是真正参与开发的人。