骨架图 R00 · 资源中心 |列表页 + 文章模板 |Week 1 · 只建框架 · 首批 2 篇
首页 / 资源中心

页头(不是 Hero)列表页

来这里的人已经在找某一份说明,任务是立刻看到文章,不是再被说服一次

H1|Resources

投板前自查、BOM 提交规范。测试 / 交期 / 成本 / 出口指南上线后按周补。

Hero 不是全站固定模块双栏首屏(H1 + 副标 + CTA + 主视觉)只给获客落地页:首页7 个服务页(广告进来还要判断「这家做不做我这档活」)。其余内页用短页头,询价在顶栏和文末。
本页只要面包屑 + H1 + 一句说明,下面直接接文章列表。不要主视觉、不要首屏 CTA。

上线必须有的 2 篇P0

Week 5 灌英文正文。骨架与路由 Week 1 就必须在,否则加文章还要改代码

为什么先写这两篇缺 DFM 或 BOM 规范,工程师每天都在用邮件解释同一件事,24h 报价承诺会被文件质量拖垮。写透了,既减少退回,也让采购觉得这家「知道自己在做什么」。

文章模板(后续加篇不改代码)架构约束

列表页读内容目录;详情页共用同一套模板。差异全在内容文件,不写死在页面里

槽位来源说明
title / slug / H1内容文件英文原生;slug 即 URL
category枚举DFM / BOM / Testing / Lead time / Cost / Export
summary内容文件列表卡摘要 + meta description
published_at / reading_time内容文件列表与详情共用
download可选如 BOM 模板 XLSX;无则隐藏按钮
bodyMarkdown / MDX清单、表格、FAQ 都从这里来
relatedslug 数组详情页底部相关文章
cta全局配置全站统一指向 rfq.html,文章页不做独立表单
给前端Week 1 只做壳:列表路由 /resources、详情路由 /resources/[slug]、内容目录(JSON/MD)。不要为每篇文章手写一个 HTML。本目录里的 resource-dfm.html / resource-bom.html 是骨架样例,正式站用同一模板灌两份内容即可。
SEO列表输出 ItemList;每篇文章输出 TechArticle(或 BlogPosting)+ BreadcrumbList。sitemap 必须自动收录资源目录与已发布文章。

分类筛选 + 卡片列表P1

上线时分类可以先全亮,没内容的分类点进去显示空态,不要藏掉——让客户知道后面会补

All DFM BOM Testing Lead time Cost Export

DFM Checklist

DFM · 约 8 min

投板前自查项与工艺红线。

→ resource-dfm.html

BOM Submission Guide

BOM · 约 7 min

字段、替代料、退回原因、模板。

→ resource-bom.html

PCBA Testing Guide

Testing · 上线后

AOI / X-ray / ICT / FCT 怎么选。

→ 待补

Lead Time Explained

Lead time · 上线后

出厂工期 vs 备料 vs 运输清关。

→ 待补

PCBA Cost Drivers

Cost · 上线后

How We Quote H06 的长文展开。

→ 待补

Export & Delivery

Export · 上线后

贸易术语、单据、不可发运地区。

→ 待补
空态未发布分类不要 404。文案用 “Coming after launch — 1–2 guides per week”,并给 RFQ / Contact 出口。分页上线初期可以不做。

上线后按周补的指南不占 6 周

计划文章对应页面触发
Testing / ICT / FCT 怎么选quality.html · 服务页 Testing客服开始重复回答测试项
交期怎么算能力页交期表客户把出厂工期当成门到门
PCBA 成本驱动因素how-we-quote.html H06SEO 与转发收藏
出口交付与单据首页 S06询价里目的国 / 贸易术语问得多
内容是瓶颈不是代码模板在,加文章边际成本接近 0。排期里写明:上线后每周 1–2 篇,不要在 6 周里把全套指南写完。

客户案例(本页只留入口,不上内容)后置

页脚「资源与案例」里的第四项。有 2–3 个真实可脱敏项目之前,整块隐藏

案例列表 /cases

NOT IN MVP

脱敏结构:项目约束 → 工艺难点 → 质量措施 → 交期 → 结果。不含任何客户文件与品牌名。

→ 攒够真实项目后再做
  • 不得编造案例或使用竞品公开故事改写
  • 不得在未书面同意时把 RFQ 项目做成案例
  • 不得在上线前留空壳案例卡
红线B2B 采购会核对细节。被识破的损失远大于「暂时没有案例」。How We Quote 已承诺「不将项目用于案例展示,除非另行书面同意」——本页入口也必须遵守这条。

底部转化P0

标题|文件按规范准备好,24 小时内给你三档报价
提交询价 先问工程师
备选|还没准备 BOM?
先看 提交规范 并下载模板
CTA 统一资源中心所有页面的主按钮只指向 rfq.html,次按钮指向 contact.htmlhow-we-quote.html。不做文章内嵌表单。

本页技术项

  • title / description全站唯一
  • JSON-LDItemList + BreadcrumbList
  • URL/resources
  • sitemap自动收录目录与已发布文章
  • 内容源MD / JSON,非 CMS
  • 空分类空态 + CTA,不 404
  • 案例入口上线前隐藏
  • 文案英文原生,不得机翻