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

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

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

  • ПК, ноутбуках;
  • на мобильных устройствах с разным разрешением. Моделей мобильных устройств сами знаете – множество.

Обратите внимание на Doctype. Это не HTML тег. Doctype - инструкция браузеру относительно версии языка разметки страницы.

При разном Doctype на одном и том же сайте валидатор выявит разные ошибки валидации.

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

На валидном сайте нет незакрытых, дублированных тегов, поэтому:

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

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

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

  • проверить сайт на ошибки 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. Если в кодом все в порядке, сделайте проверку кода на  битые ссылки.

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

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


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

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