Атрибут alt у изображений — важный элемент для SEO и доступности сайта. Однако многие пользователи забывают его заполнять, что может негативно сказаться на ранжировании сайта в поисковых системах и опыте пользователей с ограниченными возможностями. В этой статье мы рассмотрим, как добавить автоматический alt текст к изображениям в WordPress с помощью кода и плагинов.
Почему важно использовать alt текст для изображений
Alt текст помогает поисковым системам понять содержимое изображения, а также обеспечивает доступность для пользователей со слабым зрением, которые используют экранные читалки. Без alt текста изображения считаются неинформативными, и это снижает качество сайта в глазах Google.
Автоматизация заполнения alt текста особенно полезна, если у вас большой сайт с сотнями и тысячами изображений.
Как WordPress обрабатывает alt текст по умолчанию
При загрузке изображения WordPress позволяет задать alt текст вручную, но если его не указать, атрибут alt часто остаётся пустым. В стандартной установке WordPress не предусмотрено автоматическое заполнение alt на основе названия файла или других параметров.
Добавление автоматического alt текста с помощью кода
Можно добавить фильтр, который будет подставлять alt текст при выводе изображений, если он не задан. Например, мы можем использовать название файла без расширения или описание вложения.
Пример кода для автоматического alt текста на основе имени файла
function wporg_auto_alt_text($attr, $attachment = null) {
if (empty($attr['alt']) && $attachment) {
$filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
$alt_text = str_replace(array('-', '_'), ' ', $filename);
$alt_text = ucwords($alt_text);
$attr['alt'] = $alt_text;
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'wporg_auto_alt_text', 10, 2);Этот код проверяет, есть ли у изображения alt текст. Если нет — он подставляет название файла, заменяя дефисы и подчёркивания на пробелы и делая первые буквы заглавными.
Использование описания вложения для alt текста
Альтернативно можно использовать описание вложения (attachment description), если оно заполнено в медиа-библиотеке.
function wporg_auto_alt_from_description($attr, $attachment = null) {
if (empty($attr['alt']) && $attachment) {
$description = get_post_field('post_excerpt', $attachment->ID);
if ($description) {
$attr['alt'] = $description;
}
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'wporg_auto_alt_from_description', 20, 2);Этот код подставит описание изображения как alt текст, если оно задано и alt пустой.
Автоматическое заполнение alt текста при загрузке изображения
Кроме подстановки при выводе, можно автоматически заполнять поле alt при добавлении изображения в медиа-библиотеку. Для этого используйте хук add_attachment:
function wporg_set_alt_on_upload($post_ID) {
$alt = get_post_meta($post_ID, '_wp_attachment_image_alt', true);
if (empty($alt)) {
$filename = pathinfo(get_attached_file($post_ID), PATHINFO_FILENAME);
$alt_text = str_replace(array('-', '_'), ' ', $filename);
$alt_text = ucwords($alt_text);
update_post_meta($post_ID, '_wp_attachment_image_alt', $alt_text);
}
}
add_action('add_attachment', 'wporg_set_alt_on_upload');Так alt текст запишется сразу при загрузке, и не будет пустым в дальнейшем.
Плагины для автоматического alt текста
Если вы предпочитаете готовые решения, обратите внимание на следующие плагины:
- Automatic Alternative Text — использует AI для создания описаний изображений и автоматического заполнения alt.
- SEO Friendly Images — подставляет alt и title для изображений по шаблонам.
- Clearfy Pro (https://wpshop.ru/plugins/clearfy-pro/?utm_source=wporg.ru&utm_medium=article&utm_campaign=kak-dobavit-avtomaticheskiy-alt-tekst-k-izobrazheniyam-v-wordpress) — мощный инструмент оптимизации, в том числе для SEO-атрибутов изображений.
Плагины подходят для пользователей, которые не хотят заниматься кодом, но контролируют качество alt текста.
Советы по созданию качественного alt текста
Важно, чтобы alt текст не был перегружен ключевыми словами — он должен точно описывать изображение. Если у вас много похожих изображений, лучше использовать уникальные описания. Автоматизация помогает с базовым заполнением, но для важных изображений желательно писать alt вручную.
Пример хорошего alt текста
Для фотографии красного яблока на белом фоне подойдет alt: Красное яблоко на белом фоне, а не просто яблоко или фото.
Выводы и рекомендации
Автоматическое добавление alt текста — это удобный способ улучшить SEO и доступность сайта без больших затрат времени. Используйте представленные функции и плагины, чтобы ваш WordPress-сайт всегда имел корректные атрибуты alt для изображений.