案例研究/站点基础设施

把静态网站,变成可持续运营的基础。

这是一个在保持静态网站轻量优势的同时,分阶段加入 CMS、搜索、SEO 和交付质量能力的内部项目。

Acecore官方网站首页
我们运营一个服务、价格、技术文章和查询的单一公共平台。

概要 / 01

建立一个可以持续更新的站点基础设施。

在Astro和Cloudflare Pages的基础上,我们添加了CMS并以可检查的单位进行搜索。编辑、检查、发布全部作为一项操作进行。

目标
Acecore官方网站
公共基础设施
Astro / Cloudflare Pages
更新流程
Sveltia CMS / GitHub
定位
内部项目

当前状态

实现状态

  • 已更新

    您可以从CMS更新固定页面、文章和设置项目

  • 信息发现

    您可以通过搜索和内部导航导航至所需信息。

  • 发布质量

    SEO、CSP、可访问性和显示质量可以在同一发布流程中检查

Acecore官网查询表
我们发布了一个屏幕,用于组织咨询类型和所需的输入项目,并允许您继续进行正式咨询。

课题与方针 / 02

保持简单,并能持续成长。

赋值

不要使公共基础设施复杂化。

即使信息量和功能不断增加,我们仍然需要一种配置来导航到必要的内容并隔离更新和故障的影响。

政策

设计功能和发布流程在一起。

CMS、文章、搜索等按角色划分,我们安排了谁可以编辑它们、可以在哪里检查它们、以及如何发布它们作为功能的一部分。

实施内容 / 03

逐渐排列的范围

我们不是单独添加每个项目,而是继续查看与发布、确认和操作的联系。

Acecore官网博客列表和过滤屏幕
将文章、标签、档案和搜索连接起来,创建一个结构,即使信息量增加,您也可以进行搜索。

01

更新/文章操作

我们创建了一个允许从浏览器进行更新的入口点以及通过 GitHub 检查更改的流程。

  • 使用Sveltia CMS编辑固定页面、文章和设置项目
  • 整理图像上传目的地和输入项
  • 文章列表/标签/相关文章/RSS

02

信息发现/内部指导

我们添加了一个结构,即使页面数量增加,您也可以通过搜索和相关链接导航到所需的信息。 通过

  • Pagefind 在网站内搜索
  • 组织搜索目标和排除范围
  • 服务、费用和文章之间的内部链接

03

传达给搜索引擎的信息

我们对齐了页面角色和 URL,并使搜索结果和共享所需的信息保持一致。

  • 标题·描述·OGP·规范
  • JSON-LD 例如Organization、WebSite、WebPage
  • 站点地图和多语言 URL 对齐

04

公共质量

我们将安全性、易用性和显示速度与分发配置一起验证,而不是事后将它们分开。

  • CSP·安全标头缓存
  • 键盘操作/焦点/表格
  • 图像、CSS、字体、外部脚本

相关支持 / 04