Проверка валидности html, css, rss кода сайта и почему это так важно.

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

Проверка валидности html, css, rss  кода сайта

Проверка валидности html, css, rss кода сайта

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

Для начала давайте разберемся, что вообще такое валидность кода сайта и зачем она нужна. Потом непосредственно перейдем к проверке кода.

Что такое валидность кода и зачем осуществлять ее проверку.

Валидность — это соответствие кода нормам определенным Консорциумом Всемирной Паутины (W3C). Задачей разработчиков и интернет браузеров является придерживаться этих правил и внедрять их в свои разработки.
W3C ( от англ. World Wide Web Consortium) — это организация которая занимается разработками стандартов для интернета. Так как во всем мире есть ГОСТы и контроль качества ISO, так и в интернете есть свои стандарты, которых необходимо придерживаться и выполнять.

Вот вам ссылка, можете перейти и ознакомится поближе с W3C:

http://www.w3.org/

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

Проверка валидности кода и ее типы.

Если перейти по ссылка для проверки валидности html иди css (ссылки будут ниже), то можно увидеть 3 вкладки сверху

  1. Проверить URI (мы будем использовать)
  2. Проверить загруженный файл (загрузить файл с компьютера, для проверки)
  3. Проверить набранный текст (набираем код и проверяем)

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

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

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

Для проверки переходим по ссылке:

http://validator.w3.org/

В поле adress вводим домен вашего сайта, после чего перекинет на страницу, где выводятся ошибки.

W3C html

W3C html

У меня показывает 7 ошибок и все указывают на то, что дублируется ID “Duplicate ID post-1911”, но с этим проблем нету.

Все ошибки и как с ними бороться можно посмотреть немного ниже если прокрутить экран. В результате Вы получите похожую картинку как на скриншоте ниже:

oshibki-validnoctb-kodaПод каждой ошибкой можно посмотреть ее описание и в зависимости от этого уже ее исправлять.

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

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

Для того, что бы проверить css кода на валидность необходимо перейти по ссылке:

http://jigsaw.w3.org/css-validator/

В поле adress ввести домен сайта и Вас перекинет на страницу, где можно будет увидеть ошибки.

W3C css

W3C css

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

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

informacia-po-korrektnom-css

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

Проверка осуществляется в том случае если вы делали ленту (rss) для совего сайта. Что такое технология RSS можно прочитать в статье:

Знакомимся с технологией RSS и пробуем подписаться на RSS ленту

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

http://validator.w3.org/feed/

После того как нажали на кнопку “Check”, Вас перекинет на страницу где будут показаны ошибки как и в двух предыдущих случаях. У меня нету ошибок, это радует.

W3C rss

W3C rss

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

Оцените статью:

Очень плохоПлохоНормальноХорошоОтлично (6 Рейтинг: 5,00 из 5)
Loading...Loading...

Если Вам понравилась статья, поделитесь с друзьями в соц. сетях:

Вам также может понравиться...

Не хотите пропустить новую статью? Тогда подписывайтесь...

Комментариев: 5

  1. Demonak:

    Проверил валидность css кода своего сайта, выдало «Поздравляем! Ошибок не обнаружено.» Но есть предупреждения. А предупреждения нужно исправлять?

  2. В идеале, лучше исправлять, кто его знает к чему это может привести)) Я свой код тоже уже поправил, а то когда статью писал и проверял, то как-то было не по себе столько ошибок увидеть)
    Вот результаты:
    Проверка валидации css
    Проверка валидации html

  3. nemezida.su:

    понимаю что не в тему, но не могу понять ошибку Duplicate ID. В тексте страницы вроде все в порядке((

  4. nemezida:

    ребята, xелп! пишу сайт, но результаты проверки на валидность зависят на какой xост он выгружен. Выгрузишь на один — ошибок нет, выгружаешь на другой — вообще заклинивает. Че может быть такое?
    Вот черновик на проблемном xосте
    rubcova.com/index3.htm

  5. Bolek:

    не зависит валидность от хостинга. Все зависит от вашего кода.
    Попробуйте один раз все ошибки исправить и все будет нормаьно. + у Вас сайт на чистом html

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

Уважаемые пользователи!


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


С уважением, Администрация сайта.


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

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



Связаться с нами

Если у Вас возникли какие либо вопросы, предложения и пожелания для развития нашего ресурса, связаться с нами Вы можете по e-mail: loleknbolek.com@gmail.com, или заполните форму что находиться ниже.

Пишите мы будем рады Вам ответить!