Валидность сайта что это такое и на что она влияет

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

Валидность сайта-  это соответствие HTML-кода определенным правилам и стандартам.

Еще — это проверка синтаксических ошибок и вложенности тэгов.

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

  • на наличие ошибок в структуре документа
  • проверяют HTML-код на соответствие стандарту, который у вас  указан в самом начале любой HTML-страницы. То есть, та версия вашего html документа, которая установлена в вашем шаблоне. Обычно она идет  первой строчкой.

Как узнать какую версию html вы используете?

Это очень просто.  Для этого нужно набрать на главной странице вашего сайта комбинацию клавиш CTRL+U и для поиска CTRL+F.

код главной страницы

А дальше смотрим скриншот.

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

На что влияет валидность сайта?

Правильная валидность сайта позволяет следить за корректным отображением сайта в разных браузерах. Проверить ваш шаблон можно бесплатно  на онлайн сервисе для проверки адаптивности шаблона сайта. Перейдите по этой ссылке и вставьте ваш адрес сайта-  http://quirktools.com/screenfly/(скопируйте ее и вставьте в адресную строку браузера).

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

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

Поисковые системы отдают предпочтение сайтам с валидным HTML-кодом. Так давайте проверим наш шаблон на валидность.

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

Прежде всего- это сервис validator.w3.org.  Он проверит вам ваш сайт бесплатно. В своей статье  написанной ранее я уже писала об этом. Поэтому ничего страшного не будет, если я повторюсь. Но в данной статье  есть важные дополнения, поэтому советую прочитать и ту и эту статью до конца. Читаем предыдущую статью здесь.

Переходим по адресу: validator.w3.org (скопируйте ссылку и вставьте в адресную строку браузера). Перед нами откроется страница, на которой есть 3 вкладки.

  • На первой вкладке вы увидите надпись «Validate by URI»-  это переводится, как «Здесь вы можете проверить валидность сайта размещенного в интернете».
  • На второй «Validate by File Upload» — это означает, что вы  можете загрузить файл с  вашего компьютера.
  • На третьей «Validate by Direct Input» —  это означает, что вы  можете вставить содержимое вашего файла непосредственно в форму для ввода.

Я покажу вам первый вариант.

проверка валидности сайта

И так, ваш сайт размещен в сети интернет. Выбираем — это «Validate by URI».

Переходим по клавише  More options- то есть, это означает выбрать опции. Здесь выставляем следующие значения:

Первая идет кодировка.

Вам необходимо проверить свою на сайте. Это важно! Смотрите ее между тегами <head> и </head>  набором клавиш  CTRL+U,  ищите в начале документа примерно такую строку:

<meta charset="UTF-8" /> — если нашли, то в данном пункте оставляем выбранным (detect automatically). Переводится,  как определять автоматически.

Далее  идет Document Type — это тип текущего документа.

Нашли <!DOCTYPE html>, тогда и здесь оставляйте значение detect automatically- автоматически обнаруживать.

Внимание! Если проверили и все у вас это есть, в чикбоксах  ничего не ставите! Оставляете все, как есть!

А если у вас что-то из того, что я написала выше, нет, тогда вам самостоятельно необходимо будет выставить эти значения. Я же в своем случае ничего не меняла и оставила все, как есть.

После чего нажимаем на кнопку Check, то есть проверить.

Далее идет проверка валидности вашего сайта и через  время появится результат. Будет  надпись с сообщением This document was successfully checked as HTML5.  Это означает, что этот документ был успешно проверен в HTML5.

Установите переводчик от google  в вашем браузере, и он будет предлагать вам перевод.

скриншот моих ошибок

Если  после проверки вы увидите  надпись на красном фоне — это значит, что у Вас присутствуют ошибки в HTML-документе. Их необходимо исправить.

Я разберу свой скриншот с ошибками. Смотрим внимательно.

У меня ошибка 3 , 4 и 5…

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

Ошибка 4 и 5-  лишние кавычки и нет атрибута. Я знаю, где у меня стоит этот код, поэтому зашла и отредактировала файл.

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

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

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

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

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

Для этого просто выделяете название ошибки и вставляете ее, в Google или Yandex.

Далее читаете, как с этой ошибкой справились другие веб-мастера и исправляете ее, следуя их советам.

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

Советую вам прочитать обе мои статьи о валидности и сделать правильный выбор.

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

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

C уважением, Рита Молчанова, автор блога ritabk.ru

  • Алексей

    Шаг за шагом! Все отлично расписано! Благодарю автор! Полезно !

    [Ответить]

    Рита Молчанова Reply:

    Алексей, благодарю за отзыв! Удачи Вам!!!

    [Ответить]

  • Дмитрий

    Здравствуйте! Статья отличная, все написано понятно и доступно.

    Мне удалось посмотреть бесплатную видеоинформацию по данной теме. могу поделится с Вами. Возможно она будет интересной.

    [Ответить]

    Рита Молчанова Reply:

    Спасибо, Дмитрий. Я не против. Напишите на почту.

    [Ответить]

  • Спасибо, Олег! Твоя похвала для меня много значит!

    [Ответить]

  • Олег

    Рита, это не похвала, это ВОСХИЩЕНИЕ ТВОИМ ПРФЕССИОНАЛИЗМОМ!!! Ты РАСТЕШЬ, и мне не только это интересно, но и ПРИЯТНО ОСОЗНАВАТЬ, боевая моя подруга. Еще раз спасибо, Рит!!!

    [Ответить]

    Рита Молчанова Reply:

    Олег, в своих статьях и комментариях я не раз упоминала, что начала учиться у тебя. Еще раз Представляю Вам, Олега- это мой друг и учитель! Очень Талантливый Web- мастер! Замечательный Человек и Талантливый копирайтер! Всегда Все делает на совесть! Мы познакомились с ним 3 года назад в интернете!!!! Это была самая лучшая удача в 2013 году!

    [Ответить]

  • Олег

    СПАСИБКИ, Рит!!! нет у тебя смаликов, — прислал ты тебе в комментах сердечко и цветочки в знак благодарности за слова ДОБРЫЕ!!! СПАСИБО, Рита!!!

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

  • Дмитрий

    Интересная информация! Спасибо!

    [Ответить]

  • Игорь Черноморец

    Привет Рита. Статья и правда очень полезная. Еще 2 года назад, когда только начинал свой путь в блогосфере, читал много информации о валидности сайта. Пытался исправлять ошибки, тратил кучу времени, но...

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

    Что скажешь? Стоит снова уделить этому внимание или...ну его?

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

  • Здравствуйте Рита!

    Полезно Вы всё расписали! Возможно, новичку пригодится. Хотя в сегодняшней тенденции сайтов «пятиминуток» вряд ли...

    Все хотят зарабатывать, а на ошибки плювать... ))

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

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

    Александр Reply:

    «Спасибо за ваш честный отзыв» — тогда непременно должен дополнить своё выражение: я имел в виду... что и мои финальные посты вряд ли нужны будут...

    ...ибо... ибо... ибо...

    Как у Платонова: «пишет-пишет-пишет...! Лучше бы и не писал. Мы и так всё знаем»

    Настрой сегодня такой: хотелось пошутить.

    И Вам спасибо!

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

  • Ольга

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

    [Ответить]

  • Надежда

    У меня в шаблоне тоже куча ошибок — 47, пробовала исправить, просто знаний не хватает. Шаблон менять надо, а не хочется. Нравится шаблон.

    Надо будет подумать над этим вопросом.

    [Ответить]

Остались вопросы? Напишите на E-mail: rita.mol4anova@yandex.ru или позвоните Skype: margo19596