Чек-лист по запуску нового сайта: что нужно учесть?
Запуск нового сайта — момент ответственный. Надо сделать 1000 и 1 дело. Чтобы вы не потерялись в дедлайнах и задачах, вот вам чек-лист. Подрядчикам он поможет структурировать все действия, а заказчикам — понять и проверить, все ли пожелания учла команда разработки.
Чек-лист перед запуском сайта
Не будем томить, а сразу приступим к делу, то есть к чек-листу.
Предпроверка
1. Проверка функциональности
Перед запуском нужно убедиться, что все элементы сайта работают корректно. Это включает тестирование ключевых функций, о которых поговорим ниже.
Протестируйте, все ли заявки приходят на указанный вами e-mail.
Убедитесь, что они ведут на нужные страницы, и в целом работают.
Проверьте, могут ли пользователи создать новый аккаунт, войти в него или в случае чего восстановить пароль.
Интеграции.
Попробуйте оплатить покупку, а также проверьте CRM, аналитику и другие сторонние сервисы, которые вы подключили к сайту.
Сайт должен корректно отображаться во всех популярных браузерах (Google chrome, Yandex, Opera, Safari и др.). Не забывайте о пользователях Safari. Им тоже нужен ваш продукт.
Проверьте работу сайта на разных устройствах — смартфонах, планшетах, ноутбуках.
2. Дизайн
Дизайн — это первое, что видит пользователь при входе на сайт. Поэтому важно уделять ему внимание и после разработки макетов.
Например, обязательно проверьте, чтобы все на сайте соответствовало макету. Бывает, что фронтенд-разработчик может упустить ту или иную иконку, выбрать не тот цвет или случайно поменять расположение каких-либо элементов.
Скриншот с ui-kit, на котором изображено то что все элементы в одном стиле.
Шрифты: убедитесь, что шрифты читаемы на всех устройствах.
Цветовая палитра: цвета должны быть согласованы с фирменным стилем.
Скриншот цветовой палитры, составленной на основе логотипа.
3. Контент
От качества текста, актуальности данных и визуального контента зависит, как будет восприниматься ваш сайт. Проверьте все до мелочей, чтобы оставить хорошее впечатление.
Грамотность.
Убедитесь в отсутствии орфографических и грамматических ошибок. Даже самый душный контенщик или копирайтер может пропустить запятую, добавить лишнюю букву или что-то еще.
Опечатка. Надо «Карточка проходит…».
Проверьте правильность контактных данных, адресов и другой важной информации.
Изображения должны быть оптимизированы для «веба» без потери качества.
Оптимизация изображений «для веба» означает адаптацию графических файлов для использования в интернете, чтобы они загружались быстро, занимали меньше места на сервере, но при этом сохраняли высокое качество для пользователей.
Проверьте, чтобы они корректно отображались и воспроизводились.
4. SEO-оптимизация
Чтобы ваш сайт нашла целевая аудитория, важно подготовить его к индексации поисковыми системами. SEO-оптимизация помогает не только улучшить видимость ресурса, но и сделать его удобным для пользователей.
Мета-теги.
Добавьте уникальные title и description на каждую страницу.
Alt-теги.
Заполните их для всех изображений.
Убедитесь, что адреса страниц имеют логичный вид.
Поясним на примере значения «логичный вид». Существует два веб-адреса, которые ведут на одну и ту же страницу:
https://www.unisender.com/ru/2543
https://www.unisender.com/ru/blog/kak-sdelat-opros-v-telegram/
По первой ссылке можно только догадаться, что это некий материал на сайте Unisender под номером 2543. А вот второй URL более информативный. Очевидно, что пользователь при переходе попадет на сайт Unisender и увидит материал под названием «Как сделать опрос в Telegram».
Проверьте сайт через Google PageSpeed Insights и оптимизируйте, если скорость низкая.
Google PageSpeed Insights (https://pagespeed.web.dev/) — это бесплатный инструмент от Google, который оценивает скорость загрузки вашего сайта и предоставляет рекомендации по его оптимизации. Сервис анализирует как мобильную, так и десктопную версию сайта, показывая, насколько быстро загружаются страницы, и выделяет элементы, которые могут замедлять работу ресурса.
Как понять, что скорость низкая?
PageSpeed Insights дает итоговый балл (от 0 до 100):
90–100: высокая скорость, сайт оптимизирован.
50–89: средняя скорость, есть над чем работать.
0–49: низкая скорость, требуется срочная оптимизация.
Инструмент также показывает, сколько времени требуется для:
Первого отображения контента (First Contentful Paint, FCP).
Полной загрузки страницы (Largest Contentful Paint, LCP).
Если значения превышают рекомендованные (например, LCP более 2,5 секунд), то это сигнал к доработке.
Самый популярный русский аналог — это Яндекс.Вебмастер: Анализ скорости сайта.
Это инструмент от Яндекса, который позволяет проверить скорость загрузки страниц, ориентируясь на данные аудитории из русскоязычного сегмента интернета.
Скриншот с сайта Google PageSpeed Insights (Проверка нашего сайта на скорость и производительность).
Карта сайта.
Создайте и проверьте XML-файл, отправьте его в Google Search Console.
Что такое XML-файл сайта?
XML-файл (или XML-карта сайта, sitemap.xml) — это документ, который содержит структуру вашего сайта. Он включает список всех важных страниц, а также информацию о частоте их обновления и приоритетах индексации. XML-файл помогает поисковым системам быстрее находить и индексировать ваш сайт.
Как создать XML-файл?
Автоматически через CMS. Если вы используете CMS (например, WordPress, Tilda, Bitrix), то большинство из них автоматически генерируют XML-файл.
Google Search Console — это бесплатный инструмент от Google для владельцев сайтов. Он помогает отслеживать, как ваш сайт отображается в результатах поиска, выявлять проблемы с индексацией и получать рекомендации по SEO.
Например:
В WordPress можно использовать плагин Yoast SEO или Rank Math.
В Bitrix XML-карта сайта настраивается через встроенные инструменты.
Также можно создавать вручную или с помощью онлайн-генераторов.
404-страница.
404-страница отображается, когда пользователь пытается открыть несуществующую или удаленную страницу на вашем сайте. Такая страница важна, потому что:
Она помогает удержать пользователя, направляя его на другие разделы сайта.
Она показывает, что ваш сайт профессионально настроен.
Она снижает негативное влияние на пользовательский опыт и SEO.
Страница должна отображаться корректно на всех устройствах (десктоп, мобильные). 404-страница не должна перенаправлять на главную страницу или другие URL, так как это запутает пользователя и поисковые системы.
Информативная 404-страница содержит элементы, которые помогают пользователю понять, что произошло, и продолжить использование сайта.
Способы «сгладить» ошибку для пользователя или хотя бы дать ему понять, что что-то пошло не так:
Пропишите фразы:
«Страница не найдена».
«Похоже, вы перешли по неправильной ссылке».
Чтобы человек не ушел с сайта, предложите ему вернуться на главную или предоставьте кнопки с ссылками на полезные разделы.
Добавьте привлекательный дизайн, чтобы смягчить разочарование пользователя.
Ошибка 404.
5. Юридические аспекты
Запуск сайта предполагает соблюдение юридических требований. Правильно оформленные документы защитят вас от возможных претензий и сделают взаимодействие с пользователями безопасным и прозрачным.
Разместите ее в доступном месте. Лучше всего размещать это в футере, чтобы пользователь с любой страницы мог это открыть.
Скриншот самой нижней части нашего сайта с политикой конфиденциальности.
Весь футер с нашего сайта.
Если вы продаете товары или услуги, оферта важна.
Оферта — это юридический документ, который предлагает покупателю или клиенту заключить договор на условиях, указанных в документе. Для интернет-магазинов, онлайн-сервисов и других бизнесов, которые продают товары или услуги через сайт, оферта необходима, чтобы урегулировать отношения с клиентами.
Несколько пунктов, почему это важно:
Оферта фиксирует условия сделки, защищая компанию в случае претензий со стороны клиента.
В случае конфликта оферта служит основным документом, подтверждающим договоренность сторон.
Документ позволяет клиентам заранее ознакомиться с условиями предоставления услуг или покупки товаров, что укрепляет доверие к компании.
Оферта может быть представлена в виде отдельного документа или страницы на сайте (например, «Пользовательское соглашение» или «Условия продажи»).
Cookie-уведомление — это сообщение на сайте, информирующее пользователей о сборе, использовании и хранении файлов cookie. Cookies — это небольшие файлы, которые сохраняются на устройстве пользователя и позволяют сайту запоминать предпочтения, собирать статистику или показывать персонализированный контент.
Настройте отображение уведомлений в соответствии с законодательством (Федеральный закон №152-ФЗ «О персональных данных»).
Скриншот с сайта магазина косметики о куки.
6. Финальное тестирование
Перед публикацией сайта проведите финальное тестирование. Это последний шанс устранить ошибки и убедиться, что сайт готов к работе в реальных условиях, включая высокие нагрузки и взаимодействие с пользователями.
Создайте контрольную таблицу и устраните все найденные ошибки. Контрольная таблица — это инструмент, который помогает систематизировать проверку выполнения задач или требований на проекте.
Пример таблицы.
Новые фичи.
Бывает, что при заключительной проверке у вас появляются новые идеи. Чтобы их не откладывать, создайте файл с будущими пожеланиями к изменениям, которые возьмете в работу после запуска.
Готовность к запуску
Когда все пункты чек-листа выполнены, убедитесь, что проект действительно готов к публикации. Для этого проведите финальную проверку и согласуйте действия между всеми участниками команды. Вот что нужно учесть:
1. Создание резервной копии
Перед публикацией сайта сделайте полную резервную копию файлов и базы данных. Это поможет быстро восстановить проект в случае непредвиденных проблем.
2. Оповещение команды и клиента
Сообщите клиенту и всем заинтересованным сторонам, что сайт готов к публикации.
Подготовьте инструкции для команды клиента, если они будут работать с сайтом (например, вносить изменения через CMS).
3. Перенос на основной домен
Корректная работа сайта — работа без ошибок, багов и зависаний. Для проверки корректности работы сайта на домене нужно убедиться, что все ключевые аспекты связаны с доменным именем и доступностью ресурса работают правильно.
Проверьте настройки DNS (DNS (Domain Name System) — это система, которая связывает доменные имена (например, example.com) с их IP-адресами (например, 192.0.2.1). Она позволяет пользователям заходить на сайты, вводя удобные для запоминания доменные имена вместо числовых IP-адресов.) , чтобы они указывали на нужный сервер.
Как понять, что сервер «нужный»?
— Сайт открывается корректно.
— Редиректы и поддомены функционируют без ошибок.
SSL-сертификат — это цифровой документ, который подтверждает подлинность сайта и шифрует данные, передаваемые между пользователем и сервером. Благодаря SSL-сертификату, данные (например, пароли, номера кредитных карт) передаются через защищённый протокол HTTPS, что предотвращает их перехват злоумышленниками.
4. Мониторинг после запуска
После переноса проекта проведите еще одну контрольную проверку всего сайта, чтобы все функционировало корректно.
5. План продвижения и анонсирование
Можно начинать обсуждение продвижения в интернете, например, через контекстную рекламу или с помощью SEO-оптимизации.
6. Юридические и технические документы
Проверьте, что у вас есть все ключевые документы: акты сдачи-приемки, договоры, инструкции для клиента.
Убедитесь, что все нужные доступы переданы клиенту, включая хостинг, домен и CMS.
Финальная подготовка не менее важна, чем сам процесс разработки. Только после выполнения всех этих шагов можно с уверенностью утверждать, что сайт готов к выходу в онлайн.
Для удобства мы сделали отдельный файл только с чек-листом для скачивания. Скачать можно по ссылке.
Продолжайте развивать ресурс
Запуск сайта — это не конец, а только начало работы.
Не забывайте:
Анализировать данные. Изучайте поведение пользователей через веб-аналитику. В этом помогут Google Analytics, Яндекс.Метрика.
Добавлять и актуализировать контент. Регулярно публикуйте новые материалы (посты, статьи, фотографии, видео) для привлечения трафика.
Оптимизировать. Улучшайте SEO, исправляйте ошибки, добавляйте новые функции.
Тестировать. Проводите A/B-тесты, чтобы понять, что работает лучше.
Поддержка и развитие сайта после его запуска — залог его успеха. Используйте этот чек-лист как базу, чтобы избежать проблем и сделать ваш ресурс максимально эффективным.
