第 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 已提交
标准内容站按此流程约两周上线;复杂定制另议。需要人帮你走完这套流程,欢迎先聊聊需求。