Чек-лист по запуску нового сайта: что нужно учесть?

Запуск нового сайта — момент ответственный. Надо сделать 1000 и 1 дело. Чтобы вы не потерялись в дедлайнах и задачах, мы придумали чек-лист. Подрядчикам он поможет структурировать все действия, а заказчикам — понять и проверить, все ли пожелания учла команда разработки.

Не будем томить, а сразу приступим к делу, то есть к чек-листу.

1. Проверка функциональности

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

Протестируйте, все ли заявки приходят на указанный вами e-mail.

Убедитесь, что они ведут на нужные страницы, и в целом работают.

Проверьте, могут ли пользователи создать новый аккаунт, войти в него или в случае чего восстановить пароль.

Попробуйте оплатить покупку, а также проверьте CRM, аналитику и другие сторонние сервисы, которые вы подключили к сайту.

Сайт должен корректно отображаться во всех популярных браузерах (Google chrome, Yandex, Opera, Safari и др.). Не забывайте о пользователях Safari. Им тоже нужен ваш продукт.

Проверьте работу сайта на разных устройствах — смартфонах, планшетах, ноутбуках.

2. Дизайн

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

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

3. Контент

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

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

Проверьте правильность контактных данных, адресов и другой важной информации.

Изображения должны быть оптимизированы для «веба» без потери качества.

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

Проверьте, чтобы они корректно отображались и воспроизводились.

4. SEO-оптимизация

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

Добавьте уникальные title и description на каждую страницу.

Заполните их для всех изображений.

Убедитесь, что адреса страниц имеют логичный вид.

Поясним на примере значения «логичный вид». Существует два веб-адреса, которые ведут на одну и ту же страницу:

1. Первая ссылка.

2. Вторая ссылка.

По первой ссылке можно только догадаться, что это некий материал на сайте Unisender под номером 2543. А вот второй URL более информативный. Очевидно, что пользователь при переходе попадет на сайт Unisender и увидит материал под названием «Как сделать опрос в Telegram».

Проверьте сайт через Google PageSpeed Insights и оптимизируйте, если скорость низкая.

Google PageSpeed Insights — это бесплатный инструмент от Google, который оценивает скорость загрузки вашего сайта и предоставляет рекомендации по его оптимизации. Сервис анализирует как мобильную, так и десктопную версию сайта, показывая, насколько быстро загружаются страницы, и выделяет элементы, которые могут замедлять работу ресурса.

Как понять, что скорость низкая?

PageSpeed Insights дает итоговый балл (от 0 до 100):

Инструмент также показывает, сколько времени требуется для:

Если значения превышают рекомендованные (например, LCP более 2,5 секунд), то это сигнал к доработке.

Самый популярный русский аналог — это Яндекс.Вебмастер: Анализ скорости сайта.Это инструмент от Яндекса, который позволяет проверить скорость загрузки страниц, ориентируясь на данные аудитории из русскоязычного сегмента интернета.

Создайте и проверьте XML-файл, отправьте его в Google Search Console.

Что такое XML-файл сайта?

XML-файл (или XML-карта сайта, sitemap.xml) — это документ, который содержит структуру вашего сайта. Он включает список всех важных страниц, а также информацию о частоте их обновления и приоритетах индексации. XML-файл помогает поисковым системам быстрее находить и индексировать ваш сайт.

Как создать XML-файл?

Автоматически через CMS. Если вы используете CMS (например, WordPress, Tilda, Bitrix), то большинство из них автоматически генерируют XML-файл.

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

Например:

Также можно создавать вручную или с помощью онлайн-генераторов.

404-страница отображается, когда пользователь пытается открыть несуществующую или удаленную страницу на вашем сайте. Такая страница важна, потому что:

Страница должна отображаться корректно на всех устройствах (десктоп, мобильные). 404-страница не должна перенаправлять на главную страницу или другие URL, так как это запутает пользователя и поисковые системы.

Информативная 404-страница содержит элементы, которые помогают пользователю понять, что произошло, и продолжить использование сайта.

Способы «сгладить» ошибку для пользователя или хотя бы дать ему понять, что что-то пошло не так:

1. Пропишите фразы:

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

3. Добавьте привлекательный дизайн, чтобы смягчить разочарование пользователя.

5. Юридические аспекты

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

Разместите ее в доступном месте. Лучше всего размещать это в футере, чтобы пользователь с любой страницы мог это открыть.

Если вы продаете товары или услуги, оферта важна.

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

Несколько пунктов, почему это важно:

Оферта фиксирует условия сделки, защищая компанию в случае претензий со стороны клиента.

В случае конфликта оферта служит основным документом, подтверждающим договоренность сторон.

Документ позволяет клиентам заранее ознакомиться с условиями предоставления услуг или покупки товаров, что укрепляет доверие к компании.

Оферта может быть представлена в виде отдельного документа или страницы на сайте (например, «Пользовательское соглашение» или «Условия продажи»).

Cookie-уведомление — это сообщение на сайте, информирующее пользователей о сборе, использовании и хранении файлов cookie. Cookies — это небольшие файлы, которые сохраняются на устройстве пользователя и позволяют сайту запоминать предпочтения, собирать статистику или показывать персонализированный контент.

Настройте отображение уведомлений в соответствии с законодательством (Федеральный закон №152-ФЗ «О персональных данных»).

6. Финальное тестирование

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

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

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

Когда все пункты чек-листа выполнены, убедитесь, что проект действительно готов к публикации. Для этого проведите финальную проверку и согласуйте действия между всеми участниками команды. Вот что нужно учесть:

1. Создание резервной копии

Перед публикацией сайта сделайте полную резервную копию файлов и базы данных. Это поможет быстро восстановить проект в случае непредвиденных проблем.

2. Оповещение команды и клиента

3. Перенос на основной домен

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

Как понять, что сервер «нужный»?

- Сайт открывается корректно.

- Редиректы и поддомены функционируют без ошибок.

SSL-сертификат — это цифровой документ, который подтверждает подлинность сайта и шифрует данные, передаваемые между пользователем и сервером. Благодаря SSL-сертификату, данные (например, пароли, номера кредитных карт) передаются через защищённый протокол HTTPS, что предотвращает их перехват злоумышленниками.

4. Мониторинг после запуска

5. План продвижения и анонсирование

6. Юридические и технические документы

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

Для удобства мы сделали отдельный файл только с чек-листом для скачивания. Скачать можно по ссылке.

Запуск сайта — это не конец, а только начало работы.

Не забывайте:

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

А если с чем-то не получается или остались вопросы, то приходите к нам на консультацию. Решим вашу задачу.