Заказать услуги

Проверка сайта на ошибки, пример тестирования

Комментариев нет 368 Просмотров
Автор
Программист, специалист по веб-разработке с опытом работы более 15+ лет, автор проекта WidgetSoft. Если хотите каждый день узнавать много полезной и бесплатной информации о том, как увеличить свои доходы онлайн, подписывайтесь на телеграм-канал WidgetSoft.

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

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

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

Проверка мобильной адаптации сайта

Согласно статистике InternetLiveStats доступ в Интернет имеют более 5 млрд. человек. И около 3,7 млрд. из них выходят в сеть через различные девайсы (от англ. device — устройство). Поэтому адаптация сайта к мобильным устройствам стала одним из важнейших требований в продвижении сайта.

Проверка мобильной адаптации сайта выполнияется в 2 этапа:

  • нужно зайти на свой сайт через планшет и мобильный телефон и проверить отображение непосредственно в них,
  • а затем воспользоваться специальным сервисом Google’s Mobile-Friendly Test
проверка мобильной адаптации сайта
Проверка мобильной адаптации сайта

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

И только потом использовать искусственный интеллект, чтобы найти менее заметные изъяны.

Проверяем наличие ошибок в скриптах

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

Для этого откройте страницу своего сайта в браузере. Но обязательно сделайте это на компьютере или на ноутбуке. Затем нажмите кнопку F12. На некоторых компьютерах это может быть комбинация клавиш Fn + F12. У вас откроется консоль разработчика.

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

Убедитесь, что в консоли нет ошибок, подсвеченных красным цветом.

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

Рекомендую выполнять такую проверку после каждого вмешательства в код сайта.

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

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

Существуют правила и стандарты, специально разработанные организацией World Wide Web Consorcium (сокращенно W3C). Важно следовать этим правилам, чтобы обеспечить совместимость своего сайта с различными браузерами и устройствами.

Чтобы пройти проверку на валидность используйте сервис validator.w3.org. Убедитесь, что в результатах нету ошибок, подсвеченных красным цветом. Допускаются лишь предупреждения, выделенные жёлтым цветом (англ. warning).

проверка на валидность
Проверка на валидность сайта widgetsoft.pro

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

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

В свою очередь, Google предоставляет собственный инструмент для проверки скорости: Google PageSpeed Insights. Дополнительно здесь можно получить рекомендации, как ускорить загрузку своего сайта.

скорость загрузки сайта
Проверка скорости загрузки сайта

Проверка сайта на ошибки: полезные сервисы

Чтобы быстро и бесплатно провести предварительный экспрес-анализ сайта очень удобно использовать специально разработанные для этих целей сервисы:

Отмечу, что точно также совершенно бесплатно можно провести эксрпес-тест абсолютно любого сайта. Не только своего собственного, но и сайта кого-то из конкурентов.

Считаю важным предупредить новичков! Раньше для экспрес-анализа сайта я часто использовала сервис be1.ru. Однако обнаружила у них неприемлемый способ продвижения своих услуг. Если точнее, в заголовке при анализе сайта у них показывается сообщение «обнаружено 45 технических ошибок».

Проверка сайта на ошибки: сервис be1
Обман на сервисе be1.ru

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

Поэтому расскажу, как провести предварительный SEO анализ с помощью сервиса pr-cy.ru.

Тестирование сайта с помощью сервиса pr-cy

Введите адрес своего сайта в специальное поле и нажмите кнопку Анализировать.

Проверка сайта на ошибки: полезный сервис pr-cy

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

Проверка сайта на ошибки: сервис pr-cy
На этом сайте ошибок нет, только 2 предупреждения

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

А также здесь вы частично увидите поисковые запросы, по которым ваш сайт отображается в поисковой выдаче. Чтобы увидеть всю статистику по ключевым словам на данном сервисе — придётся платить. Сделать это бесплатно можно в сервисах Яндекс.Метрика и Google.Analytics.

Параметры домена

Чуть ниже находится блок Параметры домена. Здесь отображается информация о том, сколько страниц будет отображаться в поиске Яндекс и Google, а также не попал ли случайно ваш сайт под какие-либо фильтры или штрафы поисковых систем.

Проверка сайта на ошибки: параметры домена

Смотрим на количество проиндексированных страниц сайта. В случае, если:

  • общее число проиндексированных страниц значительно ниже общего количества страниц сайта;
  • число проиндексированных страниц в Яндекс сильно отличается от числа проиндексированных страниц в Google;
  • или вовсе в каком-то из поисковиков количество проиндексированных страниц равно 0;

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

Техническое состояние сайта

В разделе Техническое состояние сайта анализируем следующие параметры:

  • наличие ssl-сертификата,
  • переадресация с www,
  • страницы отображаются в кодировке utf-8,
  • наличие файлов robots.txt и sitemap.xml,
  • скорость загрузки html меньше 1 сек.
SSL сертификат требуется для обмена данными по протоколу https, что является важным условием для SEO и необходимым условием для большинства интеграций сайта с различными сервисами. Например такими, как автоматизированные e-mail рассылки или Telegram чат-бот. SSL бывает платный и бесплатный. Для интернет-магазинов в 9 из 10 случаев подойдёт бесплатный сертификат.
Файл robots.txt и карта сайта sitemap.xml помогают роботам правильно индексировать сайт, а также значительно ускоряют этот процесс.
Проверка сайта на ошибки: техническое состояние сайта
Проверка сайта на ошибки: техническое состояние сайта

Неважно, занимались вы внутренней SEO-оптимизацией своего сайта самостоятельно или нанимали специалиста, сервис pr-cy.ru поможет провести экспрес-тест проделанной работы.

Внутренняя seo-оптимизация сайта

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

Проверка сайта на ошибки: внутренняя seo-оптимизация сайта
Заголовок и описание сайта

Здесь же можно оценить размер (вес) исследуемой страницы сайта. Это важно, т.к. размер страницы тоже влияет на скорость загрузки. Страница не должна превышать 1 Мб.

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

Проверка сайта на ошибки: внутренняя seo-оптимизация сайта
Параметры внутренней seo-оптимизации

Если какой-то из параметров для вас непонятен, то можно вывести подсказку, которая появляется при клике по иконке с вопросом справа.

В заключение

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

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

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

Всем добра!

2022 © Сайты, технологии, обучение Все права защищены