09.02.2018

Как и где проверить сайт на ошибки?

ошибки на сайте

Как и где проверить сайт на ошибки?
Оцените этот пост

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

Проверка сайта на ошибки

Ну что же начнём с того, что ошибки на сайте могут быть различного вида. Это могут быть:

  • и ошибки кода (валидности HTML и CSS),
  • и ошибки верстки,
  • и элементарные орфографические ошибки,
  • плохая загрузка страниц.

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

И сейчас мы с вами рассмотрим основные ошибки, и инструменты, с помощью которых их можно проверить.

1. Ошибки кода (валидности HTML и CSS).

Определить их можно с помощью сервиса validator.w3.org. Просто можете зайти на этот сервис, вбить адрес своего блога, и вы увидите список ошибок валидности HTML, а перейдя ниже на сервисе по ссылке CSS stylesheets, вы сможете просмотреть список ошибок в CSS стилях.

Если сервис покажет вам большое количество ошибок: 50, 100, 500 и более, то однозначно вам нужно уменьшить их количество. Вы можете сделать это вручную, или же, если вы неспециалист в CSS и Html, то просто обратитесь к фрилансеру и пусть он вам всё почистит и подправит. Стоит это недорого, и сделать это нужно, потому как чем больше ошибок, тем сложнее ресурсу полноценно функционировать. Это повлияет на юзабилити и посетители просто будут уходить с сайта из-за нестабильной работы.

Если сервис вам будет непонятен, хотя там всё просто то можете воспользоваться другим сервисом — cy-pr.com. Проверка кода сайта на ошибки в нём также есть. Зарегистрируйтесь в нём и там есть такой пункт «Анализ сайта», где вы сможете просмотреть различные показатели своего проекта и проекта конкурентов. И в частности, там можно просмотреть ошибки валидности HTML и CSS. которые выводятся с помощью первого сервиса.

Над этим нужно будет поработать и уменьшить их до минимума. По CSS более и менее нормально всё, и то можно снизить. Вообще, нужно стараться сводить до нуля всё, но если их будет в каждом пункте 14-15, то это не страшно. Вот 103 уже много, буду уменьшать однозначно.

2. Ошибки верстки.

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

  • Корректное отображение шаблона.
  • Правильное оформление и внедрение дизайна
  • Чёткое отображение отдельных элементов.
  • Корректное отображение во всех браузерах.
  • Корректное отображение на всех разрешениях монитора.
  • Корректное отображение на мобильниках и гаджетах.

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

1. Корректное отображение шаблона. Здесь всё можно оценить визуально, если вы открыли сайт и какие-то элементы сдвинуты в разные стороны, то тут всё понятно, нужно исправлять, для этого никакие сервисы не нужны.

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

3. Чёткое отображение отдельных элементов. Этот пункт плавно выходит из второго. Думаю объяснять его не стоит и так понятно.

4. Корректное отображение во всех браузерах. Вот этот пункт тоже немаловажен. Поскольку люди разные и каждому нравится разные браузеры, а их ещё и куча версий, важно знать, насколько чётко ваш блог/сайт отображается в них. Для того чтобы это проверить, можно воспользоваться сервисом browsershots.org.

Всё что нужно сделать, это перейти на него, вбить свой адрес блога в строку Enter URL Here и нажать Submit. Ниже вы увидите окошко с адресом своего блога, нажав на которую вы попадёте, на страницу, где будет куча вариантов отображения в разных браузерах, там вы и сможете всё оценить.

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

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

Google Chrome — Настройка и управление (справа вверху) — Инструменты — Расширения — в поиске вписываете название и вам его сразу покажет.

6. Корректное отображение на мобильниках и гаджетах. Говорить важно это или нет, даже не буду. Думаю, вы понимаете, что в современном мире всё больше популярности набирают смартфоны и гаджеты. поэтому ваш ресурс должен быть адаптирован под них. Проверить это можно как вручную, зайдя на свой сайт с мобильного телефона, или же с помощью сервиса http://www.woorank.com/es. Делается там всё просто. Заходите вбиваете адрес и вам покажет все данные, а также примеры отображения.

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

Едем дальше.

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

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

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

  1. www.pr-cy.ru/speed_test — заходите вбиваете название и вам покажет скорость загрузки страницы.
  2. mainspy.ru/skorost_zagruzki_sajta — делается также всё по аналогии.
  3. webwait.com — ещё один сервис, который, делает проверку скорости загрузки страниц. Проверяет он по каким-то 5 опциям и выводит средний результат.

Внимание! В первых двух сервисах показатели должны быть более 1 секунды, в третьем более 3 секунд. Если они у вас покажут больше нужно срочно уменьшать. Сделать это можно снизив нагрузку на сервер, убрав лишние элементы, оптимизировав базу банных, картинки и другое. Но эта тема отдельной статьи. Так что подробно о том, как ускорить загрузку страниц, я скоро напишу в ближайших статьях.