This bar serves to notify visitors of important updates

1
首页 博客 外贸独立站讲品牌别只做一套 Logo:把一致性一页一页对过去

01 一套 Logo 交出去,品牌还没开始

做外贸独立站,品牌这一项常被理解成「找人设计一套 Logo」。图形定稿、配色定稿,就算完成了。

这套动作做完,客户还是记不住你。原因不在设计水平,在重复次数不够。

品牌是被重复出来的。同一个东西在 30 个页面上以同一个样子出现,客户才会把它和你的公司绑在一起。做外贸的客户一年里可能只打开你的站三四次,次数这么少,留给你的重复机会就那么几回。

02 为什么「做了 Logo 就算有品牌」不成立

客户接触一个外贸站的路径,和设计师交付一套 Logo 的路径,是两条路。

设计师给的是首页和名片上那一处。客户看的是搜索结果页里的一条标题、产品页里的一张图、报价单里的一行落款。这三处如果各说各话,Logo 做得再讲究也接不上。

谷歌在这件事上读的是实体关联:你的公司名在站内、在目录站、在社交账号上是不是同一个写法。写法反复变,这条关联就会被摊薄。拿自己的公司名去 Google Trends 查一遍,曲线长期贴着底部的,多半就是这条关联还没建起来。

03 判据:四个能当场查的落点

一致性不是感觉,是四个可以逐项查的落点:主色是不是同一个色值、字体层级是不是只留 3 档、产品图是不是同一批拍的、文案里对公司和产品的称呼是不是同一个写法。

查法很机械。用 Chrome 打开站点,装一个取色插件,把导航、按钮、图标、表头各取一次色,看取出来的是不是同一个十六进制值;把全站所有标题截一遍图,量一下字号有几种。

  • 主色:全站只允许 1 个主色加 2 个中性灰,多出来的那支颜色多半是某次临时加的。
  • 字体层级:标题、小标题、正文 3 档封顶,超过 3 档的页面读起来会散。
  • 产品图:同一批拍,同一个背景和同一个光位,跨批次混放一眼就能看出来。
  • 称呼:公司名在站内只留 1 个写法,缩写和全称不要交替出现。
客户记住的不是设计得好不好,是同一个东西出现了多少次。

04 主色:差一点,就差很多

主色这一项看着简单,出问题的最多。常见的情况是导航用一个蓝、按钮用另一个蓝,两个值差 5 到 10 个色阶,肉眼在单个页面上分辨不出来,把页面并排一放就露了。

做法是把主色写成变量,全站从变量取值,不再手工填色值。改版时改一处就够。顺手把链接色、描边色、底色也定成变量,一套下来 5 个值封顶。改完用 Chrome 的无痕窗口把主要页面刷一遍,缓存会把旧样式留给你看,容易误判成没改到。

我们复盘过 40 多个外贸站,客户能在不提示的情况下复述出品牌特征的那一组,主色变量都在 3 个以内;复述不出来的那组,普遍是每页现配。

05 字体与图片:三档层级,同一批拍摄

字体层级的合理数是 3 档。标题一级,小标题一级,正文一级。再加一档「强调」,页面就开始失去主次,客户扫一眼抓不到重点在哪。

图片这一项要提前定规矩。拍摄前把背景、光位、构图角度、留白比例写成一页纸,后面补拍的产品照照着这页纸来。我们统计过的站点里,分 4 批拍的产品图混在一个列表页上,客户对「这家是不是同一家厂」的疑问会明显多起来。

WordPress 站点可以把这套规范写进主题的样式表,新加页面自动带上,省得每个人各写一套。改完别急着看效果,隔 2 周到 Google Search Console 的成效报告里看一次,谷歌对样式变化的反应往往要这么久才看得出来。

06 文案称呼:一个写法走到底

称呼这一项最不起眼,也最容易埋雷。公司名在首页写全称,在产品页写缩写,在页脚写另一个英文名,三种写法同时存在。

对客户来说,这是三家不同的公司。对谷歌来说,这是三个不同的实体,品牌词搜索时该合并的信号被拆成了三份。

定一个写法:选全称还是缩写,选中文还是英文,定完写到文档里,全站照抄。产品名的规则也一样,一款产品在不同页面上叫法不同,客户搜的时候对不上号,Google Search Console 里看到的也是分散的几条长尾。用 Ahrefs 的品牌词报告核一遍,搜公司名的那批词如果被拆成了 3 条以上,就是写法没定住。

07 顺序:先统一哪一项

四项一起做,工期会拖。我排的顺序是:称呼,主色,字体,图片。

称呼排头一个,因为它改起来只动文字,一个下午能走完全站,收益却最实在。主色第二,它牵扯的面最广,要动样式表。字体第三,改字号会牵连排版,留到页面结构稳了再做。图片排收尾,它往往要等下一次拍摄排期,急不来。

这个顺序不是按重要性排的,是按「改一次的动静有多大」排的。真要压缩,就把图片那项拆成两步,先把站上已有的老图统一裁成同一个比例,新拍的那批等排期,中间差几个月也不会太显眼。

08 哪几类站点可以先不做这一步

有三类站点,一致性可以先放一放。

页面在 10 个以内的试水站,先把产品和询盘跑通,品牌这一项等有稳定客户之后再补。做 OEM 不给客户看官网的工厂站,客户认的是验厂报告和报价单,官网的视觉投入回报不高。

还有一类是刚接手、内容还没理顺的老站。这类站先清内容,把重复页和过期产品下掉,等页面数稳定在 30 个以内再统一视觉,不然做一遍改一遍。判断先做哪一步,可以打开 Google Analytics 4 看各个来源的转化,来源已经很分散的站,补内容比改视觉划算。

09 两个容易漏的细节

一个是邮件签名和 PDF 报价单。站点内部统一了,发给客户的报价单用的是另一套字体和另一个主色,客户手里那份和网站对不上,前面的功夫折掉一半。

另一个是 favicon 和分享缩略图。谷歌搜索结果和社交平台转发时取的是这两张图,不少站点的 favicon 还是建站工具的默认图标,一年都没换过。这两处加起来改一次不超过 1 个小时,而它在谷歌结果页上出现的次数,比站内任何一处都多。

brand consistency across website pages, aligned visual elements on one line

常见问题

Q1:没有设计师能做一致性吗?

A:能做。主色取一个、字体定 3 档、产品图一次拍完,这三件事不依赖设计能力,依赖的是定下来之后不再改。

Q2:老站改视觉会不会掉排名?

A:只改样式不动 URL 和内容,谷歌看到的是同一个页面换了件衣服,排名波动一般在两周内回稳。

Q3:多语言站的称呼也要统一吗?

A:每个语种内部统一即可,跨语种不必强行一致,但要让同一语种下公司名只有 1 个写法。

Q4:规范文档要写多细?

A:写到能交接的程度。色值、字号、图片规格、称呼写法各一页,新人照着做不会走样,就够用了。

11 关于作者与参考来源

张凯文,山东支点网络科技有限公司,长期做外贸网站建设与谷歌 SEO。

官网建设上有拿不准的地方,可以在站内联系我们。

Google Search Central(developers.google.com/search/docs)

PageSpeed Insights(pagespeed.web.dev)