Как установить и настроить лендинг на своём сервере на VPS

MAATRIX

Лендинг на своём сервере — это полный контроль над продающей страницей: свой домен, максимальная скорость загрузки, рабочая форма заявки и честная аналитика без ограничений конструкторов. Разместить лендинг на своём сервере через VPS выгоднее, чем платить ежемесячно за тариф конструктора: вы один раз настраиваете сервер и дальше не зависите от чужих лимитов, водяных знаков и абонентской платы. В этом руководстве развернём лендинг с нуля на Nginx: загрузим страницу, настроим домен и SSL, наладим обработку формы заявки, подключим аналитику и выжмем максимальную скорость — то, что напрямую влияет на конверсию. Сразу о специфике лендинга по сравнению с обычным сайтом. Лендинг — это, как правило, одна страница с чёткой целью: получить заявку или звонок. Технически это статическая HTML-страница со стилями и скриптами, но с одним динамическим элементом — формой, которую нужно куда-то отправлять (на почту, в CRM или в мессенджер). Плюс лендингу критичны две вещи: скорость (медленная загрузка убивает конверсию) и аналитика (нужно считать посетителей и заявки). Собственный VPS даёт всё это без компромиссов. Установку выполняем по SSH под пользователем с sudo.

Установка Nginx и загрузка лендинга

Для отдачи страницы возьмём Nginx — быстрый и лёгкий. Обновите систему и установите его:

apt update && apt -y upgrade
apt -y install nginx

Откройте порты в фаерволе и включите автозапуск:

ufw allow 'Nginx Full'
ufw allow OpenSSH
systemctl enable --now nginx

Создайте каталог для лендинга и загрузите туда файлы страницы (HTML, CSS, JS, изображения) по SFTP/SCP:

mkdir -p /var/www/vashdomen.ru/html

В каталоге обязателен index.html — это и есть ваш лендинг. После загрузки назначьте владельцем пользователя веб-сервера и корректные права:

chown -R www-data:www-data /var/www/vashdomen.ru/html
find /var/www/vashdomen.ru/html -type d -exec chmod 755 {} \;
find /var/www/vashdomen.ru/html -type f -exec chmod 644 {} \;

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

Создайте конфиг виртуального хоста Nginx в /etc/nginx/sites-available/vashdomen.ru: укажите корень сайта root /var/www/vashdomen.ru/html;, точку входа index index.html; и server_name vashdomen.ru www.vashdomen.ru;. Активируйте конфиг и проверьте синтаксис:

ln -s /etc/nginx/sites-available/vashdomen.ru /etc/nginx/sites-enabled/
nginx -t && systemctl reload nginx

Направьте A-запись домена на IP сервера у регистратора и дождитесь распространения DNS:

dig +short vashdomen.ru

Откройте http://vashdomen.ru — увидите лендинг. Свой домен вместо адреса конструктора вроде mysite.tilda.ws повышает доверие и узнаваемость бренда, а также позволяет корректно настроить аналитику и рекламные пиксели без ограничений.

Обработка формы заявки

Главный динамический элемент лендинга — форма. Есть два подхода. Первый, без серверного кода: форма отправляет данные во внешний сервис — например, через Formspree, в Telegram-бота или напрямую в CRM по их API/webhook. Это проще всего: подключаете готовый обработчик, и заявки идут вам в почту или мессенджер, а сам сервер остаётся чисто статическим.

Второй подход — обработка на своём сервере через простой PHP-скрипт, который принимает данные формы и отправляет их на почту. Тогда нужно доустановить PHP-FPM:

apt -y install php-fpm

И добавить в конфиг Nginx блок обработки .php через сокет PHP-FPM. Скрипт-обработчик принимает поля формы ($_POST), проверяет их и отправляет письмо функцией mail или через SMTP. Для надёжной доставки заявок на почту лучше настроить отправку через внешний SMTP, а не системную функцию mail, которую часто режут спам-фильтры. Второй подход даёт независимость от сторонних сервисов, но требует внимания к защите формы от спама (капча, honeypot-поле).

Выпуск SSL и защита формы

HTTPS для лендинга обязателен: без «замочка» браузер отпугивает посетителей, а рекламные системы могут не пропускать объявления. Выпустите бесплатный SSL через certbot:

apt -y install certbot python3-certbot-nginx
certbot --nginx -d vashdomen.ru -d www.vashdomen.ru

Certbot настроит HTTPS и редирект, сертификат продлевается автоматически. Обязательно защитите форму от спам-ботов, иначе поток мусорных заявок обесценит аналитику. Простые и эффективные меры: скрытое honeypot-поле, которое заполняют только боты (такие заявки отбрасываются), ограничение частоты отправок, и при необходимости невидимая капча. Эти меры реализуются на стороне обработчика формы и не мешают живым посетителям.

Аналитика и рекламные пиксели

Лендинг без аналитики — стрельба вслепую. Подключите системы аналитики, чтобы считать посетителей, источники трафика и конверсии. На своём сервере вы свободно вставляете любые счётчики и пиксели в код страницы: Яндекс Метрику с картой кликов и вебвизором, счётчики рекламных кабинетов для отслеживания заявок. Важно настроить цель на отправку формы — тогда вы видите не просто визиты, а стоимость заявки и эффективность каждого канала рекламы.

Собственный сервер снимает ограничения конструкторов, которые нередко мешают вставке произвольного кода или добавляют свои метки. Вы полностью контролируете, какой код исполняется на странице, что важно и для точности аналитики, и для соответствия требованиям рекламных площадок. После настройки проверьте, что цель по форме срабатывает: отправьте тестовую заявку и убедитесь, что она отразилась и в почте/CRM, и в аналитике.

Скорость загрузки и обслуживание

Скорость лендинга напрямую влияет на конверсию: каждая лишняя секунда загрузки теряет посетителей. На своём Nginx выжмите максимум. Включите сжатие gzip для HTML, CSS и JS, добавьте заголовки кэширования для изображений и статики, оптимизируйте и сожмите картинки перед загрузкой (это обычно самый «тяжёлый» элемент лендинга), используйте современные форматы изображений. Проверьте результат через инструменты оценки скорости — цель — загрузка за пару секунд.

Обслуживание минимально: правки страницы — простая перезапись файлов, бэкап — хранение исходников у себя или в git. Держите систему и Nginx обновлёнными. Если запускаете рекламу, готовьтесь к всплеску трафика: статический лендинг выдерживает много посетителей на скромном VPS, но при масштабной кампании имеет смысл дать серверу запас ресурсов. На VPS MAATRIX ресурсы наращиваются без переустановки, в том числе временно на период активной рекламы, а оплатить сервер можно из России картой или криптой.

Частые вопросы