Как проверить код сайта на ошибки.

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

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

На самом деле все очень просто. Валидность — это своего рода соответствие кода (вёрстки) сайта определенным стандартам. Данные стандарты задаются специальной организацией — W3C (расшифровывается как World Wide Web Consortium), в народе эту организацию называют интернет Консорциум.

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

Сейчас вполне вероятно вы можете подумать, ну да стандарты они и в Африке стандарты, сейчас куда не глянь одни стандарты. Но как же проверить свой ресурс на соответствие стандартам? Ну что же давайте разбираться.

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

Сейчас в сети существует несколько ресурсов, где вы можете проверить свой сайт. Но, я все же рекомендую пользоваться официальным вилидатором консорциума (W3C), который находится по адресу: http://validator.w3.org. Тем более, что зачастую другие ресурсы проверки валидности просто отправляют запрос на validator.w3.org, а результат показывают у себя на сервисе. Короче говоря, те же яйца только в профиль. Лучше уже пользоваться официальным сайтом.

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

Главная страница сервиса.

Здесь у вас имеется три варианта проверки валидности кода сайта:

Validate by URI — проверка сайта введя его URL в форму (открывается по умолчанию);

Validate by File Upload — проверка валидности кода из файла;

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

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

Результат проверки на ошибки html

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

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

Результат проверки.

Эта информация отлично помогает при поиске ошибок в коде сайта и их устранения.

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

Это я по себе знаю, так как несмотря на то, что я на среднем уровне знаю HTML и CSS (умею верстать страницы с PSD) для того чтобы устранить 7 ошибок на сайте (раньше валидатор показывал 9 ошибок) мне понадобилось несколько часов. Уж очень все не однозначно и запутано в тех ошибках, которые показывает валидатор, сразу и не сообразишь, где собака зарыта.

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

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

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

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

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

Результат проверки css.

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

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

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

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

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

Взять, к примеру, тот же самый Яндекс, у него тоже есть ошибки:

Ошибки в коде Яндекса.

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

Ладно, наверное, уже  буду заканчивать  данный пост. Надеюсь, вам было интересно читать эту статью.

Счетчик