Главная » WordPress » WooCommerce: Массово добавить alt для изображений товаров

WooCommerce: Массово добавить alt для изображений товаров

    Задача. В интернет-магазине на WooCommerce много товаров. Атрибут alt тега img в изображениях товаров не добавлен. Необходимо добавить этот атрибут во все изображения товаров.

    Код динамического вывода атрибутов изображений товаров

    Решение 1. Можно в functions.php (или сделать плагином) добавить скрипт, который будет динамически подстовлять в атрибуты alt и title изображений товаров необходимые значения по шаблону. Т.е. в самих медиа alt и title не будут перезаписаны, а следовательно и в базе данных не будет изменений.

    Простой вариант — Код №1.1. Здесь в значения атрибутов добавится текст по указанному шаблону с названием товара, чтобы не дублировалось с самим товаром.

    Код 1.1: Автоматический Alt и Title для фото товаров Woocommerce
    $attr['alt'] = 'Фото ' . $num . ' - ' . $title; — шаблон для alt: «Фото 1 — [Название товара]«. $num — индекс, который будет меняться в зависимости от количества изображений на странице. Например, у товара может быть несколько изображений. И чтобы значения alt не дублировались введена эта переменная.

    $attr['title'] = 'Товар ' .$title; — шаблон для title: «Товар [Название товара]«.

    Второй вариант (Код №1.2) более сложный, но здесь показано как в значениях атрибутов картинок можно добавить еще категорию, атрибут товара или метки, а также пропускать обработку изображений по определенному классу. Данное решение позволит более гибко настроить атрибуты Alt и Title под свои нужды в SEO-продвижении, исключая некоторые части кода и переставляя переменные в шаблоне.

    Код 1.2: Автоматический Alt и Title для изображений товаров Woo с возможность использования категорий, меток и атрибутов

    В Коде №1.2 выводится по шаблону:
    alt="Фото 1 - [Категория товара] [Название товара] [Атрибут товара]" title="[Название товара] - [Метки товара]".

    Например, у нас есть товар с такими данными:

    • Название: Классные штаны
    • Категория: Штаны мужские
    • Метки: б/у
    • Атрибут Цвет: Красные

    Получится:
    alt="Фото 1 - Штаны мужские Классные штаны Красные" title="Классные штаны б/у"

    Плагины массового редактирования Alt изображений

    Бесплатных плагинов по массовому редактированию атрибутов Alt и Title изображений достаточно. Но большая часть из них не работает с Woocommerce или только в премиум-версиях. Пока выделил пару плагинов.

    Update Image Tag Alt Attribute

    Update Image Tag Alt Attribute в библиотеке  плагиновWordpress
    Update Image Tag Alt Attribute (Maui Marketing) – заполняет пустые теги alt изображений на основе страницы, к которой они прикреплены. Есть массовое редактирование Alt. Поддерживает товары Woocommerce. Значения изменяются в самих картинках.

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

    Woo Image SEO

    Настройки плагина Woo Image SEO
    Woo Image SEO (Danail Emandiev) – автоматически заполняет атрибуты alt и title к изображениям товаров. В шаблонах заполнения атрибутов можно использовать такие данные как:

    • Название товара;
    • Категория;
    • Метки товаров;
    • Название сайта;
    • Описание сайта;
    • Домен сайта;
    • Текущая дата;
    • Пользовательский текст.

    Возможность использования указанных данных — это очень хорошо и интересно. Но есть нюансы:

    1. Плагин выводит атрибуты динамически (т.е. в БД ничего не менятся для изображений), если отключить плагин, автоматически сгенерированные атрибуты исчезнут.
    2. Если на странице магазина выводятся категории с изображениями, то плагин туда впишет значения из первого товара.

    Учитывая отрицательный момент с перезаписью атрибутов для изображений категорий, лучше ипользовать Код №1.2, т.к. скрипт занесет данные, учитывая к какому товару прикреплено фото и указаны ли атрибуты уже вручную.

    5 1 голос
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

    0 комментариев
    Межтекстовые Отзывы
    Посмотреть все комментарии