组件文档 · 首屏与视觉
第一屏只干一件事：
让人确认这里有他要的东西
买家从搜索结果点进来，第一眼看的就是这两个区块之一。它们加起来是两张图、 两句话、一个按钮 —— 但填错的方式非常多，而且错了不会报错，只是没人往下滚。
组件一
首屏
页面最上面那一块：一句标题、一句说明、一个按钮，配一张图。一页只能有一个。
hero一页只能用 1 个按钮依赖已发布的页面
先看清它长什么样，再决定配什么图：文字在一栏、图在另一栏（左右并排），有的主题则是标题在上、图在下方通栏。 字不会压在图上，所以图里最好别自己带文案 —— 两边都是字，视线不知道该读哪边。
| 字段 | 怎么填 |
|---|---|
| 主标题文本 · 必填 · 120 字以内 | 首屏最大的那句话。建议压在 60 个字符以内：再长，手机上一行放不下， 会折成三行，把按钮挤到屏幕外。写"你能给买家解决什么问题"， 不要写公司全名——买家此刻还不知道你是谁，也不关心。 |
| 副标题多行文本 · 300 字以内 | 一句话说清你是谁、做什么、对谁有用。默认是空的—— 我们不替你填"15 年经验""ISO 9001"，那是你有才能写的东西。 空着不如写一句具体的：主营什么、最小起订量多少、多少天交货。 |
| 背景图图片 · 可留空 | 建议 1920×1080 以上、横向构图。留空则显示一个占位框（不会报错）。 留空的纯色底其实比一张凑数的图好：糊的、带别家水印的、 明显是素材库的图，会让整页的可信度一起掉。 |
| 文字位置下拉 · 起始 / 居中 / 结束 | 「起始」在中文、英文里是靠左，在阿拉伯语站点里自动变成靠右（不用为阿语再改一次）。 图上主体在右边时选「起始」，别让字压在产品上。 当前主题若是单栏排版（标题在上、图在下），只有选「居中」看得出区别。 |
| 图片压暗程度数字 · 0 到 100 · 默认 30 | 把那张图整体压暗。它不改变文字可读性——文字在这一栏、 图在另一栏，字从来不在图上。它的作用是让图退到背景、别和标题抢注意力。 经验值：浅色、细节多的图调到 45 以上；深色图 20 左右。调过头会变成一块灰板， 图就白放了。 |
| 按钮文字文本 · 40 字以内 | 留空则不显示按钮。外贸站上最有效的是具体的动作，比如「Get a quote」「Send drawings」。 |
| 按钮链接文本 · 500 字以内 · 默认 /contact | 站内路径形如 /contact。填了不存在的路径，点下去是 404 —— 这是首屏最常见的失效方式，因为大多数人是在新建页面之前就先写了按钮。 |
三个最常见的错法
- 主标题写成了公司全名。「Ningbo XX Precision Machinery Co., Ltd.」占了首屏最大的位置，却没回答任何问题。 买家想知道的是"你能做我要的那种零件吗、多少件起订、多久交货"。
- 副标题堆认证与年限。从同行站抄来的"ISO 9001 certified factory, 15 years serving 40+ countries" 会给一个没有这些资质的客户挂上这些说法 —— 一旦买家要看证书，麻烦比没写更大。
- 按钮指向一个还不存在的页面。先写了
/quote，站上却只有/contact， 点下去是 404。填完按钮记得去点一次。
不是组件，但一定会遇到
图片怎么准备
上面两个区块的效果，八成取决于图本身，跟字段怎么填关系不大。
- 传到哪里
- 左侧「媒体库」。上传之后每个图片字段都能从媒体库里选， 也可以直接粘贴一个已有的图片地址。
- 什么格式、多大
- JPG、PNG、WebP、AVIF、GIF，单张 10MB 以内。 手机直出的照片通常在 3–8MB，可以直接传 —— 系统会自动生成手机用的小尺寸， 不需要你先压一遍。
- 选什么样的图
- 有场景、有人、有产品的图，比纯白背景的抠图更能留住人。 首屏图尤其如此：它要回答"你们厂是干什么的"，不是"这个零件长什么样"。
- 主体放哪
- 放中间偏上。横幅会按比例裁切（最窄的一档是 21:6）， 主体贴边的图在手机上会被裁掉一半。
对照自查
这几个现象，原因都在这篇里
- 加了两个首屏，前台只显示一个
- 首屏每页只能 1 个。控制台会在页面顶部提示并给一个「只保留第一个」的按钮， 点一下把多余的那个删掉。
- 背景图很亮，标题看着不突出
- 调「图片压暗程度」。它不是给文字打底用的（文字不在图上）， 只是让图退后一点。调到标题能一眼读完、图还能看出内容为止。
- 首屏图在手机上被裁掉了主体
- 横幅按比例裁切，窄屏裁得更多。换一张主体居中的横构图图， 或者把「文字位置」改成和主体相反的一侧。
- 图片横幅整块不见了
- 检查「图片」那一格是不是空的。留空时这个区块不会显示，也不会占位。
- 点了横幅没反应
- 「点击跳转」留空时整块不可点。这一格是可选的，忘了填很常见。