Запуск сайта — момент волнительный. Кажется, что всё готово, но стоит нажать заветную кнопку, и обязательно найдётся битая ссылка, картинка без 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. Первые сутки после запуска стоит держать под рукой логи ошибок — так вы быстро заметите проблему, если она всплывёт.
Скачайте этот чек-лист или перепишите его своими словами — и используйте для каждого нового проекта. Со временем проверки займут полчаса, а уверенность в запуске станет заметно выше.
Спасибо за пункт про alt. Я как раз на прошлой неделе запустила блог и обнаружила, что у половины картинок alt пустой. Перепроверила все изображения в медиабиблиотеке, заодно сжала PNG в WebP — страница стала заметно быстрее.
Подскажите, как лучше проверять формы на продакшене, чтобы не забивать реальную почту тестовыми письмами? Я обычно ставлю отдельный ящик и тестовый ключ, но не уверен, что этого достаточно.
По формам на продакшене: отдельный ящик и тестовый ключ — правильный минимум. Я обычно советую ещё проверять, что письмо не падает в спам, и смотреть логи отправки, если используется SMTP-плагин. И обязательно отправьте одно письмо на реальный внешний адрес — иногда внутренние ящики работают, а наружу форма молчит.
Я перед запуском своего лендинга прошёл по меню и нашёл три ссылки с localhost. Хорошо, что не отправил рекламу раньше. Ещё добавил в чек-лист проверку телефона и цен — они менялись в последний момент.
Насчёт title в 60 символов — не всегда стоит гнаться за этой цифрой. Я делала сайт для ниши, где длинные запросы важнее, и мы оставляли 70–75 символов, Google показывал нормально. Но базовую проверку на уникальность никто не отменял.
А я чуть не забыла про robots.txt после переноса с тестового домена. Открыла его, увидела Disallow: / и глазам не поверила. Спасибо, что напомнили про этот пункт.
Интересно, а страницу 404 обязательно делать кастомной? У меня на WordPress стоит стандартная тема, и я не уверен, что самодельная 404 даст что-то кроме красоты.
Мне кастомная 404 помогла: я добавила на неё поиск и ссылки на популярные статьи, и люди стали реже уходить. Стандартная страница темы выглядела как тупик.