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

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

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

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

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

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

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

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

Для проверки сайта на валидность разработаны онлайн валидаторы:

  • проверить сайт на ошибки w3c — 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 кода

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

Чтобы проверить сайт на валидность кода, вспомните хотя бы примерно, какие файлы шаблона вы редактировали, куда дополнительно вставляли html коды. Любой из них может быть не согласован с Doctype, либо содержать технический недочет (отсутствие запятой, закрывающего тега, скобки).

При проверке сайта на валидность обнаруживаются ошибки не только в файлах шаблона WordPress, но также в плагинах, в кнопках сторонних сервисов. Обычно я копирую Error (всю фразу), ввожу в поисковую строку и ищу решение в интернете.

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

P.S. Обратите внимание на Doctype. Это не HTML тег. Doctype - инструкция браузеру относительно версии языка разметки страницы. При разном Doctype на одном и том же сайте валидатор выявит разные ошибки валидации.

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

Метки:

Сервисы для вебмастеров

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

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

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

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