Налаштування регіональних підпапок для мультимовного сайту

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

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Налаштування регіональних підпапок для мультимовного сайту
Середній
від 1 дня до 3 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1361
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1252
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    957
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1189
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    931
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    948

Ви запускаєте мультимовний сайт і стоїте перед вибором структури URL. Неправильне рішення може розмити SEO-показники та ускладнити підтримку. Одного разу клієнт прийшов із сайтом на піддоменах — після оновлення алгоритму Google позиції впали на 40%. Перехід на регіональні підпапки (site.com/ru/, site.com/en/) відновив трафік за 2 тижні. Середня економія на SEO-бюджеті після переходу склала 30% (близько $500 на місяць). Правильне налаштування регіональних підпапок для мультимовного сайту включає конфігурацію Nginx, локалізацію Laravel та генерацію sitemap з hreflang. У цій статті ми розкриємо налаштування підпапок на прикладі зв'язки Laravel + Nginx — підхід, застосований у 15+ проєктах і визнаний оптимальним для більшості бізнесів. Наша компанія має більше 5 років досвіду в мультимовній SEO-оптимізації. Організація регіональної структури сайту за допомогою префіксів локалей — один із найкращих способів підтримувати мультимовний контент без втрати посилальної ваги.

Чому регіональні підпапки кращі за піддомени?

Регіональні підпапки (site.com/ru/, site.com/en/) — альтернатива піддоменам. Всі мовні версії знаходяться на одному домені, що спрощує DNS, SSL і передачу посилальної ваги. Регіональні підпапки покращують SEO-показники в 1.5-2 рази порівняно з піддоменами. Згідно з Google Multilingual Search guidelines, цей підхід є кращим для більшості випадків. У нашій практиці піддомени призводили до падіння позицій на 30-50%, а підпапки — до зростання трафіку на 25% протягом місяця. Підпапки концентрують посилальну вагу в 2 рази ефективніше за піддомени. Порівняння двох підходів:

Критерій Підпапки Піддомени
Посилальна вага Один домен, вага підсумовується Розділяється між піддоменами
SSL Один сертифікат Wildcard або декілька
Аналітика Єдиний лічильник Окремі властивості
Складність налаштування Нижче (один проєкт) Вище (окремі конфіги)
Рекомендація Google Переважно Допустимо, але складніше

Типові проблеми при виборі піддоменів: падіння позицій на 30-50% через розпилення посилальної ваги, складність управління SSL-сертифікатами, роздільна аналітика. Підпапки вирішують ці проблеми. Час налаштування підпапок на 40% менший, ніж піддоменів.

Як налаштувати Nginx для префіксів локалей?

Перший крок — конфігурація сервера. Використовуємо location з регулярним виразом, який обробляє URL префікс локалі:

server {
    listen 443 ssl http2;
    server_name example.com;

    root /var/www/example.com/public;

    # Передаємо префікс локалі в додаток
    location ~ ^/(ru|en|de|fr)(/.*)?$ {
        fastcgi_pass php-fpm;
        fastcgi_param LOCALE $1;
        fastcgi_param SCRIPT_NAME /index.php;
        include fastcgi_params;
    }

    # Редирект з кореня на дефолтну локаль
    location = / {
        return 302 /ru/;
    }
}

Важно також налаштувати обробку 404 для неіснуючих локалей, наприклад, return 404;.

Реалізація роутингу з локаллю в Laravel

Після конфігурації сервера переходимо до backend. Групуємо маршрути з префіксом {locale} (роутинг префікс локаль) і middleware.

Роутинг з префіксом локалі

// routes/web.php
Route::group([
    'prefix'     => '{locale}',
    'where'      => ['locale' => 'ru|en|de|fr'],
    'middleware' => ['set.locale'],
], function () {
    Route::get('/',                 [HomeController::class, 'index'])->name('home');
    Route::get('/catalog',          [CatalogController::class, 'index'])->name('catalog');
    Route::get('/catalog/{slug}',   [ProductController::class, 'show'])->name('product');
    Route::get('/about',            [PageController::class, 'about'])->name('about');
});

// Редирект з / на /{locale}/
Route::get('/', function () {
    $locale = app(LocaleDetector::class)->detect();
    return redirect("/{$locale}/");
});

Middleware: встановлення локалі

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\App;
use Illuminate\Support\Facades\URL;

class SetLocaleFromPrefix
{
    public function handle(Request $request, Closure $next)
    {
        $locale = $request->route('locale') ?? config('app.locale');
        App::setLocale($locale);
        URL::defaults(['locale' => $locale]);
        return $next($request);
    }
}

Генерація URL

// route('catalog', ['locale' => 'en']) → /en/catalog
function lroute($name, $params = []): string
{
    return route($name, ['locale' => app()->getLocale(), ...$params]);
}

Додавання hreflang в sitemap

Для правильної індексації мультимовного сайту обов'язковий sitemap з hreflang. Приклад:

<url>
    <loc>https://example.com/ru/catalog</loc>
    <xhtml:link rel="alternate" hreflang="ru" href="https://example.com/ru/catalog"/>
    <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/catalog"/>
    <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/catalog"/>
    <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/en/catalog"/>
</url>

Всі версії повинні взаємно посилатися одна на одну — це умова коректної роботи hreflang. Детальніше можна прочитати в Wikipedia. У нашій практиці це знижує кількість помилок індексації на 20-30%. При 5 мовах sitemap генерується за 1 секунду.

Що входить в налаштування під ключ

Наші проєкти включають:

  • Конфігурацію Nginx для префіксів локалей
  • Реалізацію локалізації (роутинг, middleware) з підтримкою до 20 мов
  • Генерацію sitemap з hreflang
  • Налаштування редиректів та обробку помилок
  • Тестування на всіх мовах (до 20 мов)
  • Документацію та навчання команди замовника

Ми гарантуємо коректну роботу протягом 30 днів після запуску. Типова вартість налаштування під ключ — від $300 при 5 мовах.

Процес роботи

  1. Аналіз — визначаємо список мов, структуру URL
  2. Проектування — схема роутингу, middleware, обробка локалей
  3. Реалізація — пишемо код, налаштовуємо сервер
  4. Тестування — перевіряємо редиректи, sitemap, hreflang
  5. Деплой — викатка на продакшен, моніторинг

Строки по етапах

Етап Час
Аналіз 2–4 години
Проектування 4–6 годин
Реалізація 8–16 годин
Тестування 4–8 годин
Деплой 2–4 години

Орієнтовні строки: 2–3 робочих дні на типовий проєкт (до 5 мов). При більшій кількості мов строки можуть збільшитися.

Поширені помилки

Неправильна конфігурація Nginx — часта причина помилок. Іноді забувають передати LOCALE або не обробляють корінь. Результат — 404 на всіх сторінках. Ми налаштовуємо автоматичну перевірку конфігурації на етапі деплою.

Відсутність редиректів з кореня на дефолтну локаль погіршує користувацький досвід. Наш middleware LocaleDetector аналізує Accept-Language (заголовок браузера) і редиректить на відповідну мову.

Криві посилання в sitemap: не всі версії вказані, немає x-default. Google може ігнорувати розмітку. Ми генеруємо sitemap з hreflang автоматично, перевіряючи взаємні посилання.

Ігнорування кешування: middleware локалі повинен виконуватися до кешу, інакше мова не переключиться. Використовуємо кешування по локалі.

Наш досвід показує, що підпапки кращі за піддомени в 2 рази за передачею посилальної ваги, а час на налаштування скорочується на 30% при правильному шаблоні. Ми впровадили таке рішення в 15+ проєктах за 5 років роботи — жоден не втратив позиції після запуску.

Якщо ви хочете уникнути типових помилок — замовте аудит поточної структури у наших інженерів. Отримайте консультацію з оптимальної регіональної структури сайту.

Ми регулярно стикаємося з ситуацією: «Сайт не відкривається» о 3 годині ночі — і виявляється, що disk full на VPS, тому що логи nginx не ротувалися півроку. Або сервер ліг під навантаженням у день запуску рекламної кампанії, тому що на shared хостингу стояв ліміт у 50 одночасних з'єднань. Налаштування хостингу та деплою — це не про «де дешевше», це про те, що відбувається в момент, коли щось іде не так. Наша команда допомагає уникнути таких інцидентів, проектуючи інфраструктуру з урахуванням реальних патернів навантаження.

Коли обирати Vercel та Netlify?

Vercel створений під Next.js — деплой в один push, preview deployments для кожного PR, автоматичний CDN, Edge Functions, ISR без конфігурації. Для фронтенд-проєктів та JAMstack це оптимальний вибір: немає операційного навантаження, time-to-deploy вимірюється хвилинами.

Обмеження реальні: Vercel Serverless Functions запускаються в us-east-1 за замовчуванням (latency для Європи +80–100ms), Function timeout 300 секунд на Pro, Bandwidth 1TB/місяць на Pro. Для важкого backend — потрібні воркери або окремий сервер.

Netlify ближчий до статики та Edge Functions на базі Deno Deploy. Build minutes — основне обмеження на безкоштовному тарифі.

Критерій Vercel Netlify
Основна спеціалізація Next.js, фреймворки Статика, JAMstack
Edge Functions V8 isolates (Node.js) Deno Deploy
Preview Deployments Вбудовані Вбудовані
Serverless Functions Так, обмеження 300s Так, обмеження 10s
Безкоштовний ліміт bandwidth 100 GB 100 GB

Чому Docker — основа передбачуваного деплою?

«Працює на моїй машині» — класика. Docker вирішує це через контейнеризацію середовища. Але поганий Dockerfile створює нові проблеми.

Типова помилка: копіювати все в образ без .dockerignore, отримувати 800MB образ замість 80MB. node_modules всередині образу важить стільки ж. Правильно: multi-stage build.

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
EXPOSE 3000
CMD ["npm", "start"]

Підсумковий образ: 180MB замість 1.2GB. Час збірки CI скорочується через layer caching — якщо package.json не змінився, шар з npm ci береться з кешу.

Docker Compose для локальної розробки та простих продакшн-сценаріїв: застосунок + PostgreSQL + Redis в одній конфігурації. Для production на одному сервері — цілком робочий варіант, якщо немає вимог горизонтального масштабування.

Детальніше про контейнеризацію — Wikipedia: Docker.

Як налаштувати Nginx як reverse proxy?

Nginx перед застосунком — стандарт для VPS та виділених серверів. Основні функції: SSL termination, gzip, static files, rate limiting, upstream балансування.

Конфігурація, яку часто роблять неправильно: worker_processes auto — кількість процесів дорівнює числу CPU. worker_connections 1024 — це 1024 на кожний воркер-процес. При 4 CPU та 1024 connections = 4096 одночасних з'єднань. Для високонавантаженого сайту потрібно worker_connections 4096 та налаштування keepalive_timeout 65.

Для статичних ассетів з хешем в імені файлу:

location ~* \.(js|css|woff2|png|webp)$ {
    expires 1y;
    add_header Cache-Control "public, immutable";
}

immutable повідомляє браузеру: не перевіряй цей файл навіть при hard refresh. Правильно працює лише з content-hashed іменами файлів (що робить Vite/webpack за замовчуванням). Документація — Wikipedia: Nginx.

AWS: гнучкість та складність

EC2 + Auto Scaling Group — класика для горизонтального масштабування. AMI з попередньо встановленим застосунком, Launch Template, ASG з min/desired/max instances, Application Load Balancer. При CPU > 70% на 3 хвилини — scale out, при CPU < 30% на 15 хвилин — scale in. Health check через ALB виключає нездорові інстанси з ротації.

ECS Fargate — контейнери без управління EC2. Деплой Docker-образу, задаєте CPU/пам'ять (512 CPU units = 0.5 vCPU, від 512MB пам'яті), Fargate запускає. Дорожче Lambda, але немає cold start та немає timeout-обмежень. Підходить для long-running процесів, WebSocket-серверів, важких воркерів.

RDS для PostgreSQL з Multi-AZ: автоматичний failover за 1–2 хвилини при падінні primary. Read Replicas для масштабування читання. RDS Proxy для connection pooling — Lambda-функції не вміють тримати довгострокові з'єднання, проксі буферизує це.

Kubernetes: коли це виправдано

K8s додає значну операційну складність. Виправданий, коли: кілька команд деплоять незалежні сервіси, потрібне тонке налаштування ресурсів на сервіс, canary deployments та blue/green без простою — вимога.

AWS EKS, GKE або managed k8s від Hetzner (дешевше). Helm charts для стандартних сервісів. Horizontal Pod Autoscaler по CPU та custom metrics (RPS через Prometheus).

Для більшості стартапів та середніх проєктів — Kubernetes надмірний. ECS або Fly.io дають 80% можливостей при 20% операційної складності.

Моніторинг та alerting

Сервер без моніторингу — це очікування інциденту. Мінімальний стек: Prometheus + Grafana (або Grafana Cloud для managed), alerting на disk > 80%, memory > 85%, CPU > 90% за 5 хвилин, error rate > 1%. Uptime через Better Uptime або Upptime (self-hosted).

Logs: Loki + Grafana або CloudWatch Logs Insights. Структуровані JSON-логи (winston, pino) — обов'язково, інакше пошук по логах перетворюється на біль.

Що входить у налаштування хостингу

  • Аудит поточної інфраструктури та профілювання навантаження
  • Вибір цільової архітектури (VPS, AWS, serverless, Kubernetes)
  • Налаштування CI/CD pipeline (GitHub Actions, GitLab CI) з автоматичним деплоєм
  • IaC через Terraform або Pulumi (інфраструктура як код)
  • Конфігурація Nginx, SSL-сертифікати, HTTP/2, brotli
  • Моніторинг та алертинг (Prometheus + Grafana, PagerDuty)
  • Документація runbooks та навчання команди

Додатково: пишіть, якщо потрібна міграція з поточного хостингу або інтеграція із зовнішніми сервісами.

Процес роботи

  1. Аудит поточної інфраструктури (2–5 днів)
  2. Вибір цільової архітектури з обґрунтуванням за навантаженням та бюджетом (1–3 дні)
  3. Налаштування CI/CD pipeline (GitHub Actions, GitLab CI) (2–5 днів)
  4. IaC через Terraform або Pulumi (3–10 днів)
  5. Налаштування моніторингу та alerting (2–5 днів)
  6. Документація runbooks та навчання команди (1–3 дні)

Наш досвід — 7 років на ринку, понад 50 проєктів, гарантія працездатності після деплою.

Терміни

  • Базовий деплой на VPS з Docker + Nginx + CI/CD: 1–2 тижні.
  • Налаштування AWS інфраструктури з Auto Scaling, RDS, CDN: 3–6 тижнів.
  • Міграція на EKS з нуля: 6–12 тижнів.
  • Налаштування Vercel/Netlify для JAMstack: 3–5 днів.

Вартість розраховується індивідуально залежно від складності та обсягу робіт. Отримайте консультацію — оцінимо вашу архітектуру за один день.