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

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

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

Проверить валидность можно с помощью валидаторов кода – специальных онлайн-сервисов или оффлайн-программ.

Зачем нужен валидный код?

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

Скажется ли это на продвижении? Не обязательно.

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

Можно посмотреть на ошибки в коде и со стороны обычного посетителя. Пользователи, заходя на сайт, не могут посмотреть информацию из-за неработающего кода: не подгружаются картинки, невозможно прочитать текст из-за «кривой» вёрстки, не открываются формы. Такая ситуация приведёт к тому, что пользователь скорее всего покинет сайт и уйдёт к конкурентам.

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

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

Как проверить сайт?

Онлайн-сервисы

Мы рекомендуем несколько сервисов для проверки сайта на валидность.

Markup Validation Service

Этот бесплатный сервис предлагает проверить HTML код сайта несколькими способами:

• просто по ссылке онлайн;
• по фрагменту кода, вставленному в форму;
• по файлу с кодом, загруженному с компьютера.

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

CSS Validation Service

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

Система выдаёт список невалидного кода и после этого списка предлагает правильно сгенерированный код.

Mobile checker

Это инструмент позволяет понять – готов ли ваш сайт для показа на мобильных устройствах. Инструмент прогоняет страницы по разным тестам, проверяет код HTML и CSS и если страница благополучно проходит эти тесты, сайт считается адаптированными.

Checklink

Этот сервис проверяет страницу по ссылке или из файла и оценивает анкоры и ссылки на корректность оформления. Если в объектах или ссылках будут обнаружены ошибки, то система выдаст их список и подскажет как исправить.

Feed

Этот бесплатный сервис позволяют узнать ошибки RSS или Atom.

XML well checker and validator

Форма работает только с XML-документами, проверяя их на ошибки. Вставляйте в поле файл с кодом, или введите в строку адрес страницы. В результате система выдаст список ошибок синтаксиса, если они будут обнаружены в коде.

Расширения для проверки кода

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

Большинство расширений сразу анализируют страницы сайта на ошибку и уведомлениями показывают – сколько ошибок обнаружено. Нужно всего лишь нажать на расширение и увидеть список некорректностей в коде, а также рекомендации по исправлению.

Список расширений для Mozilla:

• Firebug;
• HTML Validator;
• Total Validator;
• Validaty.

Список расширений для Google Chrome

• HTML Validation Bookmarklet;
• Validity;
• Web Developer.

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

Как работать с ошибками?

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

Приступая к правке кода, лучше сделать резервную копию сайта.

Исправлять ошибки можно самостоятельно, но если вы не обладаете знаниями HTML и CSS, то можно:

1. Обратиться к специалистам, которые поправят код.
2. Скопировать рекомендации исправления из валидаторов.
3. Воспользоваться поисковиками и узнать на специализированных форумах о вариантах решениях ошибки.

Вывод

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

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

Специалисты компании «Цифровой Элемент» готовы проверить ваш уже готовый сайт на валидность, исправить ошибки и дать рекомендации по модернизации проекта.

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