Как самостоятельно тестировать сайт по завершению разработки

333
Как самостоятельно тестировать сайт по завершению разработки

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

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

Проверка верстки – соответствие дизайна сайта

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

  • Полное соответствие размещению блоков на сайте
  • Визуально соотношение пропорций размеров блоков
  • Отступы между элементами, в том числе и в самом контенте
  • Соответствие шрифтов, размеров шрифтов, читабельность текста и заголовков (помните, шрифты могут немного отличаться в Adobe Photoshop и в браузере).
  • Цвета, которые используются для сайта
  • Соответствие фигурных элементов согласно макету
  • Кросбраузерность – как отображается сайта в разных браузерах Chrome, Firefox, Internet Explorer, Opera и Safari

Проверка технической части и кода сайта

Проверку можно выполнить даже не имея глубоких знаний в написании кода сайта. В этом поможет Валидатор https://validator.w3.org/. При помощи этого ресурса можно проверить наличие ошибок на сайте. Необходимо выполнять проверку не только для главной страницы, а для каждого типа страниц сайта.

Проверить Язык сайта, кодировку (может использоваться только одна UTF-8 или Windows-1251).

Для этого необходимо открыть код страницы используя сочетание клавиш Ctrl+U и посмотреть как на примере язык сайта lang="ru-RU", кодировка charset="UTF-8"

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

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

Проверка функционала

На этом этапе необходимо:

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

Вывод, добавление, редактирование контента

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

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

Скорость загрузки сайта

Для выполнения данной проверки можно использовать сервис PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/?hl=ru

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

Базовая SEO оптимизация сайта

  • На что обратить внимание выполняя проверку базовой оптимизации?
  • Наличие метаданных title, description, keywords
  • Наличие заголовков H1, H2, H3
  • Редиректы: с www на без www или наоборот, с index.php, index.html на страницу без index.php, index.html
  • При подключенном ssl сертификате, редирект всех страниц сайта с http:// на https://, отсутсвие внутренних ссылок с http://
  • Карту сайта sitemap.xml
  • Наличие файла robots.txt
  • Хлебные крошки - соответствие url страницы
  • Реализацию ЧПУ url страниц сайта
  • 404 страницу
  • Логическую вложенность страниц сайта в url адресе

Контент

Для проверки уникальности контента можно использовать сервисы https://text.ru/, https://content-watch.ru/

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

Популярные статьи в разделе Разработка сайтов
Тип: Разработка сайтов Компания: MakeBeCool
Добавлено:22-11-2016 7688
Тренды веб-дизайна 2017: 11 способов быть на шаг впереди
Вот и 2016 год уже подходит к концу. Многие начинают его анализировать и формировать выводы. Дизайнеры же продолжают смотреть вперед в ожидании новых трендов 2017 года. О них и поговорим.
Тип: Разработка сайтов Компания: MakeBeCool
Добавлено:22-11-2016 7688
Тип: Разработка сайтов Компания: Promodex
Добавлено:11-03-2016 2890
Что выбрать — шаблон или уникальный дизайн?
В процессе создания продающего сайта неизбежно станет вопрос о внешнем виде, дизайнерском оформлении этого сайта. И здесь есть два варианта — использовать готовый шаблон или заказать уникальный дизайн.
Тип: Разработка сайтов Компания: Promodex
Добавлено:11-03-2016 2890
Тип: Разработка сайтов Компания: MakeBeCool
Добавлено:01-06-2016 2872
Как измерить влияние редизайна сайта? [digital note #12]
Первое, что интересует после проведения редизайна, это как изменилось количество продаж. О том, как измерить такое изменение, расскажем в статье.
Тип: Разработка сайтов Компания: MakeBeCool
Добавлено:01-06-2016 2872