Как проверить сайт на валидность и зачем это делать?

Быстрая навигация по этой странице:

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

проверить сайт на валидность

Зачем нужна проверка кода

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

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

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

Например, в большом количестве колонок, шапок, футеров, сайдбаров и помещенных внутри них блоков вполне можно незаметить какой-то незакрытый тег или дублирование тега. Из-за этого в дизайне сайта что-то может криво смотреться или, предположим, криво отображаться в отдельных браузерах — вы в своем Chrome или Opera этого не увидите, а пользователь с Internet Explorer 6-8 вполне может увидеть неправильно отображенную страницу. Могут быть и неправильно указаны технические теги — такие, например, как мета тег keywords.

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

Производим проверку онлайн

Прародителем всех существующих стандартов является созданный в 1994 году Консорциум W3C, благодаря которому в свое время и произошла стандартизация тегов HTML. Потому если вы хотите проверить валидность кода по всем правилам, то имеет смысл воспользоваться онлайн-инструментом на официальном сайте W3C — http://validator.w3.org/.

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

В открывшемся окне достаточно ввести адрес сайта или его отдельной страницы и нажать на кнопку «Check»:

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

Как видим, на нашем сайте было обнаружено три ошибки, одна из которых сводилась к тому, что код favicon был установлен ошибочно после закрывающего тега </head>. Нашли бы мы такую ошибку самостоятельно? Возможно, но не факт.

Также можно отдельно проверять css-файлы на вашем сайте, для этого существует специальный css-валидатор: http://jigsaw.w3.org/css-validator/.

Расширения для браузеров

Помимо официального сервиса от консорциума W3C, также можно проверять код с помощью самих браузеров. Так, для Firefox существует очень удобное расширение под названием HTML Validator (https://addons.mozilla.org/ru/firefox/addon/html-validator/).

Для браузеров Opera и Chrome можно использовать плагин Google Chrome RDS bar от сервиса recipdonor.com — он, конечно, предназначен для других, не менее полезных функций (проверка пузомерок, индексации, наличия в каталогах и т.д.), но в нем имеется и встроенный валидатор.

Для Internet Explorer нам на момент написания статьи такие плагины не попались… Если вам они известны — поделитесь пожалуйста этой информацией в комментариях!

Если Вы нашли для себя что-то полезное на этой странице, пожалуйста, нажмите на одну из этих кнопок:
Комментарии
  1. Максим

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>