企业网站

企业官网往往是认真的买家最先查看的东西。我们打造您网站的方式,与产品公司打造自家产品别无二致: 为您的品牌从一张白纸开始设计,编译为静态 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 规范与结构化数据,每次部署即时推送收录,以及由架构本身带来的速度。还有一条如实的边界:没有人能把排名卖给您。

我们如何为搜索而构建

所有人都能用

WCAG 2.2 AA 是底线,不是宣传口号:对比度在两种配色方案下逐一验证,键盘全程可操作,点击区域舒适宽裕, 动效尊重减少动态效果的系统设置,每个页面还要在三种宽度下通过自动化审核,任何违规都会让构建失败。

无障碍如何被逐项验证

覆盖您销售所用的每种语言

每种语言一个真实路由,文案由人撰写;hreflang 集合和自我指向的规范链接做得正确;从右到左的语言在版面系统层面处理; 字体按文字体系裁剪子集。这个网站本身就以八种语言上线,作为最直接的证明。

多语言如何做对

安全可靠,邮件也能送达

静态分发让攻击者几乎无处下手,严格的安全响应头连同基于哈希的内容安全策略从第一天就已就绪, 表单层层设防,表单邮件从经过验证的域名发出,线索进入的是收件箱而不是垃圾箱。

安全与邮件的底线

托管与变更

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

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

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

对大多数公司来说,默认方案其实是更划算的选择:一个熟悉代码库的团队,账单上一行按月计费,也没有第三方夹在问题中间。费用会随我们为您运营内容的复杂度和范围而变化,项目如何定价在流程页面上写得清清楚楚。如果您更希望自行运营,请在确定项目范围时就告诉我们,而不要等到上线之后。

由谁撰写文字

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

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

上线后如何修改内容

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

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

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

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