Как массово изменить атрибуты alt у изображений в WordPress

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

Почему важно массово изменить alt у изображений в WordPress

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

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

Как массово изменить alt у изображений с помощью кода

Для массового обновления alt-атрибутов можно написать кастомный скрипт, который пройдётся по всем вложениям WordPress и обновит поля. Ниже пример функции wpcat_update_image_alts(), которая обновляет alt всех изображений, используя название файла в качестве значения alt:

function wpcat_update_image_alts() {
    $args = [
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => -1,
        'post_status'    => 'inherit',
    ];
    $images = get_posts($args);

    foreach ($images as $image) {
        $alt = get_post_meta($image->ID, '_wp_attachment_image_alt', true);
        if (empty($alt)) {
            // Используем имя файла без расширения
            $file_path = get_attached_file($image->ID);
            $filename = pathinfo($file_path, PATHINFO_FILENAME);
            $new_alt = str_replace(['-', '_'], ' ', $filename);
            update_post_meta($image->ID, '_wp_attachment_image_alt', $new_alt);
        }
    }
}

Вы можете добавить эту функцию в файл functions.php вашей темы или в отдельный плагин, а затем вызвать её один раз, например, через add_action('admin_init', 'wpcat_update_image_alts');, чтобы обновить все alt-теги.

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

Пример расширения: alt через заголовок родительской записи

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

function wpcat_update_image_alts_from_parent_post() {
    $args = [
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => -1,
        'post_status'    => 'inherit',
    ];
    $images = get_posts($args);

    foreach ($images as $image) {
        $alt = get_post_meta($image->ID, '_wp_attachment_image_alt', true);
        if (empty($alt)) {
            $parent_id = $image->post_parent;
            if ($parent_id) {
                $parent_title = get_the_title($parent_id);
                if ($parent_title) {
                    update_post_meta($image->ID, '_wp_attachment_image_alt', $parent_title);
                }
            }
        }
    }
}

Плагины для массового редактирования alt в WordPress

Для тех, кто не хочет писать код, есть плагины, которые позволяют массово управлять alt-тегами:

• Media Library Assistant — расширенный менеджер медиа с возможностью массового редактирования метаданных, в том числе alt.
• Auto Image Attributes From Filename With Bulk Updater — автоматически заполняет атрибуты alt, title и description по имени файла, и поддерживает массовое обновление.
• Enable Media Replace — позволяет заменить изображения без потери метаданных, полезно при массовом обновлении.

Все эти плагины доступны в каталоге WordPress и просты в использовании.

Как ускорить работу сайта после массового изменения alt

После изменения атрибутов alt важно проверить, что они корректно отображаются на сайте. Иногда нужно очистить кэш, если используется плагин кэширования. Также стоит оптимизировать изображения для ускорения загрузки — например, с помощью плагина Clearfy, который содержит инструменты для оптимизации и ускорения WordPress.

Проверка alt через консоль браузера

Чтобы убедиться, что alt отображается, откройте консоль (F12) и выполните:

document.querySelectorAll('img').forEach(img => console.log(img.alt));

Вы увидите список всех alt-тегов на странице.

Выводы и советы

Массовое редактирование атрибутов alt у изображений — важный шаг для улучшения SEO и удобства сайта. Вариантов решения несколько: написать свой скрипт с использованием WP функций или использовать готовые плагины с удобным интерфейсом. Рекомендуется перед выполнением любых массовых изменений делать бэкап базы данных.

Если вы используете редактор Gutenberg, можно дополнительно реализовать проверку alt при вставке изображений с помощью filter или хуков, чтобы избежать подобных проблем в будущем.