Атрибуты ALT и TITLE у изображений в WordPress играют важную роль для SEO и доступности сайта. ALT помогает поисковикам и пользователям с ограниченными возможностями понять содержание картинки, а TITLE улучшает пользовательский опыт, показывая подсказку при наведении. Однако часто при загрузке изображений эти атрибуты остаются пустыми или неинформативными. В этой статье разберём, как автоматически добавить и улучшить атрибуты ALT и TITLE для картинок на вашем сайте WordPress.
Почему важно использовать атрибуты ALT и TITLE для изображений в WordPress
Поисковые системы, такие как Google, не «видят» изображения напрямую, а ориентируются на их описание через ALT-теги. Правильно заполненные атрибуты ALT повышают релевантность страницы и помогают улучшить позиции в поисковой выдаче. Кроме того, атрибут ALT необходим для пользователей с ограниченным зрением, которые используют скринридеры.
Атрибут TITLE не так важен для SEO, но улучшает удобство пользователей, показывая подсказку с описанием при наведении курсора на изображение. Особенно полезен на сайтах с большим количеством иллюстраций.
Если изображения загружаются без ALT и TITLE, стоит настроить автоматическое добавление этих атрибутов, чтобы избежать потерь в SEO и улучшить UX.
Использование плагинов для автоматического заполнения ALT и TITLE
Существует несколько популярных плагинов, которые позволяют автоматически генерировать и добавлять атрибуты к картинкам. Вот самые востребованные:
- SEO Friendly Images — автоматически добавляет ALT и TITLE на основе названия файла или настроек.
- Auto Image Attributes From Filename With Bulk Updater — позволяет массово обновлять атрибуты ALT и TITLE, используя имя файла изображения.
- Media Library Assistant — расширенный инструмент для управления медиа, позволяющий редактировать и автоматически назначать атрибуты.
Все эти плагины можно найти и установить из репозитория WordPress. При установке обязательно внимательно изучайте настройки, чтобы атрибуты формировались подходящим для вас образом.
Например, плагин SEO Friendly Images позволяет добавить ALT и TITLE на основе названия вложения, заменяя дефисы и подчёркивания пробелами, что даёт более читабельный текст.
Реализация автоматического добавления ALT и TITLE через код в functions.php
Если вы хотите более гибко управлять атрибутами без использования плагинов, можно добавить код в файл functions.php вашей темы или в отдельный плагин. Ниже представлен пример функции wplink_add_alt_title_attributes, которая автоматически подставляет в атрибуты ALT и TITLE название файла изображения, если они пустые.
function wplink_add_alt_title_attributes($attr, $attachment = null) {
if (!isset($attr['alt']) || empty($attr['alt'])) {
$filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
$alt_text = str_replace(['-', '_'], ' ', $filename);
$attr['alt'] = ucfirst($alt_text);
}
if (!isset($attr['title']) || empty($attr['title'])) {
$attr['title'] = $attr['alt'];
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'wplink_add_alt_title_attributes', 10, 2);Этот код проверяет, пусты ли атрибуты ALT и TITLE при выводе изображения, и если да — подставляет в них имя файла с заменой подчёркиваний и дефисов на пробелы и с заглавной буквой в начале. Это простой, но эффективный способ улучшить SEO без дополнительных усилий.
Расширение функции: добавление префиксов и суффиксов
Можно модифицировать функцию так, чтобы к ALT и TITLE добавлялся префикс или суффикс, например, название вашего сайта или ключевые слова. Это поможет усилить SEO-эффект.
function wplink_add_alt_title_attributes_extended($attr, $attachment = null) {
$site_name = get_bloginfo('name');
if (!isset($attr['alt']) || empty($attr['alt'])) {
$filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
$alt_text = str_replace(['-', '_'], ' ', $filename);
$attr['alt'] = ucfirst($alt_text) . ' - ' . $site_name;
}
if (!isset($attr['title']) || empty($attr['title'])) {
$attr['title'] = $attr['alt'];
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'wplink_add_alt_title_attributes_extended', 10, 2);Массовое обновление существующих изображений в библиотеке WordPress
Автоматическое добавление атрибутов при выводе новых изображений — это хорошо, но что делать с уже загруженными изображениями без ALT и TITLE? В этом случае поможет массовое обновление.
Для этого можно использовать плагин Auto Image Attributes From Filename With Bulk Updater — он позволяет сканировать все медиафайлы и автоматически заполнить пустые поля ALT и TITLE на основе названия файлов.
Если вы предпочитаете код, то можно написать скрипт, который пройдётся по всем вложениям и обновит их метаданные. Такой подход требует осторожности и резервного копирования базы данных.
Пример кода для массового обновления (требует запуска один раз)
function wplink_bulk_update_image_alt_title() {
$args = [
'post_type' => 'attachment',
'post_mime_type' => 'image',
'posts_per_page' => -1,
'post_status' => 'inherit',
];
$images = get_posts($args);
foreach ($images as $image) {
$alt = get_post_meta($image->ID, '_wp_attachment_image_alt', true);
if (empty($alt)) {
$filename = pathinfo(get_attached_file($image->ID), PATHINFO_FILENAME);
$alt_text = ucfirst(str_replace(['-', '_'], ' ', $filename));
update_post_meta($image->ID, '_wp_attachment_image_alt', $alt_text);
wp_update_post([
'ID' => $image->ID,
'post_title' => $alt_text,
]);
}
}
}
// Запустить один раз вручную, затем удалить вызов
// wplink_bulk_update_image_alt_title();Этот код перебирает все изображения, проверяет ALT и, если он пуст, заполняет его и меняет заголовок вложения. После успешного запуска вызов функции нужно убрать или закомментировать, чтобы не перегружать сервер.
Советы по правильному формированию ALT и TITLE для лучшего SEO
1. ALT должен быть описательным и содержать ключевые слова, релевантные содержимому страницы.
2. Не стоит просто копировать название файла, если оно бессмысленно. В таких случаях лучше вручную редактировать важные изображения.
3. TITLE можно использовать для дополнительных пояснений, но не стоит повторять ALT дословно.
4. Используйте плагины, такие как Clearfy Pro, которые помогают оптимизировать SEO и автоматически управлять медиа-атрибутами.
Заключение по добавлению ALT и TITLE к изображениям в WordPress
Автоматизация заполнения атрибутов ALT и TITLE значительно улучшает SEO и доступность сайта без лишних затрат времени. Для этого можно использовать проверенные плагины или написать простой код, подстраивающийся под ваши нужды. Также не забывайте про массовое обновление уже загруженных изображений и ручную корректировку наиболее важных иллюстраций.