отдел продаж
клиентский сервис
Войти
Регистрация

Запуск нового сайта: чек-лист проверки до и тестирование после

1 июня 2021

Запуск нового сайта можно сравнить с запуском ракеты в космос. Нужно проверить буквально все и только потом нажимать кнопку «Пуск». Если этого не сделать, то во время полета сайта в Сети вы замучаетесь латать дыры — устранять ошибки. А их, поверьте, может вылезти огромное количество. Даже «ВКонтакте» после старта долгое время устранял недоработки, чего уж говорить о простом сайте.

Чтобы вам было проще организовать запуск и проверить все тщательно до старта, мы подготовили чек-лист. В нем самые важные моменты, которые советуем перепроверить 300 раз. Далее есть пошаговый запуск сайта в Интернете. Ну и, конечно, описаны типичные ошибки — куда уж без них…

15 моментов, которые нужно проверить до запуска нового сайта

15 моментов, которые нужно проверить до запуска нового сайта

Как вы думаете, много ли сайтов появляется в Сети ежедневно? Их тысячи, а может быть, гораздо больше. Главной проблемой является то, что большинство из них нуждается в доработке, так как их владельцы попросту не учли и не знали о ключевых моментах, на которые стоило бы обратить внимание еще до запуска сайта.

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

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

Прежде чем стартовать, проверьте следующее:

  1. Контент

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

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

  2. Подробные контактные данные

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

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

  3. Метатег описания страниц и сайта

    Метатег описания страниц и сайта

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

  4. Безопасность

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

    Если вы используете WordPress, то с целью предотвращения взлома установите Word Fence Security. В случае возникновения опасности извне модуль направит вам оповещение. Кроме того, произойдет блокировка дальнейших действий злоумышленников. Также вам будет сообщено о необходимости обновления и других моментах, которые предотвратят взлом в дальнейшем.

  5. Страницы с юридической информацией

    Здесь мы говорим о страницах, содержащих важную информацию, таких как «Правила использования», «Условия заказа», «Политика конфиденциальности», «Условия возврата товара» и др. Информация, содержащаяся на них, не только обеспечивает законность вашей деятельности, но и защищает права посетителей сайта. При использовании WordPress вам подойдет установка плагина Auto Terms of Service and Privacy Policy. Или же выходом из положения будет написание своего собственного сборника правил.

  6. Независимость работы сайта от JavaScript

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

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

  7. Резервные копии

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

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

    Если ваш сайт создан на WordPress, то с помощью установки плагина Dropbox Backup which вы обеспечите автоматическую сохранность вашей базы в хранилище Dropbox с определенной вами частотой.

  8. Кроссплатформенность

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

  9. Интеграция CRM

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

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

  10. Оборонительный дизайн

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

  11. SEO

    У вас должна быть грамотно настроенная SEO-оптимизация. Это важно для продвижения сайта в поисковых системах. К выбору ключевых слов, которые будут присутствовать в статьях и заголовках к ним, стоит подходить особенно тщательно. Также важно помнить о метатегах ключевых слов и описаний.

  12. Проверка валидности кода

    Проверка валидности кода

    Несоблюдение стандартов HTML/CSS может сделать всю работу над SEO-оптимизацией напрасной. Это важно, чтобы поисковые роботы корректно проиндексировали сайт. Если сканирование страниц сайта не произойдет, то приоритет для них будет выбран низкий, а это грозит непопаданием в ТОП.

  13. Сертификат безопасности

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

  14. Аналитика

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

  15. Фавикон

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

Пошаговая инструкция по запуску нового сайта в Интернете

Этап 1. Подготовка файлов сайта для публикации

Сначала готовим файлы. Вы спросите: «Но мой сайт готов, и вся информация на нем уже размещена, что еще от меня требуется?»

Если вы еще этого не сделали, то самый простой способ создать сайт — через конструктор WordPress.

Существует самый быстрый способ размещения сайтов в Интернете. Переходим к его рассмотрению.

В первую очередь мы сжимаем исходные файлы сайта (можно это выполнить через архивирование ZIP), что необходимо для ускорения их передачи, так как гораздо дольше передавать их по одному, чем сразу всем архивом. Важно это для сайтов на CMS, так как у них большое количество файлов, которые должны быть переданы на сервер.

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

Файлы сжаты. Куда их передавать?

Этап 2. Выбор хостинга

Пошаговая инструкция по запуску нового сайта в Интернете

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

Запомните одно важное правило, которого стоит придерживаться всегда, — не приобретайте дешевый хостинг! В данном случае действует народная мудрость «скупой платит дважды». Сэкономив пару рублей, вы приобретете себе уйму проблем: низкая скорость загрузки сайта, сервер не отвечает, а единственным решением, которое предлагает техническая поддержка, является предложение о переходе на более дорогой тариф.

Этап 3. Выбор доменного имени

У вас будет возможность протестировать сайт совершенно бесплатно в течение 30 дней. Такую возможность предоставляют хостинги — так называемый демодоступ. Вполне подойдет для загрузки сайта на сервер.

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

Переходим в раздел «Домены и поддомены». Далее выбираем пункт «Зарегистрировать домен». При занятом домене появится соответствующее сообщение.

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

Этап 4. Загрузка сайта в Интернет

Загрузка сайта в Интернет

Переходим к размещению сайта в Сети. Помним, что у нас уже есть архив. Нам осталось лишь загрузить его на созданный хостинг. Есть два варианта, как можно это сделать:

Не понадобятся сторонние программы — для этого всего лишь заходим на админ-панель и выбираем «Файловый менеджер». После этого кликаем на нужный нам сайт и заходим на него, а потом в «public_html». После можно смело удалять стандартный файл index.php по причине его дальнейшей ненадобности.

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

Затем вы просто кликаете на архив правой кнопкой мыши и выбираете в отображаемом списке «Распаковать архив». Далее нажимаете на «Ок».

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

Далее следует открытие домена и его проверка.

Для этого нам нужен FTP-клиент, чтобы перейти на сервер и загрузить необходимые файлы. К примеру, подойдет File Zilla.

После установки программы нужно кликнуть на значок «Менеджер сайтов», расположенный вверху слева. Переходим к созданию нового сайта. Справа вводим хост, имя пользователя, пароль (эти данные направляются нам по электронной почте при регистрации). Нажимаем «Соединиться», после чего оказываемся в корне нашего хостинга. Переходим внутрь домена, а потом — внутрь папки «public_html».

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

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

Этап 5. Загрузка баз данных на хостинг

Если создание сайта проходило на платформе WordPress или иной CMS, то базу данных также необходимо загрузить. Это доступно в разделе «My SQL».

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

Далее переходим в php My Admin. Выбираем «Импорт» — кнопка сверху. Нажимаем «Обзор» и выбираем SQL-файл базы данных. Предварительно на компьютере в php My Admin делаем экспорт необходимой базы.

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

Важность тестирования нового сайта после запуска

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

Нельзя нарушать последовательность и пропускать этапы. Ярким примером будет смена дизайна сайта «ВКонтакте» или оптимизация версии Windows 10. И это еще после тестирования! А представьте, если бы проверки не проводилось! На это может уйти 50 % запланированного бюджета и общего времени, отведенного на реализацию проекта. Естественно, это в большей степени относится к самописным веб-приложениям, но так или иначе не стоит пропускать этот этап.

Тестирование пройдет без особых сложностей в том случае, если вы запускаете незамысловатый веб-проект или ваш сайт работает на одной из распространённых CMS.

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

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

6 этапов тестирования нового сайта

Важность тестирования нового сайта после запуска

  1. Подготовка. Специалисту выдаются ТЗ, вся необходимая документация, прототипы. После этого он анализирует все и составляет план проведения тестирования.
  2. Тестирование функционала. По праву считается самым долгим этапом. Он заключается в проверке работоспособности и соответствия требованиям ТЗ всех основных функций сайта. Основными задачами проверяющего являются обнаружение нерабочих ссылок, проверка работоспособности всех предусмотренных на сайте веб-форм; проводится анализ контента, а также остальных функций (выполнение корректного поиска, подгрузка файлов, функционирование счётчиков, комментариев и других предусмотренных на сайте интерактивных элементов).
  3. Тестирование вёрстки. Этот этап направлен на анализ кода, который отвечает за отображение веб-страниц. Сначала происходит проверка соответствия дизайна сайта всем макетам, которые изначально были переданы разработчику (наличие дизайнерских элементов, цветовая гамма, расположение основных элементов и кнопок). Проводится проверка корректности отображения всех графических форм и элементов. Далее код проверяется на валидность, то есть соответствие общепринятым стандартам. Это крайне важно, так как никто не сможет заранее угадать, как будет отображен тем или иным браузером код, который не является валидным. Также тестировщик должен проверить качество оптимизации кода, а после этого, исправив выявленные ошибки, кроссбраузерность и адаптивность оформления сайта.
  4. Тест юзабилити. Данный этап заключается в оценке удобства созданного ресурса при его использовании. Безусловно, основные моменты должны учитываться и предусматриваться еще на стадии разработки ТЗ. Но, как показывает практика, по итогу не всегда получается то, что запрашивалось изначально. Юзабилити-тест проводится при непосредственном участии пользователей. Такие приемы, как A/B-тестирование, не только позволяют повысить степень удобства, но и помочь в достижении основных целей всего проекта (например, увеличение конверсии продаж).
  5. Тестирование производительности. Также является крайне важным этапом, так как с его помощью можно определить устойчивость сайта к нагрузкам, выявить скорость загрузки страниц и т. д.
  6. Тестирование уровня безопасности.Здесь специалист должен определить устойчивость сайта ко всем незаконным действиям злоумышленников.

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

Типичные ошибки запуска нового сайта

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

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

  1. Нет планирования будущего трафика

    Типичные ошибки запуска нового сайта

    Планирование трафика, как и кто будет привлекаться на сайт — важная информация, которая должна быть определена еще на стадии разработки сайта. Если же этого не сделано, то вы можете столкнуться с постоянными доработками и корректировками (связанными, например, с запуском контекстной рекламы или SEO), что повлечет за собой дополнительные финансовые вливания. Согласитесь, что это крайне непрофессионально!

    Продумав источники, из которых к вам на сайт пойдет основной трафик, вы отвечаете на один из главных вопросов: «Сайт какого вида мне потребуется, чтобы привлечь потенциального клиента?» Ведь это может быть сайт-визитка или лендинг. Эти варианты очень популярны из-за своей низкой стоимости. Но на самом деле клиент может просто желать сайт-каталог или корпоративный сайт компании. Чтобы избежать подобных ошибок, крайне важно понимать, для чего необходим тот или иной вид сайта и учитывать принципы работы отдельных инструментов интернет-маркетинга, таких как SEO, контекстная реклама, социальные сети и др.

  2. Бесполезный сайт

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

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

  3. Внедрение всех пожеланий клиента

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

  4. Слишком сложный дизайн сайта

    Слишком сложный дизайн сайта

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

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

  5. Недооценивается значение размещаемого контента

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

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

Читайте также