• Сайти · Next.js i18n-роутинг

Багатомовний сайт із коректним hreflang

Розробка багатомовного сайту — це схема адрес, окремий контент під кожну мову і технічна декларація мов, яку читає пошук. Другу й третю версію робимо так, щоб кожна сторінка мала власну адресу, власні метатеги, власний hreflang і потрапила в карту сайту разом з усіма іншими. Строк — 12–30 робочих днів; час самого перекладу сюди не входить, він іде паралельно на боці вашого перекладача. Ціни на сторінці немає навмисно: обсяг тексту й стан наявного сайту спершу міряємо аудитом.
Подивитись, як це працює
Вартість
після безкоштовного аудиту
Гарантія
30 днів після підписання акта
Мовні версії у виміряному магазині білизни
три робочі гілки — коренева ru, /ua/ і /pl/, усі віддають HTTP 200
Вартість
після безкоштовного аудиту
Гарантія
30
днів після підписання акта
Мовні версії у виміряному магазині білизни
три робочі гілки — коренева ru, /ua/ і /pl/, усі віддають HTTP 200
Що там зламано
hreflang заведено двічі двома різними механізмами, набори суперечать один одному
Коди мов там же
lang="ua" замість uk, а на польській — lang="code": змінна не підставилася в шаблон
Фірмовий сайт бренду на ринок ЄС
три версії bg/en/ru, перша відповідь 512,6 мс при 220,4 КБ HTML
Двомовний B2B-каталог запчастин
hreflang uk-ua / ru-ua / x-default коректні, 1 992 адреси в карті сайту без дублів
Строк робіт
12–30
робочих днів, без часу на сам переклад
Перед кошторисом
безкоштовний аудит мовних версій, 2–4 робочих дні
Етапи роботи

Прозорі етапи з погодженням на кожному кроці

Загальний строк:12–30 днів

  1. Розбір мовних версій і рішення по мовах

    2–4 робочих дні

    Знімаємо, що реально віддає сайт: коди мов, hreflang, canonical, склад карти сайту. Фіксуємо перелік мов і ринків під них, а також те, яку версію бачить відвідувач, що зайшов без вибору.

  2. Схема адрес і план редиректів

    2–3 робочих дні

    Обираємо префікс, піддомен або домен і обґрунтовуємо вибір письмово. Тут же складається таблиця «стара адреса → нова», яка потім стає планом 301-редиректів.

  3. Мовний роутинг у движку

    3–6 робочих днів

    Розгортаємо мовні гілки, перемикач із переходом на ту саму сторінку, службові сторінки й форми в кожній мові. На Next.js це i18n-роутинг, на WordPress — WPML, на OpenCart — штатна мультимовність.

  4. Файли на переклад і заливка готового

    2–8 робочих днів

    Віддаємо текст структурованими файлами з окремими полями під title і description, приймаємо переклад назад і заливаємо. Розкид у днях великий саме через обсяг тексту, а не через кількість мов.

  5. hreflang, canonical, метатеги, карта сайту

    2–5 робочих днів

    Проставляємо взаємні hreflang з x-default, самопосилальні canonical, перевіряємо, що кожна гілка присутня в карті сайту, і додаємо директиву Sitemap у robots.txt.

  6. Перевірка в кожній мові, аналітика, передача

    1–4 робочих дні

    Проходимо форми й службові сценарії кожною мовою, дивимось верстку на довгих словах, розділяємо трафік по мовах у GA4, віддаємо інструкцію по заведенню сторінок.

Технології та інтеграції

На чому будуємо і з чим це з'єднується

Стек

  • Next.js i18n-роутинг — мовний префікс і словники з коробки; обмеження: нова мова додається релізом, редактор сам її не заведе
  • React і TypeScript — типізовані ключі перекладу ловлять забутий рядок на збірці, а не на живому сайті
  • WordPress + WPML — редактор веде мови сам; обмеження: плагін платний, а на великому сайті помітно навантажує адмінку
  • Штатна мультимовність OpenCart — коли мовну версію додають до наявного магазину без зміни движка
  • nginx і HTTP/2 — правила мовних редиректів і сертифікати, якщо ринки роз'їжджаються по піддоменах
  • Cloudflare — кеш із урахуванням мовного префікса; обмеження: неправильний ключ кешу віддає одну мову замість іншої

Інтеграції

  • Google Search Console — окремі властивості під мовні версії
  • GA4 із розділенням по мовах
  • Google Tag Manager
  • WPML
  • Crowdin — обмін файлами перекладу
  • eSputnik — розсилки мовами
Що входить

Повний перелік робіт і того, що ви отримуєте на виході

  • Схема мовних адрес — префікс у шляху, піддомен чи окремий домен — з письмовим обґрунтуванням вибору
  • Мовний роутинг: перемикач веде на ту саму сторінку іншою мовою, а не викидає на головну
  • hreflang з x-default і самопосилальний canonical у кожній версії — пошук читає їх як варіанти однієї сторінки
  • Переклад інтерфейсу: меню, кнопки, підписи полів, помилки форм, сторінки 404 і «дякуємо»
  • Окремі title і description на кожну мову — свій сніпет замість копії оригіналу
  • Усі мовні гілки в карті сайту плюс директива Sitemap у robots.txt
  • Формати чисел, дат і валют під мову та відмінки в шаблонах — без «3 товари» замість «3 товарів»
  • Перенесення наявного контенту з розбором старих адрес і 301-редиректами один в один
  • GA4 із розділенням по мовних версіях — видно, яка мова приносить звернення, а яка стоїть порожня
  • Передача: інструкція, як заводити сторінку одразу в усіх мовах, гарантія 30 календарних днів
Коли ця послуга не підходить

Що не входить у роботу — щоб не було сюрпризів на здачі

  • Сам переклад текстів — ми готуємо файли й приймаємо готовий переклад від вашого перекладача
  • Юридична адаптація умов під законодавство іншої країни
  • Машинний переклад як заміна людському — ми його не ставимо
  • Мультивалютність і локальні платіжні методи — окремий обсяг робіт
  • Просування мовних версій у пошуку після запуску
Кому підходить

Ситуації, у яких ця послуга дає результат

Сценарій 1 із 4

Другу мову вже додали, а звернень з неї немає

Перемикач у шапці працює, сторінки відкриваються, а в GA4 друга мова дає одиниці візитів. Причина зазвичай технічна: версія не потрапила в карту сайту, або canonical з неї веде на основну мову, або hreflang оголошує пару, якої не існує. Перевіряти це треба замірами, а не оком — на живому магазині ми бачили, як 590 адрес карти сайту вели на одну гілку з двох оголошених.

Розберемо вашу ситуацію на безкоштовному аудиті
Мовний префікс у шляху проти окремого домену на ринок

Чим цей варіант відрізняється від альтернативи

Окремий домен на кожен ринокНаш підхід
Вага доменукожен домен набирає вагу окремо і з нулянакопичується на одному хості, нова мова стартує не з нуля
Скільки місць адмініструванняокремі сайти, окремі оновлення, окремі бекапиодна кодова база, одна панель, одна публікація
hreflangзшивається між хостами вручну — саме тут набори найчастіше розходятьсяпроставляється всередині проєкту й перевіряється однією перевіркою
Локальний сигнал для ринкусильніший: місцева зона, місцеві контакти, місцева юрособаслабший: домен один і зона одна
Коли братиринки обслуговують різні команди з різним асортиментом і різними умовамитой самий бізнес говорить кількома мовами
Безкоштовний аудит

Безкоштовний аудит мовних версій

Багатомовність ламається тихо: сторінки існують, перемикач працює, а пошук бачить лише одну гілку. Це видно тільки замірами, і саме їх ми робимо безкоштовно.

Що ми міряємо

  1. Які мовні версії справді є в карті сайтуНайчастіший дефект нашої вибірки. На одному сайті всі 590 унікальних адрес карти вели лише на одну мовну гілку, хоча оголошено було дві; на іншому в карту не потрапила жодна адреса другої мови.
  2. Чи не суперечить hreflang сам собіНа виміряному магазині hreflang був заведений двічі двома різними механізмами, і набори суперечили один одному: за посиланням для української версії віддавався контент іншою мовою.
  3. Коди мов і x-defaultПеревіряємо валідність кодів. Ми зустрічали lang="ua" замість uk і навіть lang="code" — у шаблон не підставилася змінна, і сторінка оголосила мову неіснуючим кодом.
  4. Чи справді перекладені title і descriptionКласика: інтерфейс перекладено, атрибут мови змінено, а title і опис лишились мовою оригіналу — дві сторінки з однаковими метатегами, які пошук читає як дублікат.
  5. Самопосилальні canonical на кожній версіїЯкщо canonical з усіх мовних версій веде на одну, решта мов випадає з індексу разом із усім своїм контентом.
  6. Обсяг тексту до перекладуРахуємо реальний обсяг у знаках по типах сторінок — від цього залежить і строк, і бюджет на переклад, який ви платите не нам.

Що ви отримуєте

  • Документ із замірами: які мови оголошені, які реально в карті сайту, де hreflang суперечить сам собі.
  • Перелік сторінок, у яких метатеги не перекладені, з поясненням наслідків.
  • Схему мовних адрес: за яким принципом будуються шляхи й що робити зі старими посиланнями.
  • Оцінку обсягу тексту до перекладу в знаках по типах сторінок.

Строк: 2–4 робочих дні від отримання адреси сайту

Чому це безкоштовно

Бо ми не знаємо наперед, це налаштування на три дні чи перебудова структури на три тижні. Заміри дають відповідь за два-чотири дні й лишаються у вас.

Що далі

Після аудиту даємо кошторис по етапах. Якщо виявиться, що потрібно лише поправити hreflang і карту сайту, — так і скажемо, це кілька днів роботи.

Коротка форма: контакт і адреса сайту

Не знайшли свій випадок?

Опишіть, як це влаштовано у вас, — відповімо, чи підходить «Розробка багатомовного сайту» і що це означає у вашій ситуації. Без брифу й без дзвінка: одне питання, одна відповідь.

Договір і документи

Працюємо офіційно

Договір, акт і рахунок — на кожен проєкт, а не тільки на великий. Без документів у вас немає ні прав на роботу, ні підстави провести витрати.

Нам довіряють6 брендів

Нам довіряють: Kvant Energy, GYPSUN, Naturel Cosmetics, Pancer Protection, LUGI, BeeTech

Умови, зафіксовані письмово8 пунктів

  • Договір, акт і гарантія 30 днів

    На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня.

  • ФОП і безготівковий розрахунок

    Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами.

  • Права й доступи — ваші

    Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику оформлюємо на вас.

  • Портал клієнта замість переписки

    На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці.

  • Сайти в дев'яти країнах

    Наші сайти працюють у дев'яти країнах: крім України — Польща, Німеччина, Австрія, Англія, Норвегія, Болгарія, Молдова, Іспанія.

  • Цифри, які можна перевірити

    Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром.

  • Спершу аудит, потім сума

    Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази.

  • Кажемо «ні», коли не впевнені

    Якщо задача не наша або строк нереальний — скажемо одразу.

  • Договір, акт і гарантія 30 днів

    На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня.

  • ФОП і безготівковий розрахунок

    Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами.

  • Права й доступи — ваші

    Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику оформлюємо на вас.

  • Портал клієнта замість переписки

    На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці.

  • Сайти в дев'яти країнах

    Наші сайти працюють у дев'яти країнах: крім України — Польща, Німеччина, Австрія, Англія, Норвегія, Болгарія, Молдова, Іспанія.

  • Цифри, які можна перевірити

    Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром.

  • Спершу аудит, потім сума

    Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази.

  • Кажемо «ні», коли не впевнені

    Якщо задача не наша або строк нереальний — скажемо одразу.

NDA підписуємо на запит. Після завершення співпраці наші доступи до ваших сервісів видаляємо самі.

Що впливає на вартість

Чому дві однакові на вигляд задачі рахуються по-різному

  • Обсяг тексту, а не кількість мовДві мови на сайті з двадцяти сторінок і дві мови на каталозі продукції з двохсот — різні проєкти при однаковій кількості мов. На аудиті рахуємо знаки по типах сторінок, і саме ця цифра рухає строк сильніше за все інше.
  • Стан наявного сайтуДодати мову до чистої структури — одна робота. Розплутати сайт, де мовні версії вже суперечать одна одній двома механізмами hreflang, — інша: спершу знімаємо, що реально віддається, і лише потім щось міняємо.
  • Тип мовних адресПрефікс у шляху лишається в межах одного проєкту. Піддомен або окремий домен додає роботу з DNS, сертифікатами, окремими властивостями в Search Console і зшиванням hreflang між хостами.
  • Хто перекладає і як швидкоЗаливка готового перекладу — прогнозований етап. Очікування перекладу — ні: якщо файли лежать у перекладача три тижні, календарний строк проєкту зсувається на ці три тижні, скільки б днів не було в плані.
  • Переїзд зі старих адресЯкщо сторінки вже мають трафік, до робіт додається розбір старих адрес і 301-редиректи один в один. Без цього мовна версія запускається чисто, а стара позиція гасне разом із посиланнями на неї.
  • Мови з довгими словамиНімецька, угорська й фінська дають рядки вдвічі довші за українські. Кнопки, таби й пункти меню перевіряються в кожній мові окремо — це окремий прохід по верстці, який на етапі оцінки видно одразу.
Кейси

Задачі та результат у цифрах — усі показники зняті нашим виміром

роздрібний інтернет-магазин нижньої білизни з каталогом понад 110 тис. позицій

Задача
Тримати три мовні версії на каталозі, де кожен розмір і колір заведено окремою позицією, і зберегти сторінки придатними для індексації.
Рішення
OpenCart 3 за HTTP/2 з gzip. Три мовні гілки: коренева ru, /ua/ і /pl/. Карта сайту зроблена індексом із 42 підкарт. Самопосилальний canonical на кожній мовній версії.
Результат
Вимір 01.08.2026: три гілки віддають HTTP 200, canonical на місці й самопосилальний у кожній. Каталог 115 456 позицій підтверджено двома методами — штатний пошук і карта сайту, розбіжність 2,4%. Знайдені дефекти саме в мовній частині: hreflang заведено двічі двома різними механізмами, і за посиланням для uk-ua віддається російський контент; на українській версії стоїть lang="ua" замість валідного uk, а на польській — lang="code" і dir="direction", тобто в шаблон не підставилися змінні.

бренд натуральної косметики, фірмовий сайт на ринок ЄС

Задача
Вивести бренд на європейський ринок трьома мовами так, щоб кожна версія мала свій контент і коректно оголошувалась пошуку.
Рішення
Сайт на OpenCart 3 із трьома мовними версіями bg/en/ru і hreflang. Розмітка локального магазину: Store з графіком роботи, контактною точкою й пошуковою дією. Кур'єрська доставка по країні з безкоштовним порогом.
Результат
Вимір 31.07.2026: три робочі мовні версії з hreflang, шість типів JSON-LD на головній — Store, WebSite, SearchAction, ContactPoint, EntryPoint, OpeningHoursSpecification. Перша відповідь сервера 512,6 мс при 220,4 КБ HTML. Знайдені дефекти: на головній немає жодного лічильника аналітики, а карта сайту й robots.txt віддають порожнє тіло або HTML замість XML — три мовні версії існують, але пошуку їх ніхто не подає списком.

B2B-каталог запчастин до промислових швейних машин

Задача
Тримати дві мовні версії каталогу так, щоб пошук отримував повний перелік адрес без дублів.
Рішення
Двомовна версія з hreflang uk-ua / ru-ua і x-default. Карта сайту зібрана однією повною картою на весь каталог.
Результат
Вимір 31.07.2026: hreflang uk-ua / ru-ua / x-default коректні, у карті сайту 1 992 адреси без жодного дубліката — 1 848 карток і 138 категорій. Перша відповідь 388,1 мс, повне завантаження 419,5 мс. Знайдений дефект: robots.txt не містить директиви Sitemap, хоча сама карта робоча й повна — пошуку доводиться шукати її навмання.
Що потрібно від вас

Без цього не почнемо — краще підготувати заздалегідь

  1. Перелік мов і ринків, під які вони робляться — англійська для ЄС і англійська для США це різні тексти.
  2. Хто перекладає: ваш перекладач, агенція чи носій мови на вашому боці.
  3. Наявний сайт із доступами, якщо мову додаємо до готового проєкту.
  4. Рішення, яка мова основна й що бачить відвідувач, який зайшов без вибору.
  5. Локальні контакти, якщо для ринку потрібні свої телефон і адреса.
  6. Одну людину, яка приймає переклад по кожній мові.
Якщо чогось із цього немає — скажіть, підкажемо, як зібрати або зробимо самі окремою задачею.
Часті питання

Те, що питають найчастіше — з конкретними відповідями

Як зрозуміти, що з мовними версіями біда?

Подивитись у карту сайту, а не на перемикач. У виміряному нами магазині спецій усі 590 унікальних адрес карти вели виключно на одну мовну гілку, хоча в розмітці були оголошені дві. На магазині садової техніки в карту потрапила лише україномовна гілка, а російська, заявлена в hreflang, — ні. Перемикач при цьому працював в обох випадках, і власники були впевнені, що все гаразд.

Префікс у шляху, піддомен чи окремий домен?

За замовчуванням префікс у шляху: одна кодова база, одна адміністративна панель, вага домену накопичується на одному хості. Піддомен має сенс, коли ринки обслуговують різні команди з різним контентом. Окремий домен — коли для ринку критична локальна доменна зона й окрема юридична присутність. Змішувати підходи не варто: тоді hreflang доводиться зшивати вручну між хостами.

Чи можна зробити переклад автоматично?

Ми так не робимо. Машинний переклад інтерфейсу ще виживає, машинний переклад комерційних текстів — ні: він дає граматично правильні речення, які нічого не продають, і в чутливих нішах створює прямі помилки. Ми готуємо файли з текстом, ви віддаєте їх перекладачу, ми заливаємо готовий результат і перевіряємо верстку — довгі слова в німецькій та угорській ламають кнопки, і це треба бачити до запуску.

Що таке x-default і навіщо він?

Це вказівка, яку версію показати відвідувачу, чия мова не збігається з жодною наявною. Без нього пошук вирішує сам, і рішення не завжди на вашу користь. У виміряному B2B-каталозі швейних запчастин пара uk-ua / ru-ua доповнена коректним x-default — там мовні версії робились свідомо. Там, де другу мову додавали нашвидкуруч, x-default зазвичай просто відсутній.

Чи потрібні окремі метатеги для кожної мови?

Обов'язково. Найчастіша помилка, яку ми бачили: інтерфейс перекладено, атрибут мови сторінки змінено, а title і description лишились мовою оригіналу. Для пошуку це дві сторінки з однаковими метатегами — тобто дублікат, і одна з них випаде з видачі. Локалізація метатегів входить у роботу, а не в окремий рядок кошторису.

Скільки часу займає додати мову до наявного сайту?

12–30 робочих днів залежно від обсягу й стану сайту. Розбір і схема адрес 2–4 дні, налаштування мовного роутингу 3–6, підготовка файлів на переклад 2–3, заливка готового перекладу 3–8, перевірка hreflang, карти сайту й редиректів 2–4, тестування 2–3. Час перекладу сюди не входить: він на боці вашого перекладача і зазвичай іде паралельно.

Чи впаде трафік після переходу на багатомовність?

Просідання на кілька тижнів можливе — це нормальна реакція на зміну адрес, і ми не будемо обіцяти, що його не буде. Що знижує ризик: 301-редиректи один в один зі старих адрес, збереження title сторінок, які вже дають трафік, і повна карта сайту з усіма мовними гілками одразу після запуску. Помилка, після якої трафік не повертається, — редиректи «всі на головну».

Чи можна запустити одну мову зараз, а другу додати пізніше?

Можна, і часто так дешевше. Умова одна: схему адрес закладаємо одразу під кілька мов, навіть якщо працює поки одна. Тоді друга мова додається як гілка, а не як переїзд усього сайту з редиректами. Якщо ж перша версія жила на адресах без мовного префікса, поява другої мови майже завжди означає зміну адрес — і саме звідси беруться тижні просідання, про які питають вище.

Хто стежить, щоб мовні версії не розійшлися після запуску?

Людина з вашого боку, і це чесніше сказати одразу. Мовна версія множить обсяг контенту, який далі треба підтримувати: кожна нова сторінка, кожна зміна ціни й кожна правка в описі мають повторитися в усіх мовах. Ми закладаємо це в інтерфейс — сторінка без перекладу видно позначена в адмінці, а в інструкції описано, як заводити її одразу в усіх мовах. Але якщо приймати переклад нікому, за півроку версії розійдуться, і жодна технічна настройка цього не втримає.

Надішліть адресу сайту й перелік мов, які потрібні.

У відповідь — документ із замірами мовних версій, схема адрес і оцінка робіт по етапах. Якщо виявиться, що вистачить поправити hreflang і карту сайту, скажемо це першим листом.

З виміряних кейсівВимір 01.08.2026: три гілки віддають HTTP 200, canonical на місці й самопосилальний у кожній

Дивитись кейси
  • Відповідь протягом 2 годин
  • Без зобов’язань
  • Працюємо за договором

Прайса на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» у такому разі нічого не пояснює. Спершу безкоштовний аудит — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.