Правильное использование атрибутов alt в изображениях WordPress критично для SEO и доступности сайта. Однако часто при загрузке изображений в медиабиблиотеку атрибуты alt остаются пустыми, что снижает качество оптимизации. В этой статье мы подробно рассмотрим, как автоматически добавлять или заполнять атрибуты alt для изображений в WordPress с помощью кода и плагинов.
Почему важно использовать атрибут alt для изображений в WordPress
Атрибут alt описывает содержимое изображения для поисковых систем и вспомогательных технологий, таких как экранные читалки. Если атрибут пустой или отсутствует, это негативно влияет на SEO и доступность сайта. Поэтому важно, чтобы каждый загружаемый файл имел релевантное описание.
Вручную прописывать alt для сотен изображений неудобно и часто забывается. Автоматизация этого процесса поможет поддерживать качество сайта на высоком уровне.
Автоматическое заполнение alt при загрузке изображения в WordPress
Для автоматического добавления атрибута alt можно использовать хук add_attachment, который срабатывает при загрузке файла. В нашем примере мы возьмём название файла, преобразуем его в читаемый текст и запишем в поле alt.
Пример кода для автоматического обновления alt
function wpbit_auto_set_image_alt($post_ID) {
$post = get_post($post_ID);
if ($post->post_mime_type && strpos($post->post_mime_type, 'image/') === 0) {
$meta = get_post_meta($post_ID, '_wp_attachment_image_alt', true);
if (empty($meta)) {
$alt_text = sanitize_title_with_dashes(pathinfo($post->post_title, PATHINFO_FILENAME));
$alt_text = str_replace('-', ' ', $alt_text);
update_post_meta($post_ID, '_wp_attachment_image_alt', $alt_text);
}
}
}
add_action('add_attachment', 'wpbit_auto_set_image_alt');
Здесь функция wpbit_auto_set_image_alt проверяет, является ли загруженный файл изображением и есть ли у него уже alt. Если атрибут пуст, то из названия файла формируется alt с заменой дефисов на пробелы.
Массовое заполнение alt для уже загруженных изображений
Если на сайте уже есть много изображений без атрибута alt, можно написать скрипт для массового обновления. Например, через WP-CLI или через админку.
Пример функции для массового обновления alt
function wpbit_bulk_update_image_alt() {
$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)) {
$alt_text = sanitize_title_with_dashes(pathinfo($image->post_title, PATHINFO_FILENAME));
$alt_text = str_replace('-', ' ', $alt_text);
update_post_meta($image->ID, '_wp_attachment_image_alt', $alt_text);
}
}
}
Эту функцию можно запускать вручную через подключение в теме или плагине. Она пройдётся по всем изображениям и заполнит alt по названию файла.
Использование плагинов для автоматизации alt
Если не хочется писать код, можно воспользоваться готовыми плагинами. Например:
- Auto Image Attributes From Filename With Bulk Updater — автоматически генерирует alt, title и description из имени файла и обновляет существующие.
- SEO Friendly Images — плагин для оптимизации атрибутов alt и title, поддерживает массовое обновление.
Оба плагина просты в использовании и позволяют быстро улучшить SEO картинок.
Советы по созданию качественных alt атрибутов
Чтобы alt был полезным для SEO и пользователей, придерживайтесь следующих рекомендаций:
- Используйте ключевые слова, релевантные изображению и контенту страницы.
- Не повторяйте одно и то же описание для разных картинок.
- Если изображение декоративное и не несёт смысла, можно оставить пустой alt
alt=""для улучшения доступности. - Избегайте спама ключевыми словами в alt.
Пример расширения для плагина Clearfy Pro
Если используете Clearfy Pro, в нём есть модуль по оптимизации SEO, который позволяет автоматически генерировать alt и title по шаблонам, что экономит время и помогает поддерживать качество сайта.
Итоги и рекомендации
Автоматизация заполнения атрибутов alt для изображений — важный и простой шаг для улучшения SEO и доступности WordPress сайта. Можно использовать как кастомные функции на PHP, так и готовые плагины. Главное — проверять и корректировать результаты, чтобы описания были релевантными и полезными.
Пишите свои функции с префиксом wpbit_ для избежания конфликтов. Если хотите более глубокую автоматизацию, рекомендуем изучить плагины с поддержкой массового обновления и генерации по шаблонам.