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


Тестирование сайта после публикации

Я думаю, у многих в голове мог возникнуть вопрос: «А зачем и что мне там тестировать?», ведь, казалось бы, в процессе написания сайта, все там проверяется и тестируется…. Но тут я вам скажу все далеко не так просто. Для начала, когда вы пишите свой сайт и проверяете его на своем локальном сервере типа OpenServer, при переезде его на хостинг в интернете может возникнуть множество ошибок с путями адресами и.т.д. Безусловно основные ошибки вы увидите сразу, предположим у вас не подключилась таблица стилей, тут вы это быстро обнаружите, но есть ещё очень много мелких подводных камней которые могут испортить всю картину в целом.

От слова к делу и давайте я расскажу вам по порядку, как я сам тестирую проекты после их публикации:

Проверяем сайт на битые ссылки

Тут есть 2 варианта, проверить сайт вручную, то есть зайти на каждую страницу и перейти по ссылке, и так по всему проекту, это безусловно нужно, но если у вас сайт в 50-100 страниц, а если ваш ресурс имеет 1000 или 10000 страниц и ссылок здесь уже посложнее будет. Как раз для больших ресурсов лучше подойдет второй вариант тестирования, а именно автоматический, слава богу в интернете сейчас достаточно сервисов, предоставляющих подобные слуги. Просто как вариант в Яндексе в поиск вводим «Проверка битых ссылок» и один и сервисов, которым я воспользовался tilda

Проверка битых ссылок

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

Работоспособность скриптов и форм на сайте

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

Проверка внешнего кода

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

W3C валидность

Очень специфичный пункт поскольку, далеко не всем покажется важным проверить сайт валидатором, и кто-либо захочет вообще это делать, с мыслями типа «А зачем мне это, сайт и так нормально отображается и т.д.», но тут вопрос в качестве вашего кода, я понимаю кому-то откровенно это не важно, но я не поленился и потратил пару часиков и доработал сайт до валидного кода. Что самое интересное даже при правильном отображении сайта и т.д., я нашел в коде несколько неприятных ошибок. Для тех кто не в курсе если вы пишите сайт на HTML 5, то даже если ваш сайт не будет иметь ошибок значок они вам не дадут, его можно получить только за валидный CSS код и HTML 4, XHTML …. почему так я не скажу почитайте в интернете если интересно там этот вопрос не редко обсуждается.

Кроссбраузерность и адаптивность

Да именно она, будет не лишним после закачки вашего сайта на хостинг и проведения вышеуказанных мероприятий проверить его на кроссбраузерность. И тут хотел вам порекомендовать полезный ресурс для подобного тестирования live.browserstack.com он поможет вам избавиться от необходимости ставить себе кучу браузеров, плагинов и подобного, вы просто выбираете нужные настройки и в путь…

Орфография

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

SEO оптимизация

Я думаю, ни для кого не будет секретом, что seo необходимо, поскольку вам я думаю нужны посетители на ваш ресурс, а этот инструмент вполне неплохо с этим справляется. И снова обратимся к великому поиску и на первом же листе мы найдем с десяток неплохих сервисов готовых помочь вам улучшить сайт, как безвозмездно, так и нет. Как пример pr-cy.ru

Проверка seo

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

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

Дата: 2023-11-09
Автор: Алексей Мезенцев
HTML5 и CSS3 с Нуля до Гуру

HTML5 и CSS3

Научись создавать профессиональные современные сайты на HTML5 и CSS3

Узнать подробности