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

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

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

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

Корректно заполненные атрибуты помогают:

• Улучшить SEO за счёт релевантного описания изображений.
• Повысить доступность сайта для пользователей с экранными читалками.
• Сделать сайт удобнее и информативнее для посетителей.

Как добавить атрибуты alt и title вручную

При загрузке изображения через медиафайлы WordPress, в правом блоке настроек вы можете заполнить поля «Альтернативный текст» и «Заголовок». Однако при большом количестве картинок это неудобно. Поэтому полезно автоматизировать процесс.

Автоматическая генерация alt и title на основе названия файла

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

function wpsell_add_image_attributes( $attr, $attachment = null ) {
    if ( empty( $attr['alt'] ) && $attachment ) {
        $filename = get_post_meta( $attachment->ID, '_wp_attached_file', true );
        if ( $filename ) {
            $name = pathinfo( $filename, PATHINFO_FILENAME );
            $name = str_replace( array('-', '_'), ' ', $name );
            $attr['alt'] = ucfirst( $name );
        }
    }
    if ( empty( $attr['title'] ) && $attachment ) {
        $attr['title'] = $attr['alt'];
    }
    return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'wpsell_add_image_attributes', 10, 2 );

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

Использование плагинов для оптимизации изображений

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

• Auto Image Attributes From Filename With Bulk Updater — автоматически генерирует атрибуты alt и title из названия файла, позволяет обновлять их массово.
• Clearfy Pro — комплексный плагин для оптимизации WordPress, в том числе улучшает работу с изображениями и SEO.

Плагин Auto Image Attributes прост в использовании и отлично подходит, если у вас много картинок с неописательными названиями — он быстро исправит это.

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

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

Для этого:

1. Установите и активируйте плагин Auto Image Attributes From Filename With Bulk Updater.
2. Перейдите в настройки плагина и выберите опцию массового обновления атрибутов.
3. Запустите процесс — плагин автоматически заполнит атрибуты для всех изображений.

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

function wpsell_bulk_update_image_attributes() {
    $args = array(
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => -1,
        'post_status'    => 'inherit',
    );
    $query = new WP_Query( $args );
    if ( $query->have_posts() ) {
        while ( $query->have_posts() ) {
            $query->the_post();
            $attachment_id = get_the_ID();
            $alt = get_post_meta( $attachment_id, '_wp_attachment_image_alt', true );
            if ( empty( $alt ) ) {
                $file = get_attached_file( $attachment_id );
                $name = pathinfo( $file, PATHINFO_FILENAME );
                $name = str_replace( array('-', '_'), ' ', $name );
                update_post_meta( $attachment_id, '_wp_attachment_image_alt', ucfirst( $name ) );
            }
        }
        wp_reset_postdata();
    }
}
// Запустите функцию один раз при необходимости
// wpsell_bulk_update_image_attributes();

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

Рекомендации по наполнению атрибутов alt и title

При заполнении атрибутов учитывайте следующие советы:

• Alt должен описывать содержание изображения кратко и информативно, без ключевого слова ради SEO — главное удобство для пользователя.
• Title можно использовать для дополнительной информации, но не обязательно дублировать alt.
• Не оставляйте атрибуты пустыми — это снижает качество сайта и SEO.
• Используйте автоматизацию для экономии времени, но проверяйте генерацию на адекватность.

Выводы по оптимизации атрибутов изображений в WordPress

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

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