Как добавить атрибуты alt и title к картинкам WordPress автоматически

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

Почему атрибуты alt и title важны для изображений в WordPress

Атрибут alt нужен для описания изображения, чтобы поисковые системы понимали, что на нём изображено, а также для пользователей с ограничениями по зрению, которые используют скринридеры. Атрибут title чаще всего отображается как подсказка при наведении курсора, улучшая пользовательский опыт.

Если эти атрибуты отсутствуют, снижается SEO-эффективность страницы и ухудшается доступность сайта. Однако вручную добавлять описание для сотен и тысяч изображений — трудоёмкий процесс. К счастью, есть способы автоматизации.

Использование плагинов для автоматического добавления alt и title

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

1. SEO Friendly Images

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

• Простая настройка через админку.
• Возможность задать шаблоны для alt и title.
• Поддержка массового обновления.

Скачать и настроить можно с официального репозитория: https://ru.wordpress.org/plugins/seo-friendly-images/

2. Media Library Assistant

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

• Гибкий фильтр по типу и дате.
• Массовое редактирование метаданных.
• Поддержка шаблонов и пользовательских полей.

Подробнее и скачать: https://ru.wordpress.org/plugins/media-library-assistant/

Автоматическое добавление alt и title с помощью кода в functions.php

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

function wpinc_add_alt_title_to_images($attr, $attachment = null) {
    if (!empty($attr['alt'])) {
        return $attr; // alt уже задан, ничего не меняем
    }

    if ($attachment) {
        $filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
        $clean_name = str_replace(array('-', '_'), ' ', $filename);
        $clean_name = ucwords($clean_name);
        $attr['alt'] = $clean_name;
        $attr['title'] = $clean_name;
    }

    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'wpinc_add_alt_title_to_images', 10, 2);

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

Как работает код

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

Дополнительные советы по оптимизации атрибутов alt и title

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

• Используйте ключевые слова, релевантные контенту страницы.
• Не дублируйте атрибуты для всех картинок одинаково.
• Обязательно добавляйте alt для логотипов, кнопок и иконок.

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

Как массово обновить alt и title для уже загруженных изображений

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

Например, с помощью плагина Media Library Assistant можно отфильтровать все изображения без alt и заполнить их по шаблону.

Альтернативно, можно написать скрипт, который переберёт все вложения и обновит метаданные, используя WP функции:

function wpinc_update_existing_images_alt_title() {
    $args = array(
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => -1,
        'post_status'    => 'inherit',
    );

    $attachments = get_posts($args);

    foreach ($attachments as $attachment) {
        $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
        if (empty($alt)) {
            $filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
            $clean_name = str_replace(array('-', '_'), ' ', $filename);
            $clean_name = ucwords($clean_name);
            update_post_meta($attachment->ID, '_wp_attachment_image_alt', $clean_name);

            // Обновляем title
            wp_update_post(array(
                'ID'         => $attachment->ID,
                'post_title' => $clean_name
            ));
        }
    }
}
// Запустить один раз, затем закомментировать
// wpinc_update_existing_images_alt_title();

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

Итоги

Автоматическое добавление атрибутов alt и title к изображениям — эффективный способ улучшить SEO и доступность WordPress-сайта без лишних затрат времени. Используйте проверенные плагины или кастомные фильтры для динамического подставления метаданных. Для уже загруженных медиафайлов можно применить массовое обновление через код или инструменты.

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