HTML Cleaner

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

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

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

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

Например, обертки div, section, main и похожие служебные теги убираются, а вложенные h1, p, ul, li сохраняются.

Эта опция удаляет целиком навигационные и служебные блоки страницы: menu, nav, header, footer, aside и блок с id="wpadminbar".

Блок удаляется вместе со всем содержимым: ссылками, списками, логотипами, кнопками и вложенными элементами.

Удаление nav/header работает по явным тегам. А «большие списки» ловят меню, которое сверстано обычными div, ul и ol, без тега nav.

Опция ищет большие списки и menu-like контейнеры: блоки с признаками menu, mega, nav, dropdown, sidebar, а также контейнеры с несколькими списками, большим числом ссылок и высокой долей ссылочного текста.

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

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

Да. При определении большого списка считаются все вложенные li, а не только прямые дочерние пункты.

Это важно для многоуровневых меню, где верхний список может содержать 2-3 пункта, но внутри них находится длинная навигация второго уровня.

Логика сделана осторожно: обычные списки внутри main и article без явных признаков меню не должны удаляться только из-за количества пунктов.

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

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

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

Галка JS удаляет теги script, CSS удаляет теги style, комментарии удаляют HTML-комментарии вида <!-- ... -->.

Эти элементы обычно не нужны для SEO-анализа текста и сильно засоряют HTML.

«Удалить class и id» убирает только атрибуты class и id. «Удалить все атрибуты» оставляет только href и src, чтобы ссылки и изображения не теряли основные адреса.

Остальные атрибуты, например style, onclick, data-*, aria-*, удаляются.

span часто используется только для оформления: цвета, иконок, дробления текста на мелкие куски. При включенной опции сам тег span разворачивается, а текст внутри остается.

Это делает HTML короче и удобнее для анализа, не теряя основной текст.

После очистки результат появляется не только в textarea, но и в визуальном редакторе. Можно кликнуть по блоку и нажать Delete или Backspace, чтобы удалить выбранный элемент вручную.

После удаления HTML в поле результата обновляется автоматически.