Что такое валидация с точки зрения веб-строительства

Валидация простыми словами

Само по себе слово «валидация» означает сверку характеристик продукции с существующими правилами производства товара и стандартами качества. Результаты данного процесса должны подтверждать, что требования, предъявляемые к продукту, соблюдены, а цель, выражаемая как создание «качественного товара», достигнута. В веб-строительстве валидацией принято назвать проверку HTML-кода сайта стандартам языков разметки (HTML, XHTML). В результате такой проверки находятся и устраняются ошибки, позволяющие повысить качество страницы, сократить время загрузки и повысить лояльность со стороны поисковых систем.

Валидация простыми словами

Представьте, что вы печете хлеб. При этом в работе необходимо руководствоваться требованиями, установленными ГОСТ 31805-2012 — стандартом, распространяющимся на хлебобулочные изделия.

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

И вот ваша булочка оказывается никому не нужной, а у конкурента в соседнем магазине бизнес процветает. Что делать? Идти на производство, и проверять, где же допущены ошибки: много сахара, мало соли, не хватает жара… Процесс поиска этих ошибок и будет валидацией продукта. А когда вы добьетесь устранения всех нарушений, продукт будет валидным.

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

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

В настоящее время все сервисы, предоставляющие услуги валидации кода, ориентируются на международные стандарты ISO/IEC 15445 — HyperText Markup Language и ISO 8879—Standard Generalized Markup Language (SGML). Вместе с тем, многие ресурсы озвучивают и собственные рекомендации по написанию и правке кода страницы. Подчас «советы» могут оказаться спорными. Но об этом позже.

Валидация простыми словами

Сервисы для проверки страниц на валидность

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

Самым популярным ресурсом, используемым для этой цели, является знаменитый и знакомый всем сайтостроителям validator.w3.org. Он предлагает несколько способов проверки:

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

Первый способ — самый простой. После открытия главной страницы сервиса необходимо ввести проверяемый URL в строку и нажать кнопку Check. После этого на странице появится список ошибок и предупреждений. Появятся они обязательно: в интернете сложно найти сайты, которые могли бы похвастаться нулем замечаний от w3.org. Даже google.com получает обширный список рекомендаций по оптимизации кода.

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

Если сайт размещен в локальной сети, то проверить его можно с помощью формы Validate by File Upload, которая предлагает возможность загрузки документов.

Ну а если по какой-то причине вы не хотите использовать код до проверки его на валидность, спасет форма Validate by direct input.

Следующий вариант проверки страницы — использование расширения HTML Validator для Firefox. Использовать это приложение достаточно просто: на нужной странице обращаем внимание на расположившийся в правом нижнем углу браузера значок, который может принимать три значения:

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

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

Кстати, не путайте это приложение с одноименным расширением Chrome, которое будет просто перенаправлять вас на w3.org. Для других браузеров советую использовать:

  • Validator для Opera;
  • HTML Tidy Browser Extension для Chrome;
  • Safari Validator для Safari.
Сервис для проверки валидации

Этапы валидации и типовые ошибки

Валидация — процесс, который состоит из нескольких компонентов. Проверить просто качество HTML-кода недостаточно. Процедура осуществляется следующим образом:

  • поиск синтаксических ошибок;
  • анализ правильности вложенности тегов;
  • валидация документа на соответствие Document Type Definition;
  • выделение тегов и атрибутов, имеющихся в коде, но отсутствующих в документе.

Из этого перечня логично вытекает список самых распространенных ошибок, большинство которых легко исправляется:

  • не указан Doctype (возможно некорректное отображение страницы некоторыми барузерами);
  • не закрыты элементы (приводит к проблемам с отображением шаблона);
  • использование самозакрывающихся элементов без символа «/»;
  • специальные символы не конвертированы в код HTML (например, скопированные кавычки «»);
  • нарушение порядка блочных и строчных элементов (строчные должны находиться внутри блочных, и никогда — наоборот);
  • игнорирование тега alt для изображений;
  • использование width и height в коде, а не в CSS;
  • наименование классов и атрибутов цифровыми значениями (или постановка цифр в начале имени).

Все эти «недоразумения» легко исправляются.

Но стоит понимать, что устранить все ошибки практически невозможно.

Советую прочитать, как я продвигаю сайты и делаю его аудит.

Чаще всего они возникают во внешних элементах: баннерах, кнопках социальных сетей и т. д., не влияя при этом отрицательно на ранжирование. Однако единственный не урекомендованный тег может вызывать «перекосы» в разных браузерах и, соответственно, отток посетителей.  Так ли это важно?

Этапы валидации и типовые ошибки

Нужна ли валидация для HTML-документа

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

Сегодня валидаторы излишне строги к пользовательским атрибутам, а также различным атрибутам, которые воспринимаются ими как ошибка в коде. Например, валидатор будет уверен, что использование «autocomplete=»off»» — нарушение синтаксиса. Более того, использование на сайте кода РСЯ тоже лишит страницу с блоками валидности.

Что же делать? Игнорировать валидацию? С моей точки зрения нужно отказаться от крайностей. Почему-то спорящие об уместности этого процесса обычно приемлют только две позиции: нужна и не нужна. Вполне логично, что отказываться от проверки кода на валидность не нужно, ведь так можно выявить действительно критичные ошибки. Однако и стремиться к тому, чтобы на странице не было ни одного замечания (в ущерб удобству программирования и пользования сайтом) тоже не нужно. 100% валидность не обеспечит вам выхода в ТОП выдачи (хотя наличие грубых ошибок в отображаемом документе может стать причиной снижения рейтинга), не гарантирует комфорт при серфинге.

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

Валидация для html разметки
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: