Ошибки W3C: что это такое, как проверить сайт, как их исправить

HTML — это язык разметки сайтов. Браузеры интерпретируют этот язык и отображают в виде сайта на экране. HTML совершенствуется со временем: в него добавляются новые элементы, отвечающие современным технологиям, требованиям безопасности, параметрам новейших устройств. С каждым таким обновлением языка выпускается его новая версия. Сейчас действует пятая версия HTML, или HTML5.

Как у каждого языка, у HTML есть правила написания, которые называются спецификацией. Спецификацию устанавливают профессиональные сообщества специалистов веб-разработки.

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

Спецификации HTML5

У HTML5 есть две разновидности спецификаций: от консорциума W3C и от WHATWG. Обе эти организации — международные сообщества специалистов веб-разработки, однако W3C появился раньше и долгое время оставался единственной авторитетной организацией вырабатывавшей стандарты для интернета.

Веб-разработчики и производители браузеров могут выбирать, какие спецификации HTML5 использовать. Но в принципе, это не имеет значения, так как поддерживаются оба стандарта языка. В статье мы будем рассматривать спецификацию W3C.

Разработка SEO-сайтов с пожизненной гарантиейСоздаем невероятные SEO-сайты, оптимизированные по 69 параметрам уже на этапе разработки

Валидность кода

Код, соответствующий спецификации называется валидным, то есть правильным. Если в коде есть ошибки, то поисковые роботы при сканировании сайта могут не найти контент, а неправильные или незакрытые теги, битые ссылки запутают роботов — в результате у сайта возникнут проблемы с индексацией. Поэтому сайт, чтобы хорошо работать и индексироваться поисковиками, должен иметь валидный HTML код.

Несоответствие кода спецификации называются ошибками W3C. Еще на этапе верстки шаблона нужно тщательно следить, чтобы в коде не содержалось этих ошибок. Исправлять код уже готового и рабочего сайта гораздо труднее и затратнее, чем изначально написать валидный код.

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

Написать на 100% валидный код очень сложно, почти всегда сайт будет содержать какие-то недочеты, особенно если у сайта много страниц, на нем установлены виджеты от сторонних разработчиков, или сайт сделан на готовом шаблоне.

Проверить сайт на ошибки W3C можно с помощью специальных сервисов. В том числе на сайте самого консорциума W3C есть соответствующий раздел. Принцип работы все этих сервисов заключается в одном: вы вводите URL сайта и через некоторое время получаете отчет о валидности html кода.

Error — критическая ошибка w3c. Грубое нарушение правил разметки, выделяется красным цветом.
Warning — предупреждение, небольшая погрешность в коде. Выделяется желтым и словом Warning.

Самое главное — это ошибки Error. Если в коде обнаружены критические ошибки, то нужно незамедлительно их исправить.

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

Как исправить ошибки W3C

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

Одиночный тег прописан как парный, или наоборот, парный тег не имеет закрывающего тега.
Отсутствие в теге какого-то атрибута. Например, в теге для изображений должен быть атрибут alt. Его отсутствие валидатор отметит как критическую ошибку.
У тега прописанные не предназначенные для него атрибуты.
Неправильная пунктуация в коде. Например, лишняя точка с запятой, и наоборот, ее отсутствие.
Есть тег, но нет его содержания. Например, в коде прописан заголовок H2, но самого текста заголовка нет.
Отсутствие слеша “/ ” в самозакрывающемся теге
Блочные элементы внутри строчных. Например, когда заголовок прописан внутри ссылки. Должно быть наоборот.