Что такое валидность HTML и CSS кода? Как проверить HTML и CSS код на валидинисть? Значение валидности в поисковой оптимизации

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

 

 

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

 

Валидность - это своего рода соответствие HTML и CSS кода сайта соответствующим определенным стандартам. Такие стандарты задаются специальной организацией - W3C (расшифровывается как World Wide Web Consortium). Среди веб-мастеров W3C принято называть Консорциум. 

 

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

 

Проверка сайта на валидность. Как это делается? 

 

В настоящее время в сети развелось множество сервисов, где вы сможете проверить свой ​​сайт на валидность. Но я рекомендую использовать официальный валидатор консорциума W3C. Его можно найти по адресу: validator.w3.org. По моему субъективному мнению все другие подобные сервисы являются посредниками и используют валидатор консорциума W3C. 

 

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

 

 

Здесь нам предлагают целых три варианта поверки валидности кода сайта, а именно: 

 

Validate by URL - проверка сайта при вводе его URL. 

 

Validate by File Upload - проверка валидности кода конкретно определенного файла путем его загрузки в валидатор. 

 

Validate by Direct Input - проверка HTML кода путем вставки его в определенную форму. 

 

А теперь для примера я проверю этот NaitoN на валидность, чтобы увидеть как это делается и оценить результат. Для этого в первой вкладке валидатора я ввожу адрес своего блога и нажимаю на кнопочку Check. результат: 

 

 

 

 

Мы видим, что при проверке блога blogchepe.com на валидность, сервис нашел 2 ошибки и 2 предупреждения, что не есть хорошо и данные ошибки нужно исправлять. 

 

 

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

 

 

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

 

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

 

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

 

 

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

 

Думаю из выше приведенного мной вам понятно как проверить HTML и CSS код на валидность. Теперь выясним для чего делать свой сайт валидным и это нам дает. Причин несколько: 

 

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

 

Также вы должны понимать, что в принципе, наличие на сайте ошибок валидации не является чем-то критическим. На данный момент очень сложно вообще избавится от этих ошибок. Возьмите для примера сайты Google и Yandex. Валидатор покажет, что у них тоже проблемы с кодом. 

 

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

 

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

 

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