Как удалить пустые HTML-теги в WordPress: практическое руководство

Автор: Игорь Петров | Опубликовано: 02.01.2026

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

Почему появляются пустые HTML-теги в WordPress

Пустые теги — это элементы разметки, которые не содержат текста или вложенных элементов. Они могут появляться по нескольким причинам:

Шаблоны тем, где выводятся поля, которые не заполнены.
Использование плагинов, которые вставляют разметку динамически.
Автоматическая генерация контента с ошибками или лишними обертками.
Удаление контента без очистки тега.

Например, пустой <p></p> или <div></div> встречается часто и может негативно повлиять на валидность HTML и SEO.

Как найти пустые HTML-теги в выводе WordPress

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

Просмотреть исходный код страницы через браузер (Ctrl+U), поискать пустые теги с помощью поиска.
Использовать инструменты разработчика (DevTools) для анализа DOM.
Применить регулярные выражения для поиска пустых тегов в HTML-коде, например, <p>\s*</p>.

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

Удаление пустых тегов через фильтр `the_content`

Самый распространенный способ — обработать контент записи перед выводом с помощью фильтра the_content. Ниже пример функции, которая удаляет пустые p и div теги:

function wponline_remove_empty_tags($content) {
    // Удаляем пустые <p></p>
    $content = preg_replace('/<p>\s*<\/p>/i', '', $content);
    // Удаляем пустые <div></div>
    $content = preg_replace('/<div>\s*<\/div>/i', '', $content);
    return $content;
}
add_filter('the_content', 'wponline_remove_empty_tags');

Эта функция удалит все пустые теги p и div из основного контента записи. Если нужно обработать и другие теги, можно добавить их в регулярное выражение.

Расширение функции для других тегов и атрибутов

Иногда пустые теги могут содержать атрибуты, например, <div class="empty"></div>. Тогда регулярное выражение можно усложнить:

function wponline_remove_empty_tags_extended($content) {
    // Удаляем пустые теги с атрибутами
    $pattern = '/<(p|div|span)([^>]*)>\s*<\/\1>/i';
    $content = preg_replace($pattern, '', $content);
    return $content;
}
add_filter('the_content', 'wponline_remove_empty_tags_extended');

Здесь мы ищем пустые p, div и span с любыми атрибутами и удаляем их.

Удаление пустых тегов в виджетах и других местах темы

Если пустые теги появляются не только в контенте записей, но и в виджетах, меню или других местах, стоит обрабатывать вывод с помощью буфера вывода (output buffering) и фильтров, например, widget_text или кастомных хуков.

function wponline_clean_widget_output($widget_output) {
    $pattern = '/<(p|div|span)([^>]*)>\s*<\/\1>/i';
    return preg_replace($pattern, '', $widget_output);
}
add_filter('widget_text', 'wponline_clean_widget_output');

Это позволит очищать пустую разметку во всех текстовых виджетах.

Использование плагинов для очистки HTML-кода

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

Clearfy Pro — плагин, который среди прочего умеет оптимизировать и чистить HTML-код, удалять лишние теги и комментарии.
Autoptimize — плагин для оптимизации HTML, CSS и JS, помогает с минификацией и удалением ненужных элементов.

Однако для точечного удаления именно пустых тегов кастомный код зачастую эффективнее и гибче.

Практические советы по предотвращению появления пустых тегов

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

Проверяйте данные перед выводом — не выводите HTML-обертки без содержимого.
Используйте условные конструкции в шаблонах, например: if (!empty($variable)) { echo '<p>' . esc_html($variable) . '</p>'; }
При использовании сторонних плагинов проверяйте их настройки на предмет вывода пустых блоков.
Регулярно проверяйте исходный код страниц и удаляйте лишние элементы.

Заключение

Удаление пустых HTML-тегов — важный элемент оптимизации и чистоты кода сайта на WordPress. Используя фильтры the_content, widget_text и регулярные выражения, можно эффективно удалять нежелательные пустые теги. Для комплексной оптимизации стоит рассмотреть использование плагинов типа Clearfy Pro. Следуйте рекомендациям по корректной верстке шаблонов, чтобы минимизировать появление пустых тегов с самого начала.

Как удалить пустые HTML-теги в WordPress