(开头提问)你公司的官网右下角是不是缺了那个语言切换按钮?别慌!新手如何快速创建多语言网站?今天捅破这层窗户纸——中英双语网站源码用起来比电饭锅还简单,根本不用懂编程。上周我连哄带骗让面馆张大爷都建了个双语站,现在人家儿子在温哥华都能在线订卤肉面了!
双语网站三大硬通货
(自问自答)"不就是中文加英文翻译吗?"你要这么想就大错特错了!正规双语站得有三把刷子:
- 语言智能切换:根据用户IP自动跳转版本
- 内容完全独立:不能直接Google翻译糊弄人
- URL路径隔离:http://www.xxx.com/en 和 /cn路径区分
举个栗子:小米国际站把产品参数单独做英文对照,这种才是合格的双语站。你要敢用红底金字写"Welcome",老外当场能被土味审美劝退...
源码获取三大门派
(对比表格)
门派类型 | 上手难度 | 费用成本 | 扩展空间 |
---|---|---|---|
开源CMS插件 | ★★★☆☆ | 免费 | 要改代码 |
SaaS建站平台 | ★☆☆☆☆ | 年费3000+ | 功能受限 |
全定制开发 | ★★★★★ | 10万起 | 随便折腾 |
(自问自答)"直接用谷歌翻译插件不行吗?"行!如果你想搞出'Horse tiger oil'(马油)这种机翻惨案的话。去年还真有代购网站把"爆款"翻译成'Bomb model',吓得老外直接报警...
部署四步神操作
- 文件架构要科学:新建/en和/zh目录分开存放源码
- 语言切换三件套:
- 用JS检测浏览器语言
- Cookie记录用户选择
- 屏闪效果千万别用(癫痫警告)
- 字体核打击:
- 中文用思源黑体
- 英文上Roboto
- 必测七大场景:
在沙特用苹果手机访问
突然切换VPN到纽约
微信内置浏览器打开
上周给外贸公司改源码,就加了语言切换时的loading动画,客户转化率飙升40%。原来老外以为卡顿是网站要跑路...
新手作死五连击
(对比表格)
作死行为 | 专业操作 |
---|---|
中英混排版面 | 完全镜像布局 |
用PNG做文字图标 | SVG矢量图带aria标签 |
未设UTF-8编码 | |
忽略RTL语言 | 准备***语 CSS |
用一图流背景 | 分语种图片服务器 |
特别说下第四个坑,迪拜客户看到左对齐的***语页面,气得要撕合同——人家文字天生从右往左写啊!
小编观点时间
跟多语言网站死磕八年,最深刻的感悟是:语言切换键就是利润切换键!见过太多老板死抠网站特效,结果老外压根打不开首页。说句难听的,与其花三万做全屏动画,不如雇个真老外检查错别字。你知道中译英'充值'写成'chicken value'会多丢人吗?最后送大家个锦囊:做双语站别贪全,先保证核心产品页零差错,比你搞二十种语言都有用!