Валидация сайта – что это? Простыми словами можно сказать так: это проверка кода сайта на соответствие правилам языка Html, веб стандартам.

Зачем нужна валидация кода сайта, зачем выискивать ошибки верстки и устранять их? Она необходима, чтобы сайт соответствовал веб стандартам, правильно показывался во всех браузерах и устройствах (ПК, ноутбуках), мобильных устройствах с разным разрешением. Моделей мобильных устройств сами знаете – множество.

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

Кроме того, валидность кода – это один из показателей качества сайта, а поисковики стараются выдавать пользователям качественные сайты.

Валидный сайт:

  • более быстрый. Браузеру не нужно тратить время, чтобы правильно обработать код с ошибками (незакрытыми, дублированными тегами) и показать читателю корректное изображение, особенно на динамических страницах;
  • его код проще обработать, не нужны длительные вычисления при построении документов, это благоприятно сказывается на работе мобильных устройств – увеличивает срок между зарядками батареи телефонов.

Для проверки сайт на валидность существуют онлайн валидаторы:

  • кода html — http://validator.w3.org/;
  • файлов css — http://jigsaw.w3.org/css-validator/.

Где на сайте искать ошибки валидации

Я уверена, что каждый из вас уже пробовал проверять html на ошибки, записав в строку валидатора адрес своего сайта или его отдельной страницы. После нажатия кнопки Check валидатор показывает кучу ошибок (тип ошибки и номер строки в коде).

Анализ кода сайта на ошибки

Но где искать эти «From line 225, column 933; to line 225, column 955»?
Валидатор сам покажет, где. Надо только добавочно поставить галочку в строке Источник (source). Валидатор откроет исходный код страницы с подсвеченными ошибками.

Анализ сайта на ошибки html кода

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

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

При проверке сайта на валидность обнаруживаются ошибки не только в файлах шаблона WordPress, но и в плагинах или в кнопках сторонних сервисов.

Проверка кода моего сайта c Doctype html5 показала ошибку, которая находится в сайдбаре в виджете Поиск Яндекса. Как ее исправить, пока не поняла, разве что убрать Поиск от Яндекса, заменить его стандартной поисковой формой Вордпресс.

P.S. Обратите внимание на Doctype своего кода (это не HTML тег). Doctype - инструкция браузеру относительно версии языка разметки страницы. Для одного и того же кода, на сайтах с разным Doctype, валидатор покажет разные ошибки валидации.

P.P.S. Если в кодом все в порядке, проверьте свой сайт на наличие битых ссылок.

Метки:

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

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

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