Когда контент добавляется на сайт через Word, Google Docs или сторонний редактор, он может выглядеть абсолютно корректно для пользователя. Однако внутри HTML-разметки при этом нередко появляются ошибки: незакрытые теги, некорректные ссылки, повторяющиеся идентификаторы и другие проблемы.
На небольшом сайте такие ошибки еще можно обнаружить и исправить вручную. Но если в инфоблоке находятся тысячи товаров, услуг или информационных материалов, проверка каждой страницы превращается в долгий и утомительный процесс.
При этом некорректный HTML способен приводить не только к проблемам с отображением страниц. Ошибки разметки могут нарушать работу якорей и JavaScript, создавать сложности для мобильной верстки, ухудшать доступность сайта и негативно влиять на качество SEO.
Чтобы автоматизировать поиск подобных проблем, мы разработали модуль «Проверка HTML-кода анонса, детального описания и свойств» для 1С-Битрикс.
Как работает модуль
Модуль анализирует HTML-разметку непосредственно в контентных полях инфоблоков. Проверке подлежат:
- текст анонса;
- детальное описание;
- свойства инфоблока с типом «HTML».
После завершения обработки система собирает найденные проблемы и формирует CSV-отчет. Для каждой ошибки в нем отображается информация, необходимая для быстрого перехода к исправлению:
- ID элемента инфоблока;
- название элемента;
- ссылка на страницу редактирования;
- категория обнаруженной ошибки;
- поле, в котором находится проблемный HTML-код.
Таким образом, специалисту не приходится самостоятельно искать проблемные элементы среди большого количества записей.
Какие ошибки HTML находит модуль
Проверка выполняется по нескольким группам. Каждая из них отвечает за определенный тип проблем в разметке.
CRITICAL — критические ошибки
Модуль выявляет атрибуты, которые оказались вне соответствующего HTML-тега. Например, отдельно расположенные class= или href=. Подобные фрагменты могут свидетельствовать о поврежденной структуре кода.
STRUCTURE — нарушения структуры
Проверяется соответствие открывающих и закрывающих тегов. Кроме того, система обнаруживает некорректную вложенность HTML-элементов, в том числе ситуацию, когда ссылка <a> размещена внутри другой ссылки <a>.
DOM — проблемы DOM-структуры
В эту категорию попадают ошибки, возникающие при разборе HTML: незакрытые элементы, поврежденная или оборванная разметка и другие проблемы, из-за которых браузер может интерпретировать код не так, как задумано.
ATTRIBUTE — ошибки атрибутов
Модуль ищет пустые значения href="", а также повторяющиеся значения id. Дублирующиеся идентификаторы способны мешать работе JavaScript и якорной навигации внутри страницы.
ACCESSIBILITY — проблемы доступности
Отдельно проверяется наличие атрибута alt у изображений. Его отсутствие важно не только с точки зрения доступности контента для пользователей скринридеров, но и при работе с SEO изображений.
SYNTAX — синтаксические ошибки
Проверяется наличие неэкранированных специальных символов. Например, система может обнаружить амперсанд &, использованный непосредственно в тексте вместо корректной HTML-записи.
Как запустить проверку
Работа с модулем не требует сложной настройки:
- Установите решение из Маркетплейса 1С-Битрикс.
- Откройте настройки модуля и выберите инфоблок, который необходимо проверить.
- При необходимости включите ограничение проверки только активными элементами.
- Укажите количество элементов, которое будет обрабатываться за один шаг.
- Запустите проверку.
- После завершения скачайте сформированный CSV-отчет.
Готовый файл также можно найти в каталоге /upload/artworkshop.validator/.
В результате вместо ручного просмотра тысяч страниц вы получаете структурированный список проблем с указанием конкретного элемента и поля, где обнаружена ошибка.
Для кого пригодится модуль
Решение будет полезно SEO-специалистам, контент-менеджерам, разработчикам и администраторам проектов на 1С-Битрикс. Особенно актуален модуль для крупных интернет-магазинов и информационных сайтов, где контент регулярно добавляется и редактируется несколькими сотрудниками.
Автоматическая проверка позволяет быстрее находить поврежденную HTML-разметку и контролировать качество контента перед тем, как ошибки начнут влиять на работу страниц, навигацию или поисковое продвижение.
