第 0 步:需求确认(半天)

明确四件事:站点类型(官网/落地页/内容站)、页面数量、是否需要后台更新、上线时间。输出一页纸的需求文档,后面所有工作都以它为准。

第 1 步:内容与信息架构

把文案、图片、栏目结构整理出来。内容越早到位,项目越快——网站的本质是内容,不是页面。

第 2 步:初始化项目

npm create astro@latest

选最小模板,用内容集合管理文章(Markdown 文件),把结构搭稳。

第 3 步:页面与组件

  • 首页、关于、联系等页面;
  • 通用组件:导航、卡片、CTA;
  • 内容集合 + 列表页/详情页(博客、案例)。

第 4 步:SEO 与结构化数据

  • 每个页面:title、description、Open Graph 标签;
  • JSON-LD 结构化数据:Organization / Service / FAQPage / Article;
  • sitemap.xml + robots.txt。

这一步直接影响“被搜索引擎和 AI 抓取”的质量。

第 5 步:性能验收

用 Lighthouse 与 WebPageTest 实测,推荐达标线:

  • Lighthouse 性能 ≥ 90;
  • 首屏 < 1.5s(移动端 4G);
  • 无明显布局偏移。

第 6 步:部署

Cloudflare Pages / Vercel / Netlify 均可,绑定域名、开启 HTTPS,把 sitemap 提交到 Google Search Console / Bing Webmaster / 百度搜索资源平台。

验收清单

  • 移动端全页面走查
  • 404 页面存在
  • 联系入口可达(邮箱/表单)
  • sitemap 已提交

标准内容站按此流程约两周上线;复杂定制另议。需要人帮你走完这套流程,欢迎先聊聊需求。