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

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

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

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

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

Ручная и автоматическая установка атрибутов alt и title: что выбрать?

Ручное заполнение атрибутов через медиа-библиотеку WordPress — лучший способ обеспечить точность описаний, но это требует времени и внимания. Для больших сайтов с большим количеством изображений удобнее использовать автоматизацию.

Автоматическое добавление атрибутов может базироваться на имени файла, заголовке вложения (attachment title) или шаблонах, заданных в коде. Такой подход позволяет быстро получить базовое описание, которое затем можно при необходимости корректировать.

Автоматическое добавление атрибутов alt и title через functions.php

Добавим в файл functions.php вашей активной темы следующий код, который будет автоматически подставлять значение заголовка вложения в атрибуты alt и title для всех вставленных изображений:

function wpsetup_add_alt_title_attributes($attr, $attachment = null) {
    if (!$attachment) {
        return $attr;
    }

    $title = get_post($attachment->ID)->post_title;

    // Если alt пустой, ставим заголовок
    if (empty($attr['alt'])) {
        $attr['alt'] = $title;
    }
    // Если title пустой, ставим заголовок
    if (empty($attr['title'])) {
        $attr['title'] = $title;
    }

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

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

Что делать, если у вложения нет заголовка?

Если заголовок пуст, можно подставить имя файла без расширения. Для этого расширим функцию:

function wpsetup_add_alt_title_attributes($attr, $attachment = null) {
    if (!$attachment) {
        return $attr;
    }

    $title = get_post($attachment->ID)->post_title;

    if (empty($title)) {
        $file_path = get_attached_file($attachment->ID);
        $file_name = pathinfo($file_path, PATHINFO_FILENAME);
        $title = str_replace(array('-', '_'), ' ', $file_name);
    }

    if (empty($attr['alt'])) {
        $attr['alt'] = $title;
    }

    if (empty($attr['title'])) {
        $attr['title'] = $title;
    }

    return $attr;
}

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

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

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

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

Массовое обновление alt и title для уже загруженных изображений

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

Пример простого PHP-скрипта для массового обновления alt и title из заголовков вложений:

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

    $images = get_posts($args);

    foreach ($images as $image) {
        $title = $image->post_title;
        if (!$title) {
            $file_path = get_attached_file($image->ID);
            $file_name = pathinfo($file_path, PATHINFO_FILENAME);
            $title = str_replace(array('-', '_'), ' ', $file_name);
        }

        update_post_meta($image->ID, '_wp_attachment_image_alt', $title);
        // В WordPress нет отдельного поля для title, он берется из post_title
    }
}
// Для выполнения вызовите эту функцию один раз через хук или вручную
// wpsetup_bulk_update_image_attributes();

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

Советы по улучшению SEO с помощью alt и title

При автоматическом заполнении атрибутов стоит помнить, что:

• Описание должно быть информативным и релевантным содержимому изображения.
• Избегайте слишком длинных описаний — оптимальная длина alt около 125 символов.
• Не стоит дублировать одни и те же значения alt для разных изображений.
• Title не так важен для SEO, как alt, но улучшает UX.
• Для важных изображений и логотипов лучше заполнить атрибуты вручную.

Заключение

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

Рекомендуем ознакомиться с плагином Auto Image Attributes From Filename With Bulk Updater на сайте WPSHOP для удобной автоматизации.