Shopify 博客正文在后台看起来正常，不代表前台一定好读。标题层级、列表、表格、代码块和图片宽度都可能受主题 CSS 影响。先用一篇测试文章检查格式，再批量修改正式内容。
先给结论
不要直接在大量正式文章中测试格式。建立一篇不参与导航的测试文章，逐项检查 H2/H3、列表、表格、代码和图片，再把确认过的结构用于正式内容。
Shopify 博客格式检查步骤
- 确认正文中没有重复 H1，文章标题由主题输出。
- 分别测试 H2、H3、列表、表格、引用和代码块。
- 在桌面端和移动端检查图片是否与正文同宽。
- 检查链接、alt 文本、FAQ 和结构化数据。
- 复制文章前先清理测试文字和占位链接。
发布前检查表
| 位置 | 检查内容 | 通过标准 |
|---|---|---|
| 标题 | H1、H2、H3 | 只有文章标题使用 H1 |
| 图片 | 宽度、裁剪、alt | 与正文同宽且不变形 |
| 代码 | 换行和横向滚动 | 移动端可以完整查看 |
| 链接 | 内部链接和外部链接 | 没有占位地址或 .md 链接 |
FAQ
正文里需要自己写 H1 吗？
通常不需要。Shopify 主题会把文章标题输出为 H1，正文从 H2 开始更稳妥。
表格在手机上太宽怎么办？
优先减少列数和长句，必要时给表格外层增加横向滚动容器。
代码块应该放截图还是文本？
需要复制的代码保留为文本，操作结果可以配截图。不要只用图片展示代码。
测试文章可以直接发布吗？
只有清理占位内容、链接和测试数据后才适合发布。
0 条评论