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

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

Шаг 1: Создание функции для добавления атрибутов

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

function add_custom_image_attributes($attr, $attachment, $size) {
    // Получаем объект товара
    global $post;
    if (is_product()) {
        // Получаем название товара
        $product_title = get_the_title($post->ID);
        // Устанавливаем атрибуты alt и title
        $attr['alt'] = $product_title;
        $attr['title'] = $product_title;
    }
    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'add_custom_image_attributes', 10, 3);

Шаг 2: Вставка кода в файл functions.php

Теперь, когда у нас есть функция, нужно вставить её в файл functions.php вашей темы. Этот файл находится в папке вашей активной темы (например, wp-content/themes/your-theme/functions.php).

Откройте файл functions.php и добавьте в него следующий код:

function add_custom_image_attributes($attr, $attachment, $size) {
    // Получаем объект товара
    global $post;
    if (is_product()) {
        // Получаем название товара
        $product_title = get_the_title($post->ID);
        // Устанавливаем атрибуты alt и title
        $attr['alt'] = $product_title;
        $attr['title'] = $product_title;
    }
    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'add_custom_image_attributes', 10, 3);

Шаг 3: Проверка изменений

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

Атрибуты alt и title — первый шаг к SEO-оптимизации

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

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

Читайте мою статью о том как оптимизировать сайт на WordPress с помощью плагина Clearly Pro.