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

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

Запуск сайта — момент волнительный. Кажется, что всё готово, но стоит нажать заветную кнопку, и обязательно найдётся битая ссылка, картинка без alt или форма, которая молча не отправляет письма. Чтобы не ловить такие сюрпризы на живых посетителях, опытные веб-мастера прогоняют проект по чек-листу. Ниже — практический список проверок, который подойдёт и для лендинга, и для блога на WordPress.

Почему чек-лист важнее, чем кажется

Большинство ошибок на старте — это не поломки кода, а мелочи, которые легко пропустить глазом. Вы смотрели на макет сотню раз и просто перестали замечать опечатку в заголовке или неактивный пункт меню. Чек-лист возвращает свежий взгляд: вы идёте по пунктам последовательно, а не «где-то там посмотрю».

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

1. Контент и тексты

Текстовая часть

  • Тексты вычитаны: нет опечаток, лишних пробелов, случайных рыбацких фраз вроде «Lorem ipsum».
  • Заголовки не дублируются и не обрываются многоточием.
  • Все даты, цены, телефоны и адреса актуальны.
  • Название компании и слоган написаны единообразно во всех блоках.

Изображения

  • Картинки оптимизированы по весу и отдаются в формате WebP или JPEG вместо тяжёлых PNG.
  • У каждого изображения заполнен атрибут alt — это и доступность, и подсказка для поисковиков.
  • Фотографии не растянуты и не обрезаны по лицам и ключевым деталям.
  • Для тематических картинок оформлены права на использование.

2. Ссылки и навигация

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

  • Внешние ссылки открываются в новой вкладке (или осознанно — в текущей).
  • Нет ссылок вида localhost и заглушек «#» в важных кнопках.
  • Хлебные крошки и пагинация работают корректно.
  • Понятная структура меню: посетитель за два клика доходит до ключевых страниц.

3. Технические основы

Мета-теги

У каждой страницы должны быть уникальные title и description. Проверьте, что в них нет лишних служебных приписок, а длина заголовка укладывается примерно в 60 символов.

Файлы для поисковиков

  • robots.txt не закрывает от индексации весь сайт — после переноса с тестового домена такое случается.
  • Карта сайта sitemap.xml генерируется и отдаёт актуальные адреса.
  • Настроена страница 404 с понятным текстом и ссылками на основные разделы.
  • Установлен HTTPS-сертификат, а HTTP-версия перенаправляется на защищённую (301-редирект).

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

Медленный сайт теряет посетителей ещё до того, как они увидят первый экран. Проверьте проект в PageSpeed Insights или в Lighthouse и посмотрите на три вещи: вес страницы, количество запросов и время до первого отображения.

  • Изображения сжаты, для них заданы реальные размеры в вёрстке.
  • Скрипты и стили минифицированы и по возможности объединены.
  • Включено кеширование и сжатие Gzip или Brotli.
  • Нет тяжёлых слайдеров и анимаций на первом экране без необходимости.

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

Больше половины трафика приходит со смартфонов, поэтому проверяем не только «как выглядит», но и «как пользоваться».

  • Текст читается без горизонтальной прокрутки и зума.
  • Кнопки и ссылки имеют достаточную область нажатия.
  • Меню-гамбургер открывается и закрывается без залипаний.
  • Всплывающие окна не перекрывают контент целиком.

6. Кроссбраузерность

Минимальный набор для проверки: Chrome, Firefox, Safari и Edge, а также мобильные Safari и Chrome. Обратите внимание на шрифты, тени, сетки и поведение форм — чаще всего расхождения вылезают именно там.

7. Формы и обратная связь

Форма, которая не отправляет письма, — классика жанра. Отправьте тестовую заявку и убедитесь, что письмо дошло, а не осело в спаме.

  • Приходит уведомление и на вашу почту, и посетителю.
  • Отображаются корректные сообщения об ошибках и об успехе.
  • Есть защита от спама: honeypot, капча или простая проверка.
  • Клики по телефону и почте работают как tel: и mailto:.

8. Безопасность и бэкапы

  • Резервная копия сайта и базы данных сделана прямо перед запуском.
  • Обновлены ядро, тема и плагины, удалены неиспользуемые.
  • Сменены пароли по умолчанию, включена двухфакторная аутентификация администратора.
  • Файлы wp-config.php и доступ к админке защищены.

9. Аналитика

Без счётчика вы не узнаете, откуда пришли первые читатели. Установите Яндекс Метрику или Google Analytics, проверьте, что код стоит на всех страницах и данные приходят в реальном времени. Заодно подключите сайт к Яндекс Вебмастеру и Google Search Console.

Финальный прогон

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

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

Комментарии

  1. Марина Королёва

    Спасибо за пункт про alt. Я как раз на прошлой неделе запустила блог и обнаружила, что у половины картинок alt пустой. Перепроверила все изображения в медиабиблиотеке, заодно сжала PNG в WebP — страница стала заметно быстрее.

  2. кирилл

    Подскажите, как лучше проверять формы на продакшене, чтобы не забивать реальную почту тестовыми письмами? Я обычно ставлю отдельный ящик и тестовый ключ, но не уверен, что этого достаточно.

    1. Илья Казаков

      По формам на продакшене: отдельный ящик и тестовый ключ — правильный минимум. Я обычно советую ещё проверять, что письмо не падает в спам, и смотреть логи отправки, если используется SMTP-плагин. И обязательно отправьте одно письмо на реальный внешний адрес — иногда внутренние ящики работают, а наружу форма молчит.

  3. степан

    Я перед запуском своего лендинга прошёл по меню и нашёл три ссылки с localhost. Хорошо, что не отправил рекламу раньше. Ещё добавил в чек-лист проверку телефона и цен — они менялись в последний момент.

  4. Алёна С.

    Насчёт title в 60 символов — не всегда стоит гнаться за этой цифрой. Я делала сайт для ниши, где длинные запросы важнее, и мы оставляли 70–75 символов, Google показывал нормально. Но базовую проверку на уникальность никто не отменял.

  5. Евгения Денисова

    А я чуть не забыла про robots.txt после переноса с тестового домена. Открыла его, увидела Disallow: / и глазам не поверила. Спасибо, что напомнили про этот пункт.

  6. Игорь

    Интересно, а страницу 404 обязательно делать кастомной? У меня на WordPress стоит стандартная тема, и я не уверен, что самодельная 404 даст что-то кроме красоты.

    1. Мария Ч.

      Мне кастомная 404 помогла: я добавила на неё поиск и ссылки на популярные статьи, и люди стали реже уходить. Стандартная страница темы выглядела как тупик.

Комментарии закрыты.