我们的网站开发涵盖哪些内容
开发可以基于 Dardo 自己的网页设计,也可以从您的团队或其他工作室提供的设计稿开始。无论哪种方式,方案中都会列明要开发的模板、状态和集成,每项资料由谁提供,以及各部分如何验收。
- 为所有约定的模板和状态实现响应式前端
- 内容模型、CMS 配置和发布流程
- 表单及约定的集成,并用真实提交进行测试
- 元数据、结构化数据和便于抓取的页面结构
- 对代表性页面进行无障碍和性能检查
- 上线检查、部署和交付文档
什么时候适合从网站开发开始
如果设计已经确认或接近定稿,而风险在于开发环节,就从这里开始:比如需要您的团队发布的内容、来自其他系统的数据、必须送达正确负责人的表单,或在真实手机上的性能。请带上设计稿、页面清单和集成清单。营销网站、需要登录的后台和交易系统的验收标准各不相同,所以我们会先明确标准,再做估算。
如果您还没有设计稿,请先从定制网页设计开始,它涵盖设计和开发两部分。如果项目以动效、WebGL 或 3D 为主,创意开发更合适。如果核心范围是复杂的需登录产品,或长期的企业级集成项目,规模更大的应用开发团队可能更适合您;我们会尽早告知。
我们使用的技术栈
我们会按项目选择技术栈,并在方案中说明理由。我们已发布的作品使用 Astro 和 Next.js 搭配 TypeScript,部署在 Cloudflare Workers 或 Vercel 上。对于以内容为主的营销网站,Astro 非常合适:页面提前渲染为 HTML,JavaScript 只发送给需要它的组件,让页面轻量,也便于搜索引擎读取。Next.js 则适合更像应用的界面。
当网站需要服务器逻辑,例如支付、账户或来自其他服务的数据时,我们只在需要的地方添加,而不是把每个页面都做成应用。Superame 是一个用 Astro 构建的公开项目排行榜,它把排名存储在 Neon 数据库中,并将买家引导至托管结账页面;其服务器会先验证每个已签名的支付回调,再增加额度。如果您的团队必须使用特定的 CMS 或平台,请写在需求说明里,我们会在报价前确认自己是否适合。
您的团队真正用得顺手的 CMS
内容管理系统只有在字段符合团队的发布方式时才有用。开发之前,我们会梳理每种内容类型、每个字段由谁编辑、哪些内容需要审批,以及哪些页面是固定版式、哪些是可复用的条目。在 A medio tono 项目中,课程和教师都是可维护的条目,而不是手工搭建的页面,点击课程链接会打开已按该乐器筛选好的教师名录。
Dardo 自己的网站也采用同样的方式:页面是托管在 Cloudflare 上的 Astro 静态构建,文章在独立的无头 CMS 中撰写,发布文章会触发重新构建。静态输出让托管更简单、页面更快,编辑也无需接触代码。
集成、表单与性能
开发从路由清单和集成图开始:每个表单或 API 必须完成什么,哪些第三方账户须由您持有,以及服务缓慢或出错时访问者会看到什么。精致的前端可能掩盖尚未定义的咨询处理流程,因此上线前我们会发送真实的测试提交,确认它们送达应到的地方。
性能是验收的一部分,而不是事后补救。我们会约定要测试的模板和设备,并在发布前检查加载表现和页面体积。A medio tono 在生产环境中运行 Vercel Analytics 和 Speed Insights,Janus Observatory 的实现包括打包体积预算和浏览器 QA,以及检查构建和视觉回归的发布流程。
多门店与连锁加盟网站
拥有多个办公室、诊所、门店或加盟商的企业,需要统一的品牌体系和内容模型,并为每个地点提供独立的页面:包括地址、营业时间、团队、服务、照片,以及直接联系该地点的方式。总部管理共用页面和品牌;各地点只能编辑自己的信息,并通过角色权限将两者分开。
Google 要求每个地点对应一个商家资料,以及一个代表该地点的网站页面,并建议为每个地点单独添加标记,使用各自的网址。我们正是按这种方式构建地点页面和结构化数据。对于您没有办公室的地方,我们不会复制城市页面,因为只替换地名的页面会被视为门页。
上线前我们如何测试
在完成其余模板之前,我们会先构建一个代表性页面,并在约定的屏幕尺寸上测试,让问题在修复成本还低的时候就暴露出来。验收内容包括:
- 键盘操作和可见的焦点
- 内容过长、过短或缺失时,版面不会错乱
- 加载、空白和错误状态,以及有动画时的减少动态效果
- 表单送达真实目的地,并显示确认信息
- 规范网址、重定向、元数据和结构化数据
- 分析事件、同意管理行为和生产环境集成
代码归谁所有,以及交付时您能得到什么
交接时会明确列出代码仓库、托管、域名、CMS、账号凭据、文档以及维护负责人,确保网站上线后仍可正常运营。在平台允许的情况下,我们倾向于由客户掌控托管和账号;在工作开始之前,方案中就会写明代码、设计资源以及所有授权依赖项的归属。
与您处于同一时区的近岸团队
Dardo 是一支位于波哥大的三人团队,由创始人 Nicolás Cerón 带领,您可以直接与编写代码的人沟通。波哥大全年使用 UTC−5 时间,夏令时期间与美国中部时间一致,其余时间与美国东部时间一致,因此电话会议、评审和上线日都能安排在您的正常工作时间内。咨询表单中的预算范围从低于 5,000 美元到高于 60,000 美元,方便您告诉我们项目所处的档位。
选择之前的常见疑问
网站开发需要多少费用?
这取决于具体工作:模板和状态的数量、内容迁移、CMS 需求、集成、语言、无障碍、动画、测试和交接。我们会在审阅这些依赖项之后,按有文档记录的范围报价,而不是使用统一的按页单价;方案中也会把一次性开发费用与持续的托管和软件费用分开列明。
网页设计和网站开发有什么区别?
网页设计决定网站说什么、如何组织,以及外观和交互方式。网站开发则把这些决定变成可运行的代码:模板、内容管理、表单、集成、性能和部署。许多问题恰好出在两者之间,比如版式遇到真实内容就错乱,或者表单没有错误状态,所以 Dardo 把两者放在同一个团队中,或者在开发前先审阅外部设计稿。
你们可以根据我们现有的设计稿来开发吗?
可以。我们会先检查设计稿中的响应式状态、内容极端情况、交互,以及缺失的加载或错误状态,然后与设计负责人商定实施验收标准。在报价之前,我们会列出所有缺漏,这样就不会有人在开发中途才发现某个状态根本没设计过。如果设计稿需要大幅修改,我们会单独评估,而不是在代码里临时发挥。
你们使用哪种 CMS?
这取决于由谁发布、发布频率以及内容类型。对于以内容为主的网站,静态 Astro 构建搭配无头 CMS 效果很好:编辑在编辑界面中撰写内容,发布时触发重新构建。如果网站更接近应用程序,内容也可以存放在应用自己的数据库中。方案中会写明所选的 CMS、选择理由,并列出所有许可或订阅费用。
什么时候用 Astro,而不是 Next.js?
当大部分页面是可以预先渲染的内容时,我们使用 Astro,例如营销网站、出版物和服务页面,因为它默认只发送很少甚至不发送 JavaScript。当界面大多表现得像应用程序时,则适合用 Next.js。这两种我们都有已发布的作品:Dardo 自己的网站和 Superame 运行在 Astro 上,而 A medio tono 和 Janus Observatory 使用 Next.js。
项目结束后代码归谁所有?
在工作开始之前,方案中就会写明代码、设计资源、账号和授权依赖项的归属。我们倾向于从一开始就让托管、域名和代码仓库由您掌控,并提供有文档记录的访问权限,这样其他团队无需重建就能接手。第三方字体、服务或插件仍遵循各自的许可,我们会逐一列出,避免上线后出现意外。
上线后你们还负责网站维护吗?
可以包含在服务中。如果 Dardo 继续支持网站,方案会明确维护涵盖的内容,例如更新、修复和小改动,以及请求的处理方式。如果不继续,您会收到您的团队或其他开发者接手所需的代码仓库、文档和账号。无论哪种情况,归属都在上线前确定,而不是事后再谈。
网站开发需要多长时间?
这取决于模板和状态的数量、集成、内容迁移,以及设计和内容的确认速度,所以我们会在方案中确定时间表,而不是给出一个标准数字。先构建并测试一个有代表性的页面,可以让双方在其余模板开发之前,尽早对进度和质量有具体的判断。
你们可以与我们的内部团队协作吗?
可以,但需要明确范围。我们可以构建完整的网站,实现您自己的设计师给出的设计,或者交付设计稿供您的开发人员开发,职责分工会写入方案。开始之前,我们会商定代码仓库、评审流程、会议时间以及每项交付物由谁审批,并且使用英语或西班牙语工作,时间为 UTC−5,与美国工作日有重叠。
资料来源与延伸阅读
本页内容的资料来源,并附有原出版方提供的更多详情。
- Google 商家资料指南support.google.com
- Google 搜索中心:本地商家结构化数据developers.google.com
- Google 搜索中心:垃圾内容政策(门页滥用)developers.google.com
