做了15年建站,我见过太多老板花大价钱做个双语站,结果老外看两眼就关掉了。为啥?因为咱们习惯用中文思维去套英文页面。今天不整虚的,就聊聊怎么把这事做对。
先说个真事儿。去年有个做机械设备的客户,直接拿中文站复制粘贴成英文,字体也没换。结果客户反馈说,页面看着特别“挤”,像菜市场传单。其实问题出在字号和行距上。中文一个字就是一个方块,英文单词有长有短,直接对应排版,肯定乱套。
怎么做中英文网站设计,第一步不是画图,是定网格。
我一般建议,英文版的行高至少要比中文版大1.5倍。比如中文用16px,英文最好上到18px甚至20px。还有字体,千万别用宋体或者微软雅黑去硬撑英文,那叫“洋泾浜”风格。直接上Helvetica, Arial或者Roboto,干净利落。
再说说布局。很多同行喜欢把中英文切换做成两个独立的页面,链接藏在页脚。这太反人类了。用户想切换语言,应该像呼吸一样自然。我习惯把语言切换按钮放在右上角,显眼但别太抢戏。
这里有个细节,很多人容易忽略。就是图片里的文字。
如果你把中文页面的图片直接翻成英文,往往会出现排版溢出。比如一个按钮,中文是“联系我们”,英文是“Contact Us”,长度差了一大截。这时候,要么改按钮宽度,要么换词。我见过最蠢的做法,是把英文单词强行缩小塞进去,结果看不清。这种低级错误,会让专业度瞬间归零。
还有颜色。中文网站喜欢大红大绿,喜庆。但欧美客户偏好冷色调,或者高对比度的黑白灰加一个主色。别觉得这是偏见,这是数据。根据我手头几个B2B项目的后台数据,冷色调页面的停留时间平均高出20%。
再聊聊内容。翻译不是目的,传达才是。
中文喜欢用成语,喜欢排比句,讲究气势。英文喜欢直接,讲究逻辑。比如首页Banner,中文可能写“匠心独运,铸就辉煌”,英文如果直译,老外根本不知道你在卖啥。直接写“We Build Precision Machinery Since 2005”。简单,有力,信任感一下就来了。
我有个做新能源的客户,刚开始英文站全是长段落,密密麻麻。后来我让他把每段控制在3-4行,多用Bullet points(项目符号)。改完之后,跳出率降了15%。这就是习惯差异。英文阅读是横向的,视线移动快,你需要给眼睛留“呼吸感”。
另外,移动端适配也是个坑。
很多设计师在电脑上看中英文切换没问题,一到手机上看,导航栏就错位。因为英文单词长,一个单词可能占满一行,导致布局崩坏。测试的时候,一定要用英文真机跑一遍。别信模拟器,模拟器有时候会偷懒。
最后,说说SEO。
中英文网站的关键词完全不同。你不能指望中文的SEO策略直接套用到英文上。英文搜索习惯更偏向于问句,比如“how to choose...”。所以标题和Meta描述要针对这些长尾词优化。别堆砌关键词,Google现在很聪明,堆砌会被降权。
我做站这些年,最大的感悟是:设计是为了解决问题,不是为了炫技。
中英文网站设计,核心在于“尊重差异”。尊重阅读习惯的差异,尊重审美偏好的差异,尊重搜索逻辑的差异。别把中文站简单翻译成英文站,那叫“伪双语”。要做成两个独立的、各自优秀的站点,只是共用一套品牌基因。
有时候,为了赶工期,我确实会犯点小错。比如上次给一个食品客户做站,英文版的日期格式忘了改,还是用的YYYY-MM-DD,虽然老外能看懂,但本地人更习惯MM/DD/YYYY。这种小瑕疵,虽然不影响大局,但看着心里总有点别扭。所以,细节决定成败,这话虽然老套,但真没错。
希望这些经验,能帮你少走点弯路。建站这事儿,急不得,得慢慢磨。