增长扩展:多语言、本地化与新市场
ClearCopy输出英文文案,但中文开发者也可能需要它。今天先完成一个小扩展:保留英文报告,为中文读者增加完整的中文操作入口。 成品是两套页面文案、两条独立URL和一组互相指向的语言标注,不一次生成十种无人维护的翻译。
准备可修改的Astro教学项目,沿用现有英文检查能力。没有部署也能先在本地做两条路由;下列域名均用保留的example.com示意,正式HTML中的绝对地址要换成自己的真实域名。
把界面语言和报告语言分开
先复制这份完成例:
| 页面位置 | 英文入口 /en/ |
中文入口 /zh/ |
|---|---|---|
| 页面主标题 | Check your English app description before you publish. | 发布前,检查你的英文App介绍 |
| 第一个输入标签 | Product facts | App真实功能 |
| 第二个输入标签 | English description draft | 已有英文描述草稿 |
| 按钮 | Check description | 检查英文描述 |
| 输出说明 | The rewrite is in English. | 改写结果仍为英文,操作界面为中文。 |
| 价格 | $9 for 10 checks. No auto-renewal. | 9美元10次检查,不自动续费。 |
中文入口不承诺已经增加中文文案输出、人民币结账或境内支持渠道。用户先知道要填英文草稿和真实功能,工具继续做相同报告。这样只增加界面范围,不顺便改变整个产品。
在Astro建立两条能直接访问的页面
保留语言独立路径,例如src/pages/en/index.astro与src/pages/zh/index.astro。可以共用布局与报告组件,但分别提供对应标题、标签、错误与价格说明。把同一份行李清单事实与错误同步宣称放到两个入口,中文页可以用中文解释为什么删掉这条宣称,最终替代句仍是英文。
打开Google多语言网站说明,页面建议语言版本采用不同URL。本次直接让/en/和/zh/可被打开,不只用Cookie在同一个URL里切换正文。
在英文页面加简体中文链接到/zh/,中文页加English链接到/en/。不依据IP强制把中文读者送到中文页;用户可能明确想看英文示例,保留他的选择。
把两页互相标出来
按Google语言版本标注说明,每页列出自己与对应语言页。英文页head示例为:
<link rel="canonical" href="https://example.com/en/" />
<link rel="alternate" hreflang="en"
href="https://example.com/en/" />
<link rel="alternate" hreflang="zh-Hans"
href="https://example.com/zh/" />
中文页的alternate两行保持同样对应关系,canonical改为自己的中文URL:
<link rel="canonical" href="https://example.com/zh/" />
<link rel="alternate" hreflang="en"
href="https://example.com/en/" />
<link rel="alternate" hreflang="zh-Hans"
href="https://example.com/zh/" />
同时为页面设置正确lang属性与各自title、description,帮助阅读与辅助工具。Google仍会从可见正文判断语言,不能只改lang就把英文正文算成中文版本。
部署前查看生成HTML:链接用真实完整HTTPS地址,两页均可访问,互相指向相应版本。若中文页404,先修路由,不提交一个仅在语言切换菜单中存在的地址。
把一次失败也翻译完整
只翻首页最容易漏掉报告失败和余额不足。补齐这份状态稿:
Checking your description…
正在检查英文描述……
Your check couldn't be completed. Your credit was not used.
本次检查未完成,没有扣除次数。
You have no checks remaining. Get another 10-check package.
剩余检查次数为0,可购买新的10次包。
用测试账号进入两个页面,提交相同行李清单草稿,遇到等待、成功和失败时都能读懂下一步。错误只翻译用户可操作的内容,后台错误代码仍保留稳定值供开发排查。
再检查手机上英文按钮是否挤出容器,中文价格是否误写成人民币。语言文本长度不同,固定宽度适合英文时不一定适合所有翻译,按钮允许正常换行并保持焦点可见。
为新读者核对实际可用的付款
配图来自Paddle付款方式说明,它展示设备、币种与方式的条件。即使接口支持某钱包,你自己的商户账号、买家位置和设备也会影响展示。若当前产品使用Stripe,按实际支付商文档核对,不为截图切换平台。
本课中文入口仍标9美元。用适用的测试环境检查中文入口是否进入正确商品、金额与币种是否一致、失败提示能否回到中文页、订单是否属于当前登录账户。不要因为页面翻译好了就宣传任何地区都能付款。
用一位中文试读者完成闭环
把真实可访问的中文测试入口发给愿意试读的人,任务固定为“用行李清单示例,找出不应该承诺的同步功能”。观察他是否能独立找到事实、草稿、问题说明和英文替代句。不在此时同时更换收费方案或示例产品。
保存双语文案表、两页HTML标注及一条实际走读问题。你新增的是一个可完成相同任务的入口;当下一种语言真的有读者和维护能力时,按这套路径继续增加,而不把翻译数量当成已经进入新市场。