Проверка HTML-кода
Ошибки вёрстки, которые мешают роботу, и где они в коде
Код проверяет тот же движок, что стоит за validator.w3.org. Страницу мы скачиваем сами и отправляем ему, поэтому проверка проходит даже на сайтах, закрытых от посторонних роботов.
Что показывает
Инструмент проверяет HTML-код страницы тем же валидатором Nu, что работает на validator.w3.org. Отличий от оригинала три. Во-первых, сообщения переведены на русский и объяснены. Вместо «Element “link” must not appear as a descendant of a “body” element» вы увидите «тег link оказался внутри body» и узнаете, чем это грозит. Во-вторых, одинаковые замечания собраны в одну строку. Например, повторяющийся id в шаблоне карточки даёт сообщение на каждую карточку. Вместо четырёхсот строк вы увидите одну ошибку и число мест. В-третьих, у каждой ошибки указана важность: мешает ли она разобрать страницу или это мелочь вроде лишней косой черты в теге br.
Как пользоваться
Вставьте адрес страницы и нажмите «Проверить». Код мы скачаем сами, поэтому проверка работает и на сайтах, закрытых от посторонних роботов. Если страница ещё не опубликована, переключитесь на «Вставить код» и вставьте документ целиком, начиная со строки DOCTYPE. Если вставить только часть кода, валидатор найдёт незакрытые теги, которых в полном документе нет. Галочка «Объяснить с ИИ» переводит сообщения, которых нет в нашем словаре, и подсказывает, с чего начать исправления на этой странице.
Когда пригодится
При приёмке вёрстки от подрядчика, после переноса сайта на новый шаблон и когда нужно понять, почему страница в поиске выглядит иначе, чем на экране. Отдельный случай: часть текста не попадает в сохранённую копию или в сниппет. Часто причина в незакрытом теге выше по коду. Из-за него поисковый робот собирает структуру страницы иначе, чем вы задумали.
Частые вопросы
Валидность HTML влияет на позиции?
Напрямую нет, Google это подтверждает. Влияют последствия ошибок. Из-за незакрытого тега браузер и поисковик достраивают структуру страницы по правилам исправления ошибок, и часть содержимого может оказаться не там, где вы задумали. Из-за повторяющегося id ломаются якорные ссылки и скрипты. Такие ошибки инструмент помечает как важные, остальные называет мелочью.
Чем это отличается от validator.w3.org?
Валидатор тот же, отличается отчёт. Сообщения переведены на русский и объяснены, одинаковые собраны в одну строку с числом мест. Ошибки отсортированы по важности, а в оригинале они идут в порядке появления в коде. В результатах есть ссылка на оригинальный отчёт, чтобы спорное место можно было сверить.
Почему ошибок больше, чем на validator.w3.org?
Их столько же. Отчёт у нас сгруппирован по видам ошибок, а числа «ошибок» и «замечаний» в шапке отчёта показывают исходное количество сообщений валидатора. Если числа всё же расходятся, чаще всего validator.w3.org получил от сервера другой ответ. Он скачивает страницу сам и может получить, например, заглушку защиты от ботов.
Проверяются ли стили и скрипты?
Частично. Валидатор разбирает CSS внутри страницы, в теге style и в атрибутах style, и сообщает о неизвестных свойствах. Внешние файлы стилей и весь JavaScript он не проверяет, для них нужны другие инструменты.
Сколько стоит проверка?
Сама проверка бесплатная, нужно только войти в панель. Галочка «Объяснить с ИИ» стоит 14 лимитов. Бесплатно 30 лимитов в сутки, больше по тарифу от 99 ₽.