Как запустить тесты обеспечения качества (QA) на вашем новом веб-сайте

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

Посмотреть вебинар

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

Оригинальную запись можно посмотреть здесь:

Что такое контроль качества?

Тестирование QA проверяет функциональность веб-сайта (или любого другого программного обеспечения).

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

Как решить, что тестировать

Тестирование требует очень внимательного и методичного понимания вашего веб-сайта и ваших пользователей. Вы должны сделать шаг назад и подумать об этом с точки зрения 10 000 футов.

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

Составьте план тестирования

Чтобы запустить эти тесты, создайте план тестирования с детализированными тестовыми примерами, который, по сути, представляет собой прославленный контрольный список. Это держит вас честным, гарантируя, что вы не пропустите ничего важного. В идеале это будет жить в инструменте жизненного цикла разработки программного обеспечения (SDLC). Но вы можете отслеживать тесты в чем-то вроде Excel:

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

Все дело в том, что общение четкое и недвусмысленное. Таким образом, исправления могут быть эффективными.

Инструменты тестирования качества

Попробуйте некоторые из этих инструментов для отслеживания и управления тестами (мы используем Notion в Articulate, но ваш опыт может отличаться).

• Джира
• Тестовый рельс
• Багзилла
• Трелло
• Тестовая ссылка
• Понятие

Все заслуги Брайана за половину этого блога. Теперь немного информации из опыта Articulate в создании веб-сайтов для клиентов.

8 распространенных вещей, которые вам нужно протестировать на своем веб-сайте

1. Лорем ипсум

Писатели и дизайнеры обычно используют замещающую копию «Lorem ipsum» при создании веб-сайта. Потом забывают заменить. Выполните тщательный поиск, чтобы проверить наличие оставшихся фрагментов lorem ipsum.

2. Отсутствующие страницы

Совет по GitHub для изображения.

Если вы не выполняете перенаправление со своего старого сайта на новый сайт должным образом, сопоставляя URL-адреса страниц, вы получаете неработающие ссылки и отсутствующие страницы. Перенаправление URL — действительно важная часть запуска нового веб-сайта для нас. Мы видели несколько случаев неработающих ссылок в меню. Очень часто ссылка на меню связана с тестовой страницей разработки из-за того, что она жестко закодирована.

3. SSL-ошибки

Google накажет сайт с ошибками SSL. Скорее всего, вы не заметите этого, если не проверите это.

Одна из проблем с сайтами HubSpot заключается в том, что в большинстве случаев вы не можете разместить сайт HubSpot на собственном домене apex. Это означает, что у вас не может быть HTTPS-кода на Articlemarketing.com; это должен быть www.Articlemarketing.com. В этом случае вам необходимо выполнить перенаправление с домена вершины на субдомен www. Если у вас неправильно настроено это перенаправление, оно не будет зашифровано и вызовет ошибку SSL.

4. Толстые изображения

Ваш дизайнер загружает графический файл размером 16 мегабайт. Вы могли бы разместить это на рекламном щите. Ему не место на вашем сайте. Вместо этого постарайтесь, чтобы размер ваших изображений не превышал 300 килобайт, и придерживайтесь формата JPEG или, что еще лучше, формата SVG.

Если вы пользуетесь HubSpot, вы можете использовать наше приложение Fizz+Ginger для сжатия изображений.

5. Скрыто от Google

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

Кроме того, иногда мы берем на себя сайты с файлом robots.txt, который блокирует важные страницы от поисковых систем. Возможно, вы захотите удалить видимость на определенных страницах. Однако, если он настроен неправильно, вы скрываете страницы, которые хотите, чтобы люди могли найти в Google.

Главный совет: если вы разрабатываете сайт на WordPress, следите за тем, чтобы после запуска у вас не был установлен флажок «Запрещать поисковым системам индексировать этот сайт».

6. Совместимость с браузером

Раньше это была большая проблема, чем сегодня. Internet Explorer часто является виновником несовместимости с отраслевыми стандартами. Как правило, если вы комфортно работаете в современной версии Chrome или Safari, то, вероятно, у вас все в порядке и в других браузерах, но все же стоит протестировать. Не пытайтесь приспособиться к очень устаревшим браузерам. Это не стоит усилий.

7. Мобильная отзывчивость

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

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

Главный совет: AMP (ускоренные мобильные страницы) — это способ сделать ваши страницы молниеносно быстрыми на мобильных устройствах, но вы теряете большую часть контроля над видимостью, форматированием, дизайном и макетом. Тем не менее, вероятно, стоит включить его, если вы испытываете падение трафика из-за недавних обновлений алгоритма Google.

8. Формы, которые никуда не денутся

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

Последнее примечание

Мы управляемое данными, ориентированное на детали маркетинговое агентство, поэтому нам скорее нравятся строгие принципы тестирования QA.

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

Мы оставим вас с этой мыслью:

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

— Джеймс Бах