Что проверить перед запуском сайта — чек-лист для новичка

Сайт готов. Страницы собраны, тексты написаны, кнопки расставлены. Кажется, что осталось нажать «Опубликовать» — и всё заработает. Но именно на этом этапе чаще всего совершаются ошибки, которые потом стоят нервов, времени, а иногда и денег.

Я видел десятки сайтов, запущенных «на горячую голову». Формы обратной связи, которые никуда не отправляют заявки. Страницы, которые разъезжаются на телефоне. Забытые заглушки с текстом «Lorem ipsum» прямо на главной. И это не какие-то редкие случаи — это то, что происходит регулярно, когда нет привычки проверять сайт перед запуском системно.

Этот чек-лист — не исчерпывающее руководство по разработке. Он не заменит глубокое погружение в тему. Но он поможет пройтись по основным точкам и поймать самые частые проблемы до того, как их увидят ваши посетители.

Почему вообще нужен чек-лист

Когда долго работаешь над сайтом, глаз замыливается. Ты смотришь на страницу и видишь то, что планировал, а не то, что есть на самом деле. Не замечаешь битую ссылку, потому что помнишь, куда она должна вести. Не проверяешь мобильную версию, потому что «ну я же всё делал адаптивно».

Чек-лист решает простую задачу — снимает нагрузку с памяти. Не нужно держать в голове сотню пунктов. Достаточно пройтись по списку, отметить каждый — и знать, что ничего критичного не забыто.

У пилотов, хирургов и инженеров чек-листы — обязательная часть работы. Не потому что они плохие профессионалы, а потому что ошибки по невнимательности совершают все.

Контент: тексты, изображения, файлы

Тексты на всех страницах

Казалось бы, очевидная вещь. Но количество сайтов, которые уходят в продакшн с тестовым контентом, впечатляет.

Что проверить:

Нет ли где-то «рыбного» текста — Lorem ipsum, «Здесь будет текст», «Описание услуги».
Все ли заголовки заполнены осмысленно.
Нет ли дублирования одного и того же текста на разных страницах.
Проверены ли тексты на опечатки и грамматические ошибки. Идеально — дать кому-то прочитать свежим взглядом.
Все ли контактные данные актуальны: телефон, email, адрес, график работы.

Отдельное внимание — маленьким текстовым элементам: подписям к кнопкам, плейсхолдерам в формах, тексту в футере. Про них забывают чаще всего.

Изображения

Картинки влияют и на восприятие сайта, и на скорость его загрузки. Перед запуском стоит убедиться, что с ними всё в порядке.

Что проверить:

Все ли изображения загружены и отображаются (нет «битых» картинок).
Не слишком ли они тяжёлые. Фото весом 5–8 МБ прямо с камеры — классическая ошибка новичка. Оптимально — сжимать изображения до 100–300 КБ без видимой потери качества.
Заполнены ли alt-тексты (альтернативные описания). Это важно для SEO и для доступности сайта.
Нет ли растянутых или пикселизированных изображений.
Лого отображается корректно и не обрезано.

Файлы для скачивания

Если на сайте есть PDF-документы, прайс-листы, презентации — проверьте, что ссылки на них работают и скачивается актуальная версия, а не черновик трёхмесячной давности.

Навигация и структура

Посетитель, который не может найти нужную страницу, просто уходит. Молча. Без обратной связи. Вы даже не узнаете, что проблема существует, пока не начнёте анализировать поведение людей на сайте.

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

Внутренние ссылки

Пройдитесь по сайту и покликайте по всем ссылкам в тексте, кнопкам, баннерам. Каждая должна вести туда, куда обещает. Ссылка «Узнать подробнее», которая открывает главную страницу — это путь к разочарованию посетителя.

Страница 404

Попробуйте открыть заведомо несуществующий адрес на вашем сайте (например, вашсайт.ру/abcdef). Что вы увидите? Если стандартную страницу ошибки сервера с техническим текстом на английском — это плохо. У вас должна быть оформленная страница 404 с понятным сообщением и ссылкой на главную или основные разделы.

Мини-чек-лист по навигации:
☐ Все пункты меню работают
☐ Ссылки в текстах ведут на правильные страницы
☐ Мобильное меню корректно открывается и закрывается
☐ Страница 404 оформлена
☐ Нет «тупиковых» страниц, с которых некуда перейти

Формы и целевые действия

Это, пожалуй, самая болезненная тема. Потому что неработающая форма — это прямая потеря клиентов. Человек решился оставить заявку, нажал кнопку — и ничего не произошло. Или произошло, но письмо улетело в пустоту.

Что проверить в формах

Заполните и отправьте каждую форму на сайте. Каждую. Не одну «для теста», а все.
Убедитесь, что письма приходят на нужный email (а не на тестовый ящик, который вы забыли поменять).
Проверьте, что после отправки пользователь видит подтверждение: «Спасибо, ваша заявка принята» или перенаправляется на страницу благодарности.
Протестируйте валидацию: что будет, если отправить пустую форму? А если ввести некорректный email?
Проверьте формы на мобильном устройстве — иногда кнопка отправки уезжает за пределы экрана.

Кнопки и призывы к действию

Все кнопки кликабельны и ведут туда, куда должны.
Текст на кнопках понятный и конкретный. «Отправить» лучше, чем «Submit». «Получить консультацию» лучше, чем «Нажмите здесь».
Кнопки не сливаются с фоном и заметны на странице.

Телефоны и email

Если на сайте указан телефон — он должен быть кликабельным (особенно на мобильных). Нажал на номер — пошёл вызов. Нажал на email — открылся почтовый клиент. Это мелочь, но она прямо влияет на удобство.

Мобильная версия

Больше половины трафика в большинстве тематик — мобильные устройства. Если сайт неудобен на телефоне, вы теряете как минимум половину аудитории.

Проверять мобильную версию нужно не в режиме предпросмотра конструктора, а на реальном устройстве. Или хотя бы в инструментах разработчика браузера (DevTools в Chrome — нажмите F12, затем иконку с телефоном и планшетом).

На что обратить внимание

Текст читается без необходимости масштабировать экран.
Кнопки достаточно крупные, чтобы нажать пальцем, и не стоят вплотную друг к другу.
Изображения не выходят за края экрана.
Горизонтальная прокрутка отсутствует. Если страница «ездит» влево-вправо — что-то не так с версткой.
Формы удобно заполнять: поля не слишком мелкие, клавиатура не перекрывает важные элементы.
Шрифты не слишком мелкие и не слишком крупные.

Частая проблема: на десктопе секция выглядит красиво, с двумя-тремя колонками, а на телефоне всё сваливается в кашу. Или между блоками появляются огромные пустые пространства. Это нужно находить и исправлять до запуска.

Проверьте как минимум на двух-трёх разных размерах экрана: небольшой телефон, крупный телефон, планшет.

Скорость загрузки

Медленный сайт раздражает. Это знает каждый из собственного опыта. Три секунды ожидания — и значительная часть людей просто закрывает вкладку.

Скорость зависит от множества факторов, и глубокая оптимизация — отдельная большая тема. Но базовые вещи стоит проверить перед запуском.

Быстрые проверки

Прогоните главную и пару ключевых страниц через Google PageSpeed Insights. Не обязательно гнаться за 100 баллами, но если показатель ниже 50 на мобильных — есть проблемы.
Убедитесь, что изображения оптимизированы (мы уже говорили выше — не больше 200–300 КБ для обычных фото).
Проверьте, сколько плагинов активировано (если сайт на WordPress). Каждый лишний плагин — это дополнительная нагрузка. Всё, что не используете, — деактивировать и удалить.
Убедитесь, что включено кеширование. Если не знаете, что это — просто знайте, что без кеширования каждый посетитель заново загружает все файлы сайта. С кешированием — повторные визиты быстрее.

Не нужно превращать этот пункт в идеальную оптимизацию. Задача перед запуском — убрать грубые проблемы. Тонкая настройка — это уже следующий этап.

Базовое SEO

SEO — огромная тема, и полноценная поисковая оптимизация не делается за один вечер. Но несколько вещей нужно настроить до запуска, чтобы не начинать с нуля потом.

Title и Description

У каждой страницы должны быть заполнены метатег Title (заголовок, который отображается во вкладке браузера и в поисковой выдаче) и Meta Description (краткое описание страницы для поисковиков).

Если эти поля пустые — поисковики сами возьмут что-нибудь из текста страницы. И часто это выглядит не очень.

Типичные ошибки:

На всех страницах одинаковый Title (например, просто название компании).
Title слишком длинный — 150 символов, из которых видны только первые 60.
Description отсутствует или содержит бессмысленный набор ключевых слов.

Заголовки на страницах

Структура заголовков (H1, H2, H3) — это не просто оформление. Это способ показать поисковикам и читателям, о чём ваша страница и как она организована.

Базовые правила:

На каждой странице — один H1.
H2 — для основных разделов.
H3 — для подразделов внутри H2.
Заголовки не должны быть просто «красивым крупным текстом». Если вы увеличиваете шрифт ради визуала — это не заголовок, это стилистический приём. А вот тег H1 или H2 — это разметка, которую читают поисковики.

Индексация

Очень важный пункт. На этапе разработки сайт часто закрывают от индексации, чтобы поисковые системы не находили недоделанные страницы. Перед запуском убедитесь, что вы сняли эту блокировку.

В WordPress это проверяется в разделе «Настройки» → «Чтение» → галочка «Попросить поисковые системы не индексировать сайт». Она должна быть снята.

Если забудете — сайт может неделями и даже месяцами не появляться в поиске. И вы будете гадать, почему.

Другие SEO-моменты

Настроена ли карта сайта (sitemap.xml). Большинство SEO-плагинов создают её автоматически.
Настроен ли файл robots.txt. Он сообщает поисковым роботам, что можно индексировать, а что нет.
Адреса страниц (URL) читаемые: «/uslugi» вместо «/?p=123».

Мини-чек-лист по SEO:
☐ Title и Description заполнены на каждой странице
☐ На каждой странице есть один H1
☐ Индексация сайта разрешена
☐ URL-адреса понятные и читаемые
☐ Карта сайта создана

Юридические и технические мелочи

Это скучная часть, но игнорировать её рискованно.

Политика конфиденциальности

Если на сайте есть хоть одна форма, которая собирает данные (имя, телефон, email) — вам нужна страница с политикой конфиденциальности. И ссылка на неё рядом с формой. Это не просто «для красоты» — это требование закона (152-ФЗ о персональных данных).

SSL-сертификат

Адрес сайта должен начинаться с https://, а не http://. Значок замка в адресной строке — это SSL-сертификат. Без него браузеры предупреждают пользователей, что сайт «не защищён», и многие просто не заходят дальше.

Большинство хостингов предоставляют бесплатный SSL-сертификат. Нужно только его активировать.

Фавикон

Фавикон — это маленькая иконка во вкладке браузера. Если его нет, вкладка выглядит «пустой» и непрофессионально. Мелочь, но она создаёт впечатление.

Год в футере

Аналитика

Запустить сайт без подключённой аналитики — всё равно что открыть магазин с завязанными глазами. Вы не будете знать, сколько людей приходит, откуда, какие страницы смотрят и где уходят.

Минимум, который нужно подключить

Яндекс.Метрика — для русскоязычных сайтов это базовый инструмент. Установка занимает несколько минут: создаёте счётчик, вставляете код на сайт. Особенно полезна функция «Вебвизор» — она записывает сеансы посетителей, и вы видите, как люди реально взаимодействуют с сайтом.
Google Analytics — если планируете работать с Google-трафиком или зарубежной аудиторией.

Подключить аналитику после запуска тоже можно, но тогда вы потеряете данные за первые дни и недели. А именно начальный период часто помогает увидеть критические проблемы: высокий процент отказов, страницы, с которых все уходят, кнопки, по которым никто не кликает.

Цели

Если умеете — настройте хотя бы одну цель: отправка формы, клик по номеру телефона, переход на определённую страницу. Это позволит не просто считать посетителей, а понимать, сколько из них совершают полезное действие.

Резервное копирование

Перед запуском сделайте полную резервную копию сайта. Файлы + база данных. Если что-то пойдёт не так — вы сможете вернуть всё как было за несколько минут, а не восстанавливать сайт с нуля.

На WordPress для этого есть простые плагины, которые создают бэкап в пару кликов и сохраняют его на облачное хранилище.

Ещё лучше — настроить автоматические регулярные бэкапы. Это задача на 10–15 минут, которая может однажды сэкономить вам дни работы.

Кросс-браузерная проверка

Сайт может выглядеть идеально в Chrome и разваливаться в Safari. Или нормально работать в Firefox и глючить в мобильном браузере Samsung.

Проверьте сайт хотя бы в двух-трёх браузерах:

Google Chrome
Safari (особенно на iPhone — у него свои особенности рендеринга)
Firefox

Не обязательно проверять каждый пиксель. Задача — убедиться, что ничего критичного не сломано: элементы не наезжают друг на друга, шрифты отображаются, анимации не зависают.

Финальный сводный чек-лист

Для удобства — всё в одном месте:

Контент:
☐ Нет тестового текста, «рыбы» и заглушек
☐ Тексты проверены на ошибки
☐ Контактные данные актуальны
☐ Изображения оптимизированы и отображаются
☐ Alt-тексты заполнены

Навигация:
☐ Все пункты меню работают корректно
☐ Внутренние ссылки ведут на правильные страницы
☐ Страница 404 оформлена
☐ Нет тупиковых страниц

Формы и действия:
☐ Каждая форма протестирована отправкой
☐ Письма приходят на правильный адрес
☐ Кнопки работают и ведут куда нужно
☐ Телефоны и email кликабельны

Мобильная версия:
☐ Проверена на реальном устройстве или в DevTools
☐ Нет горизонтальной прокрутки
☐ Кнопки удобно нажимать пальцем
☐ Текст читается без масштабирования

Скорость:
☐ Страницы проверены в PageSpeed Insights
☐ Нет критически тяжёлых изображений
☐ Неиспользуемые плагины удалены

SEO:
☐ Title и Description заполнены на каждой странице
☐ Структура заголовков корректна
☐ Индексация разрешена
☐ URL-адреса читаемые
☐ Карта сайта создана

Технические моменты:
☐ SSL-сертификат активен (https)
☐ Политика конфиденциальности на месте
☐ Фавикон установлен
☐ Год в футере актуальный

Аналитика:
☐ Яндекс.Метрика подключена
☐ Цели настроены (хотя бы базовые)

Безопасность:
☐ Резервная копия сделана
☐ Автоматические бэкапы настроены

Типичные ошибки, которые совершают почти все

Даже с чек-листом перед глазами новички наступают на одни и те же грабли. Вот самые частые:

«Потом доделаю» — запуск с незаконченными разделами. «Блог пока пустой, потом наполню». «Страница “О компании” — позже». Посетитель не знает ваших планов. Он видит пустоту и делает выводы.

Проверка только на своём устройстве — «У меня всё отображается нормально» — классика. А у ваших посетителей другие экраны, другие браузеры, другая скорость интернета.

Игнорирование мобильной версии — «Ну кто заходит на сайт с телефона?» Большинство. Буквально.

Отсутствие аналитики — сайт работает месяц, а вы не знаете, есть ли на нём вообще посетители. И если есть — что они делают.

Страх запуска — обратная крайность. Бесконечное «ещё чуть-чуть доделаю» приводит к тому, что сайт не запускается месяцами. Перфекционизм — враг запуска. Сайт не должен быть идеальным. Он должен быть рабочим, аккуратным и решать свою задачу. Довести до совершенства можно потом — по данным аналитики и обратной связи.

Заключение

Запуск сайта — момент, к которому хочется прийти побыстрее. И именно поэтому его так часто комкают. Проверить сайт перед запуском по чек-листу — дело одного-двух часов. А последствия пропущенных ошибок могут тянуться неделями.

Этот чек-лист покрывает базовые вещи. Он не заменяет системное понимание того, как строится, настраивается и продвигается сайт. Но он точно поможет избежать самых грубых промахов, из-за которых посетители уходят, заявки теряются, а поисковики не находят ваш сайт.

Если, проходя по этим пунктам, вы чувствуете, что многое из перечисленного вызывает вопросы — это нормально. Создание сайта включает много направлений, и каждое требует своей логики. Разобраться в них по отдельным статьям можно, но это долгий путь проб и ошибок. Системный подход экономит месяцы. Но это уже тема для отдельного разговора.

Сохраните этот чек-лист. Пройдитесь по нему перед запуском. И пусть ваш сайт встретит первых посетителей достойно.

Что проверить перед запуском сайта: базовый чек-лист для новичка