Закон про мову в e-commerce: як налаштувати мультимовність інтернет-магазину за правилами України

Закон України про мову: що потрібно знати власнику інтернет-магазину

16 січня 2021 року в Україні набули чинності норми Закону «Про забезпечення функціонування української мови як державної», які безпосередньо регулюють сферу інтернет-магазинів та електронної комерції. Відповідно до статті 30 Закону, мовою інтерфейсів та користувацьких веб-ресурсів товарів і послуг, у тому числі інтернет-магазинів, є державна мова — українська.

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

За порушення закону передбачена відповідальність: штраф від 200 до 400 неоподатковуваних мінімумів (від 3 400 до 6 800 грн) для посадових осіб, а повторне порушення — до 8 500 грн. Тому правильне налаштування мультимовності — не просто питання зручності, а законодавча вимога для роботи на українському ринку.

Про те, як відкрити інтернет-магазин в Україні з урахуванням усіх вимог законодавства, читайте у статті: Як відкрити інтернет-магазин в Україні: повний гайд 2026.

Порівняння мовних вимог: Україна, Польща, ЄС

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

Особливість українського законодавства — жорстка вимога саме державної мови як основної. У Польщі достатньо перекласти польською договори та ключову інформацію про права споживача. У ЄС вимоги різняться за країнами, але загальна тенденція — обов'язкове використання офіційної мови країни-члена для юридично значущої інформації.

Докладніше про особливості українського e-commerce ринку та вибір платформи: Українські альтернативи Shopify: порівняння e-commerce платформ.

hreflang та SEO: як пошуковики розуміють мовні версії

Коли в інтернет-магазину кілька мовних версій, пошукові системи мають розуміти, яку версію показувати користувачеві залежно від його мови та регіону. Для цього використовується атрибут hreflang — HTML-тег, який вказує Google та іншим пошуковикам на зв'язок між сторінками різними мовами.

Правильна реалізація hreflang включає:

• Взаємні посилання — кожна мовна версія має посилатися на всі інші версії тієї ж сторінки
• Атрибут rel="alternate" з кодом мови (наприклад, hreflang="uk", hreflang="ru", hreflang="en")
• x-default — версія за замовчуванням для мов, яких немає у списку
• Унікальні URL — різні адреси для різних мов (не фрагменти або параметри)

На платформі BooStore теги hreflang генеруються автоматично. Для цього достатньо в картці товару, сторінки або статті в полі «Сторінка іншими мовами / Товар іншими мовами» вказати однаковий ідентифікатор (наприклад, ID першого створеного товару). Система сама додасть коректні hreflang-теги на всі пов'язані сторінки, включаючи x-default для основної мови сайту.

Приклад коректної розмітки hreflang для трьох мовних версій:

<link rel="alternate" hreflang="uk" href="https://site.com.ua/ua/product/kedy" />
<link rel="alternate" hreflang="ru" href="https://site.com.ua/ru/product/kedy" />
<link rel="alternate" hreflang="en" href="https://site.com.ua/en/product/kedy" />
<link rel="alternate" hreflang="x-default" href="https://site.com.ua/ua/product/kedy" />
    

Докладніше про SEO-оптимізацію інтернет-магазину: Як покращити SEO інтернет-магазину: повне керівництво.

ЧПУ для кожної мовної версії: правильна структура URL

Для успішного просування мультимовного інтернет-магазину критично важливо використовувати унікальні URL для кожної мовної версії. Google рекомендує три підходи, і платформа BooStore підтримує найбільш правильний — префікс мови в URL.

Рекомендована структура URL:

• /ua/category/tovar — українська версія
• /ru/category/tovar — російська версія
• /en/category/tovar — англійська версія
• /pl/category/tovar — польська версія

На BooStore префікс мови вказується автоматично. Наприклад, якщо ви створюєте сторінку або товар українською, URL буде /ua/..., російською — /ru/.... Для категорій магазину рекомендується використовувати мовні приставки в імені категорії, наприклад: category_ua, category_ru, category_en. Це дозволяє платформі коректно визначати мову категорії та уникати помилок при імпорті товарів.

Автовизначення та перемикання мови за браузером і регіоном

Сучасний мультимовний інтернет-магазин має автоматично визначати бажану мову користувача та пропонувати відповідну версію сайту. Це підвищує конверсію та покращує користувацький досвід.

Механізми визначення мови:

• HTTP-заголовок Accept-Language — браузер користувача передає інформацію про бажані мови. Сервер може перенаправити на відповідну версію.
• IP-геолокація — визначення країни за IP-адресою. Наприклад, користувач із Польщі автоматично бачить польську версію.
• Cookie/сесія — після першого вибору мови запам'ятовуємо вподобання користувача.
• Збереження в localStorage — мова зберігається в браузері та застосовується при наступних візитах.

На BooStore автовизначення та перемикання мови реалізуються через вбудований механізм мовного меню. Ви можете розмістити на сайті код перемикача мов, який використовує hotengine-script-language.js для підстановки правильних URL із тегів link[rel="alternate"]. Підтримуються всі основні мови: українська, російська, англійська, польська, німецька, французька та інші.

Приклад коду перемикача мов для BooStore:

<nav class="hotengine-shop-select-language-box">
  <span class="hotengine-shop-select-language" data-lang="ua"></span>
  <span class="hotengine-shop-select-language-values">
    <li><a class="hotengine-shop-select-language-val" data-lang="ua" href="/ua/"></a></li>
    <li><a class="hotengine-shop-select-language-val" data-lang="ru" href="/ru/"></a></li>
    <li><a class="hotengine-shop-select-language-val" data-lang="en" href="/en/"></a></li>
    <li><a class="hotengine-shop-select-language-val" data-lang="pl" href="/pl/"></a></li>
  </span>
</nav>
    

CSS-стилі для відображення прапорців через псевдоелементи та скрипт для підстановки шляхів підключаються один раз і працюють для всіх мов автоматично.

Переклад товарів, категорій та фільтрів між мовами

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

Переклад товарів через імпорт/експорт CSV/XLSX

Найшвидший спосіб для магазинів з великим асортиментом:

• Експортуйте товари в розділі «Магазин» — «Експорт товарів» (вивантажте всі поля, включаючи категорії).
• Перекладіть файл через Google Translate для документів (збережіть у XLSX).
• Додайте мовні приставки до категорій (наприклад, dress_ua → dress_en).
• Скопіюйте ID товарів у колонку «Товари іншими мовами», видаліть ID із колонки ID, змініть «Код товару» (додайте суфікс _en).
• Імпортуйте файл — нові товари будуть створені іншою мовою.

Переклад категорій

Категорії також можна експортувати, перекласти та імпортувати назад. Для кожної категорії вказується мова. Рекомендується використовувати унікальні імена категорій з мовними приставками: category_ua, category_ru, category_en. Це виключає помилки при подальшому імпорті товарів.

Переклад пошукового фільтра

Фільтри (характеристики товарів) можна перекладати двома способами:

• Через інструмент «Переклад значень характеристик» — в адмін-панелі, у розділі управління характеристиками.
• Через JavaScript — розмістивши скрипт на сторінках з фільтром, ви можете замінити текст значень на потрібну мову. Це зручно, якщо ви використовуєте один фільтр для всіх мовних версій.

Синхронізація цін та залишків

Важлива особливість BooStore: якщо у товарів вказано зв'язок через поле «Товар іншими мовами», то при зміні ціни, наявності, статусу «новинка» або «хіт продажів» в одному товарі — всі пов'язані товари іншими мовами оновлюються автоматично. Це виключає розбіжність даних між мовними версіями.

Покрокове налаштування мультимовності на BooStore

У цьому розділі — конкретний покроковий план налаштування мультимовного інтернет-магазину на платформі BooStore від початку до кінця.

Докладніше про структуровані дані та мікророзмітку для інтернет-магазину: Гайд по Schema.org розмітці товарів для e-commerce.

BooStore vs WordPress/OpenCart: порівняння підходів до мультимовності

На ринку є кілька популярних рішень для створення мультимовного інтернет-магазину. Порівняємо підхід BooStore (SaaS-платформа) з класичними CMS — WordPress + WooCommerce та OpenCart.