Валидность HTML в SEO

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

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

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

Ошибки, меняющие DOM

Например, элемент div нельзя помещать внутрь p. Браузер автоматически закроет абзац:

<p>
	Описание товара
	<div>Условия доставки</div>
</p>

На экране результат может выглядеть приемлемо, но структура DOM будет другой. Это способно повлиять на стили, скрипты и смысловые связи между элементами.

Еще опаснее незакрытая кавычка, которая меняет адрес ссылки:

<a href="/catalog class="button">Каталог</a>

Такие ошибки нужно исправлять сразу: они затрагивают доступный роботу URL и навигацию пользователя.

Формальные замечания

Некоторые сообщения валидатора не меняют контент, ссылки или итоговый DOM. Они не означают автоматической проблемы с индексацией, хотя чистая разметка облегчает поддержку сайта.

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

Дана верстка:

<p>Список преимуществ:</p>
<li>Быстрая доставка</li>
<li>Гарантия 2 года</li>

Объясните, в чем ошибка и исправьте ее.

Дана верстка:

<p>
	Описание товара
	<div>Условия доставки</div>
</p>

Объясните, в чем ошибка и исправьте ее.

Дана верстка:

<a href="/catalog class="button">Каталог</a>

Объясните, в чем ошибка и исправьте ее.