بین المللی سازی (i18n) در وب سایت های چند منطقه ای

“چرا سبد خرید من در فرانسوی برای کاربران در برزیل نشان داده شده است؟”

این یک سوال واقعی است که من یک بار از مشتری دریافت کردم. پاسخ ، به طور خلاصه ، این بود: بین المللی سازی (یا i18n ، برای کیبورد خسته) پس از پرتاب مانند چرخ آموزش wobbly پیچیده شد. خوب پیش نرفت

در دنیای بیش از حد متصل امروز ، وب سایت شما ممکن است بازدید کنندگان از جاکارتا ، ژوهانسبورگ یا جرسی را در همان روز داشته باشد. و اگر پروژه وب شما به معنای واقعی کلمه و تصویری به زبان آنها صحبت نمی کند ، تجارت را از دست می دهید. سریع

بیایید برای وب سایت های چند منطقه ای-و چگونه می توانیم اولین بار (یا حداقل دوم) آن را درست کنیم.

به هر حال هک I18N چیست؟

بیایید اصطلاحات را رمزگشایی کنیم: I18N مخفف بین المللی سازی است – 18 نامه بین “من” و “n” وجود دارد. (بله ، کسی حساب کرد.)

بین المللی سازی چارچوبی برای سازگاری سایت شما با زبانهای مختلف ، ارزها ، قالب های تاریخ و زمینه های فرهنگی است.

i18n را با بومی سازی (L10N) اشتباه نگیرید. به عنوان i18n به عنوان ساخت کمد و L10N به عنوان انتخاب لباس برای هر منطقه فکر کنید.

اشتباهات اولیه همه ما انجام می دهیم

اگر متن انگلیسی را به طور مستقیم در HTML قرار داده اید ، دست خود را بلند کنید. بله ، من هم

در اینجا چند لحظه “اوه” ارزشمند که من دیده ام (یا ایجاد شده است) آورده شده است:

• استفاده از پرچم ها برای زبانها
• قالب بندی قیمت ها به عنوان 9.99 دلار در سطح جهان (آن را در اروپا امتحان کنید. یا هند ، جایی که کاما یک بازی کاملاً متفاوت را انجام می دهد.)
• هماهنگی رشته اشتباه پیش رفته است: "Hello" + userName + "! You have " + count + " messages."
  به زبان انگلیسی کار می کند. حالا آلمانی را امتحان کنید.

درس: برنامه i18n زود. تیم DEV و کاربران جهانی شما – از شما متشکرم.

چگونه می توان i18n ساخت مثل شما

1. محتوای خود را با عاقلانه ساختار دهید

محتوای خود را از کد خود جدا کنید. از پرونده های زبانی مانند JSON یا YAML استفاده کنید:

json
{
"greeting": "Hello, {name}!"
}

اکنون مترجمان شما مجبور نیستند فقط برای یافتن “خوش آمدید!”

2. ترجیحات کاربر را تشخیص داده و احترام بگذارید

جغرافیایی به تنهایی آن را قطع نمی کند. سوئیس دارد چهار زبانهای ملی.

استفاده:

• کشف زبان مرورگر
• تنظیمات تنظیمات کاربر
• IP Fallback (به عنوان آخرین راه حل)

و به کاربران روش روشنی برای تغییر زبان بدهید-آن را در پشت یک نماد پرچم 6 پیکسل پنهان نکنید.

3. از کتابخانه های i18n استفاده کنید که وزنه برداری سنگین را انجام می دهند

یک کتابخانه جامد را برای پشته خود انتخاب کنید که جمع آوری ، پارامترها و قالب های تاریخ را کنترل می کند-یا در ساعت 2 صبح قوانین جمع اسلاوی را به دست می آورید

بیایید واقعی باشیم – I18N فقط کد نیست

گسترش متن

“ارسال” 6 شخصیت است. به زبان آلمانی؟ “Einreichen” (10). بر این اساس فضا را برنامه ریزی کنید.

پشتیبانی RTL

عربی و عبری تمام UI خود را تلنگر می زنند. آن فلش “پشت”؟ اکنون به روش اشتباه اشاره می کند.

حساسیت فرهنگی

همه نمادها جهانی نیستند. آن انگشت شست؟ در بعضی از فرهنگ ها توهین آمیز است. مخاطبان خود را بشناسید.

یک مطالعه موردی سریع: مقیاس گذاری به 12 بازار در 6 ماه

یک مشتری Fintech با یک برنامه نرم و صاف انگلیسی و جاه طلبی های جهانی به ما آمد.

این کاری است که ما انجام دادیم:

1. تمام رشته های UI را در JSON بومی سازی مجدد قرار داد
2. قالب بندی پیام پویا یکپارچه
3. به کتابخانه های تاریخ/زمان منطقه ای تغییر یافته است
4. با کاربران واقعی در هر منطقه جدید آزمایش شده است

نتیجه: دست انداز تبدیل 40 ٪ در آمریکای لاتین. بلیط های مربوط به “مسائل زبانی” را پشتیبانی کنید؟ عملاً صفر.

شریکی می خواهید که برنامه های مقیاس پذیر در بازارها باشد و مین های زمینی i18n را می شناسد؟ Bridge Group Solutions راه حل های وب با عملکرد بالا و فرهنگی را در سراسر جهان ارائه می دهد.

خط پایین: بین المللی سازی یک ویژگی نیست – این یک پایه است

ساختن یک وب سایت چند منطقه ای بدون i18n مانند برنامه ریزی تعطیلات بدون بررسی آب و هوا است. مطمئناً ، ممکن است کار کند – اما احتمالاً خوب نیست.

بنیاد را درست و هر چیز دیگری – اکسپرس ، بومی سازی ، تبدیل ها – آسان تر می کند. محتوای شما بومی است. برند شما احساس جهانی می کند.

و سبد خرید شما؟ هر بار به زبان درست نشان می دهد.

tl ؛ dr recap

• برنامه i18n اوایل-sprint-Zero Early
• هرگز رشته های کد سخت
• از کتابخانه هایی استفاده کنید که از تعدد ، قالب بندی و متغیرها پشتیبانی می کنند
• حساب برای طول متن ، طرح بندی RTL و فرهنگ
• با انسانهای واقعی در هر منطقه آزمایش کنید

کنجکاو است که چگونه مهندسان قبل از اینکه تولید کنند ، برای چالش های دنیای واقعی I18N آموزش می بینند؟ Internboot توسعه دهندگان را به تجربه دستی در توسعه وب مقیاس پذیر و آماده جهانی مجهز می کند.