Как удалить ненужные атрибуты alt из изображений WordPress для SEO и производительности

Почему важно контролировать атрибуты alt у изображений

Атрибут alt в HTML изображений необходим для SEO и доступности. Однако WordPress автоматически добавляет атрибуты alt из метаданных, что иногда приводит к дублированию или неинформативным описаниям, например, пустым атрибутам или повторяющимся значениям. Это может снизить качество SEO и увеличить вес HTML-кода, особенно на сайтах с большим числом изображений.

Диагностика проблемы с атрибутами alt в WordPress

Чтобы проверить, есть ли у вас избыточные или пустые атрибуты alt, откройте исходный код страницы (Ctrl+U) и выполните поиск по alt="" или по повторяющимся значениям. Также проверьте консоль браузера на наличие предупреждений об отсутствующих или неинформативных alt-тегах.

Для более системного анализа можно использовать SEO-аудиторы, например, Screaming Frog SEO Spider или бесплатные инструменты Google Lighthouse.

Пошаговое решение: удаление и оптимизация атрибутов alt

1. Отключение автоматической подстановки alt из заголовка файла

По умолчанию WordPress добавляет название файла в атрибут alt, если он не задан вручную. Чтобы запретить это поведение, добавьте следующий код в functions.php вашей темы:

add_filter('wp_get_attachment_image_attributes', function($attr, $attachment) {
    if (!isset($attr['alt']) || $attr['alt'] === '') {
        $attr['alt'] = '';
    }
    return $attr;
}, 10, 2);

2. Удаление пустых или неинформативных alt через фильтр

Если у вас есть изображения с пустым или шаблонным alt, можно их очистить или задать более осмысленные значения программно. Например, удалить пустые alt, чтобы не было лишних атрибутов:

add_filter('wp_get_attachment_image_attributes', function($attr) {
    if (empty($attr['alt']) || trim($attr['alt']) === '') {
        unset($attr['alt']);
    }
    return $attr;
});

3. Массовое удаление неинформативных alt через WP-CLI

Для сайтов с тысячами медиафайлов можно быстро очистить alt в базе данных с помощью WP-CLI:

wp media list --field=ID | xargs -I % wp media meta update % alt ""

Эта команда удалит все alt, что позволит настроить их заново или оставить пустыми, если это приемлемо.

Проверка результата после внедрения

После внесения изменений обновите страницу с изображениями и проверьте исходный код на отсутствие пустых или неинформативных атрибутов alt. Используйте инструменты SEO-аудита (Google Lighthouse, Screaming Frog) для подтверждения, что ошибок по alt больше нет.

Также проверьте, что изображения корректно отображаются и не потеряли описание, если оно было важно для SEO.

Частые ошибки и как их исправить

• Удаление всех alt без замены — приводит к снижению SEO и доступности. Лучше оставлять осмысленные описания.
• Ошибки синтаксиса в functions.php — могут привести к белому экрану. Всегда делайте бэкап и проверяйте логи после изменений.
• Неочищенные кэш и CDN — после изменений alt старые версии страниц могут остаться в кэше. Очистите кэш сайта и CDN.
• Автоматическое переопределение плагинами SEO — плагины типа Yoast могут автоматически генерировать alt. Проверьте настройки плагина.

Практические советы по безопасности и производительности

• Избегайте избыточного HTML — удаление ненужных атрибутов alt уменьшает вес страницы.
• Настройте автоматическую проверку изображений на наличие alt с помощью скриптов или плагинов для поддержания качества SEO.
• Используйте CDN и кеширование, чтобы быстро доставлять оптимизированные страницы с правильными атрибутами.
• Для массовых правок используйте WP-CLI — это безопаснее и эффективнее, чем ручные SQL-запросы.

Сравнение подходов к управлению атрибутами alt в WordPress