Перейти в раздел к "Содержанию"

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

Как Вы знаете, код страниц сайта бывает валидный, а бывает невалидный, т.е. если перевести на русский язык, то будет звучать так – код страниц сайта бывает правильно написан (код без ошибок), а бывает неправильно (код с ошибками). Это как в любом деле – кто-то производит продукт в соответствии со стандартом, а кто-то как попало.

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

1) Валидный код сайта позволяет поисковым системам эффективнее работать с вашим сайтом, и, при прочих равных условиях, роботы поисковых систем отдают предпочтение сайту с валидным кодом, а значит этот сайт будет находиться выше в поисковой выдаче. Для улучшения позиции сайта в поисковиках, специально выполняют поисковую оптимизацию сайта (SEO). Наряду с грамотным использованием тегов акцентирования, валидный код может дать дополнительный и существенный «плюс» поисковой оптимизации сайта. Статья "SEO - продвижение (раскрутка) вашего сайта"

2) Валидный код страниц способствует тому, что в разных браузерах (включая те браузеры, которые пока еще не выпустили и которые вам еще неизвестны) ваш сайт также будет хорошо отображаться. Отображение сайта на экране монитора происходит так - сначала браузер читает исходный код веб-страницы, потом его расшифровывает и результат отображается на экране монитора. Некоторые браузеры, наткнувшись на ошибки в исходном коде страницы сайта, их виртуально исправляют, поэтому страницы с невалидным исходным кодом в этих браузерах с виду нормально отображаются. А некоторые браузеры не исправляют ошибки в коде, и отображают страницу так, как это есть на самом деле. Поэтому в таких браузерах, сайт с невалидным кодом выглядит криво". В мире существует более 100 разновидностей браузеров, естественно, никто не может сразу проверить вид сайта во всех браузерах. Поэтому важно позаботиться о валидности исходного кода страниц вашего сайта.

3) При прочих равных условиях, страницы сайта, у которых код без ошибок (валидный), загружаются браузерами быстрее. Особенно это становится актуальным, когда низкая скорость передачи данных (в просторечии «зависает Интернет») или возникли какие-то неполадки в работе сервера, на котором размещен сайт (часто такое происходит неожиданно для владельца сайта и в самый неподходящий момент).

4) Для многих людей важно с кем работать - и тут можно сказать, что валидный код - это показатель профессионализма человека создающего сайт. Есть люди, стремящиеся делать качественно, и есть, кто не следит за качеством.

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

В профессиональной верстке – исходный код валидный и при этом «чистый» и структурированный (атрибут «style» совсем не используется, или используется, как исключение, в минимальных количествах) – это лучший вариант исходного кода веб-страниц сайта.

Ошибки при валидном коде

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

P.S.

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

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

Ниже указаны адреса официальных сайтов валидаторов, на которых можно легко и быстро проверить код страниц любого сайта в сети Интернет. Вам нужно только ввести URL (адрес) интересующего Вас сайта в специальное поле на сайте валидаторе, потом нажимаете кнопку "Check" и сразу увидите результат проверки. В случае обнаружения ошибок в коде, показывается количество ошибок, а также дается описание каждой ошибки.
http://validator.w3.org - Проверяем валидность HTML-кода
http://jigsaw.w3.org/css-validator - Проверяем валидность CSS-кода

Примечание: Если Doctype находится в разработке, то правила написания одного и того же фрагмента кода могут меняться.