Апп эсвэл вэбсайтдаа олон хэл нэмэх хэрхэн вэ

Аппд олон хэл нэмэхийн тулд интерфэйсийн текст бүрийг хэл тус бүрийн орчуулгын файлд шилжүүлж, i18n сангаар ачаалдаг болгож, сонголтыг санадаг хэл солигч нэмнэ. Хайлтад олддог нийтийн хуудсуудын хувьд хэл бүрт өөрийн URL өгч, жишээ нь /fr/, хувилбаруудыг hreflang тагаар холбоно. Дараа нь хүмүүс мартдаг хэсгүүдийг шийдэх хэрэгтэй: огноо, тоо ба валют, зарим хэлний урт текст, баруунаас зүүн бичиг, мөн өгөгдлийн санд хадгалагдсан контент.

Таны сонсох нэр томьёо

• Интернационализаци (i18n): кодыг ямар ч хэлийг дэмжихэд бэлтгэх — текстийг кодонд шууд бичихгүй, локалд тохирсон формат, уян хатан зохиомж. "18" гэдэг нь i ба n үсгийн хооронд байгаа үсгүүдийн тоо.
• Локализаци (l10n): аппыг тодорхой хэл эсвэл зах зээлд тохируулах, голчлон орчуулга, заримдаа валют, зураг болон хууль эрх зүйн текст.
• Локал: хэл, заавал биш байдлаар бүс нутаг хамт, жишээ нь en-GB эсвэл pt-BR.

I18n-ийг нэг удаа хийвэл шинэ хэл нэмэх нь ихэвчлэн зөвхөн орчуулгын ажил болдог.

Сонголт ба хувилбарууд

Ихэнх аппд стандарт i18n сан, орчуулгын файл зөв суурь юм. Хүсвэл машин эсвэл AI-аар ноорог орчуулж болно, дараа нь хэрэглэгчдэд хамгийн их харагдах хэсгийг хэлээ сайн мэддэг хүнээр шалгуулаарай.

Олон хэлтэй аппын бүрэлдэхүүн хэсгүүд

Орчуулгын файлууд

<h1>Welcome back</h1> гэж бичихийн оронд код t('dashboard.welcome') гэж бичээд, локал бүрт текстийг агуулсан файл байна:

{
  "dashboard": {
    "welcome": "Welcome back, {{name}}",
    "items_one": "{{count}} item",
    "items_other": "{{count}} items"
  }
}

Хувьсагчдад хашилт (placeholder) ашиглаж, өгүүлбэрийн хэсгүүдийг наахгүй — үгийн дараалал хэл бүрт өөр байдаг. Мөн сангийн олон тооны дүрмийг ашигла: англи хэлэнд хоёр хэлбэр байдаг (1 item, 2 items), харин зарим хэлэнд гурав, дөрөв эсвэл түүнээс олон хэлбэр байдаг.

Огноо, тоо, мөнгийг форматлах

Эдгээрийг гараар форматлахгүй. Хөтчийн суурилуулсан Intl API ямар ч локалд форматлана: англиар 1,234.5 бол германаар 1.234,5; огноо өдрөөр эсвэл сараар эхлэх нь өөр; валютын тэмдэг байрлал өөр. Огноог UTC-ээр хадгалж, мөнгийг валютын кодтой тоо болгон хадгалж, зөвхөн харуулахдаа форматла.

Уран тэлэх зохиомж

Орчуулсан текст ихэвчлэн англиас урт байдаг — ялангуяа герман болон фин хэл. Тогтмол өргөнтэй товчлуур, тасарсан шошгоос зайлсхий, мөн хамгийн урт хэлээрээ туршаарай.

Баруунаас зүүн бичдэг хэлүүд

Араб, еврей, перс, урду хэлүүд баруунаас зүүн тийш уншигддаг. Тэдгээр локалд хуудсан дээр dir="rtl" тавьж, CSS-ийн логик шинж чанарыг (margin-inline-start биш margin-left; Tailwind-д ml-4 биш ms-4) ашигла, ингэснээр зохиомж өөрөө толинд харагдана. Сумнууд гэх мэт чиглэлтэй дүрсийг бас эргүүлэх хэрэгтэй.

Хэл солигч ба илрүүлэлт

Хуудас бүрт хэл солигч харуулж, хэл бүрийн өөрийн нэрээр ("Deutsch", "Français", "العربية") нэрлэ, тугаар биш — туг нь улс орныг, харин хэлийг илэрхийлдэггүй. Анх зочлох үед хөтчийн хэлийг илрүүлж хувилбарыг санал болгох боловч зочны тодорхой сонголтыг илүү чухалд тооцож санаарай.

URL ба SEO

Хайлтын үр дүнд гарах хуудас бүрт хэл тус бүрт өөр URL хэрэгтэй. 2026 оны 9-р сарын байдлаар Google-ийн олон хэлтэй сайтын удирдамж:

• Хэл тус бүрт тусдаа URL — дэд хавтас (example.com/fr/) хамгийн энгийн; дэд домэйн болон улсын домэйн ч ажиллана. URL параметр (?lang=fr) санал болгодоггүй.
• Зөвхөн cookie эсвэл хөтчийн тохиргоогоор хэл солихгүй; Google-ийн роботод бусад хувилбар харагдахгүй байж магадгүй.
• Хэлээр автоматаар шилжүүлэхгүй; оронд нь хувилбаруудыг холбоно.
• hreflang ашигла Google-д аль хуудас нь аль хуудасны орчуулга болохыг хэлэхийн тулд. Хувилбар бүр өөрийгөө болон бүх бусдыг жагсаах ёстой, эс бөгөөс тэмдэглэгээ үл тоомсорчдог. Нөөц хуудасны хувьд x-default нэм.
• Google хуудасны хэлийг харагдах агуулгаас илрүүлдэг, lang эсвэл hreflang-аас биш — тиймээс зөвхөн цэсийг биш бүх хуудсыг орчуул.

Гэсэн хэдий ч хувилбар бүрт <html lang="fr"> тавь: дэлгэцийн уншигч нь үүнийг ашиглан зөв дуудлага сонгодог, энэ нь хүртээмжтэй байдлын шаардлага юм.

Нэвтэрсэн аппын дэлгэцүүдийг индексжүүлэх шаардлагагүй тул эдгээрт хэлийг хэрэглэгчийн профайлд хадгалах нь зохино. Хайлтад олдох нийтийн хуудсуудыг эхлээд роботод үзүүлэх талаар AI-ээр бүтээсэн вэбсайтын SEO хуудаснаас үзнэ үү.

Өгөгдлийн сан дахь контент

Интерфэйсийн текст файлд хадгалагдана; бүтээгдэхүүний нэр, блог постууд, ангилалууд зэрэг контент өгөгдлийн санд байна. Хоёр түгээмэл арга байна:

• Орчуулгын хүснэгт: product_translations (product_id, locale, name, description). Цэвэр бөгөөд олон хэлд өргөжинө.
• Талбар бүрт JSON багана: name: {"en": "...", "fr": "..."}. Цөөн хэлтэй бол энгийн.

Орчуулга дутуу байвал юу болохыг шийд — ихэвчлэн хоосон зай харуулахын оронд үндсэн хэл рүү буцаах нь зөв.

Имэйл ба мэдэгдэл

Хэрэглэгч бүрийн хэлийг хадгалж, имэйл, мэдэгдэл, PDF-үүдэд ч ашигла. Аппаа орчуулаад, тавтай морилно уу гэсэн имэйл англиар явдгийг мартах нь амархан.

Хэрэгтэй запрууд

AI app builder-т өгөх тодорхой запрууд:

react-i18next ашиглан i18n нэм. Хэрэглэгчид харагдах бүх текстийг нэрийн зайтай түлхүүртэй locales/en.json руу шилжүүл, текст залгахын оронд interpolation болон олон тооны дүрмийг ашигла, огноо, тоо, үнийг одоогийн локалаар Intl ашиглан форматла. Одоогоор ямар ч үгийг өөрчлөхгүй.

Франц ба герман хэл нэм. Нийтийн маркетингийн хуудсууд үндсэн хуудсанд англи хэлтэй, /fr/ ба /de/ URL угтвартай байх ба хуудас бүрт hreflang холбоос (өөрийгөө болон x-default-ийг оруулаад), хуудас бүрт html lang тохируулсан байг. Хэл солигч нэм, хэл бүрийн өөрийн нэрийг харуул. Нэвтэрсэн хуудсуудын хувьд хэлийг хэрэглэгчийн профайлд хадгал.

Баруунаас зүүн дэмжлэгтэй араб хэл нэм: араб хэлд dir="rtl" тавь, зүүн/баруун margin ба padding-ийг логик шинж чанараар солих, чиглэлтэй дүрсийг толиор эргүүлэх, маягт болон хүснэгт зөв уншигдаж байгааг шалга.

Алхам алхмаар

1. Эхний нэмэлт хэлээ сонго бодит эрэлтэд үндэслэн — таны зочид, харилцагчид хаана байгаагаар.
2. Кодоо i18n-д бэлтгэ: текстийг файлд шилжүүлж, олон тооны дүрэм болон Intl форматыг нэм. Зөвхөн англи хэлтэйгээр гаргаж, юу ч өөрчлөгдөөгүйг шалга.
3. URL бүтцээ шийд нийтийн хуудсуудад, мөн hreflang нэм.
4. Орчуул: машин эсвэл AI-аар ноорог хийгээд, хэлээ сайн мэддэг хүнээр шалга. Орчуулагчдад контекст өг — "Book" гэдэг үг нэг дэлгэцэд нэрлэх үг, нөгөөд үйл үг байдаг.
5. Өгөгдлийн сангийн контентыг орчуулж, нөөц утгуудыг тохируул.
6. Бусдыг нь локалжуул: имэйл, алдааны мессеж, хууль эрх зүйн хуудсууд, текст агуулсан зургууд.
7. Хэл бүрийг туршаарай утасны өргөнд, баруунаас зүүн хэрэгтэй бол мөн.
8. Процесс тогтоо ингэснээр шинэ функц орчуулгатай хамт гарна, хэдэн сарын дараа биш.

Түгээмэл алдаанууд

• Өгүүлбэр наах ("You have " + n + " messages"), энэ нь бусад хэлд эвдэрнэ.
• Компонент дотор кодчилсон текст үлдэх, алдааны мессеж болон баталгаажуулалтын мессеж.
• Огноо, үнийг гараар форматлах.
• Хэлний оронд туг ашиглах, мөн хүмүүсийг буруу хувилбарт гацаадаг автомат шилжүүлэлт.
• Индексжүүлэх хуудсуудад бүх хэлд нэг URL.
• Буцах hreflang холбоосын дутуу байдал, тиймээс Google тэмдэглэгээг үл тоомсорно.
• Интерфэйсийг орчуулж, контентыг орчуулахгүй, эсвэл эсрэгээр.
• Хянагдаагүй машин орчуулга үнэ, хууль эрх зүйн болон төлбөрийн хуудсан дээр.

Олон хэлтэй байдлын жагсаалт

• Хэрэглэгчид харагдах кодчилсон текст байхгүй; олон тооны дүрэм болон placeholder ашигласан
• Огноо, тоо, валют Intl-ээр форматлагдсан
• Хуудас бүрт өөрийн нэртэй хэл солигч; сонголт хадгалагдсан
• Нийтийн хуудсуудад хэл тус бүрт тусдаа URL; албадан шилжүүлэлтгүй
• Хувилбар бүрт hreflang, өөрийгөө болон x-default-ийг оруулаад
• Хуудас бүрт html lang (шаардлагатай бол dir="rtl") тохируулсан
• Өгөгдлийн сангийн контент орчуулагдсан, ухаалаг нөөц утгатай
• Имэйл, мэдэгдэл хэрэглэгчийн хэлээр явдаг
• Харилцагчид харагдах текстийг хэлээ сайн мэддэг хүн шалгасан

Mythex дээрх олон хэл

Mythex дээр та хэл нэмэхдээ чатаар хүсдэг — тусдаа орчуулгын самбар байхгүй, тиймээс дээрх запрууд яг үгчилж ажиллана. Эхлээд i18n алхмыг хийгээд, хэл нэмэхээс өмнө Preview дээр шалгаарай; энэ нь томоохон шинэчлэл тул чат ба checkpoint нь буцах цэг өгнө. Хэрэв аппаа AI эсвэл орчуулгын API-аар контентыг автоматаар орчуулах бол энэ нь таны өөрийн API түлхүүрийг ашиглана, төслийн тохиргоонд хадгалагдана (орчны хувьсагч ба нууц мэдээлэл); LLM API-г хэрхэн ашиглах хуудсанд зардлын талаар тайлбарласан. Шинэ хэлүүд бэлэн болсны дараа дахин нийтэлнэ үү.

Асуултууд