Как удалить атрибут title из изображений в WordPress

В WordPress по умолчанию при вставке изображений в записи или страницы добавляется атрибут title. Иногда это приводит к нежелательным подсказкам при наведении или конфликтам с SEO и дизайном. В этой статье разберём, как убрать атрибут title из тегов <img> с помощью кода и плагинов, а также рассмотрим преимущества и нюансы такого решения.

Зачем удалять атрибут title из изображений в WordPress?

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

Кроме того, избыточные или автоматически сгенерированные title могут негативно повлиять на SEO, если поисковые системы воспринимают их как спам или дублирующий контент.

Также атрибут title усложняет стилизацию и может конфликтовать с некоторыми JavaScript-скриптами, отвечающими за кастомные подсказки.

Удаление атрибута title через functions.php — простой и эффективный способ

Самый универсальный и надёжный способ избавиться от title — фильтровать HTML вывод изображений через хук WordPress.

Добавьте в файл functions.php вашей темы следующий код:

function wpskills_remove_img_title($html) {
    return preg_replace('/\stitle="[^"]*"/i', '', $html);
}
add_filter('get_image_tag', 'wpskills_remove_img_title');
add_filter('image_send_to_editor', 'wpskills_remove_img_title');
add_filter('post_thumbnail_html', 'wpskills_remove_img_title');

Этот код удаляет атрибут title из HTML изображений, вставляемых в контент, миниатюр и при загрузке через редактор.

Пояснение:

• get_image_tag — фильтр для функции get_image_tag(), которая генерирует HTML изображения.
• image_send_to_editor — фильтр для HTML, вставляемого в редактор при добавлении медиафайлов.
• post_thumbnail_html — фильтр для миниатюр записей.

Другие способы удаления title с помощью плагинов

Если вы не хотите править код, можно использовать плагины, позволяющие контролировать атрибуты изображений.

Рассмотрим несколько популярных вариантов:

1. Clearfy Pro

Плагин Clearfy Pro позволяет отключать и оптимизировать многие атрибуты WordPress, включая title у изображений. В настройках можно задать удаление всех title или только в определённых местах.

2. Disable Title Attribute

Простой бесплатный плагин, который удаляет атрибут title из всех изображений автоматически. Удобен при быстром решении задачи без дополнительных настроек.

3. WP Accessibility

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

Удаление title из изображений в Gutenberg редакторе

В редакторе Gutenberg иногда title добавляется автоматически при вставке блока «Изображение». Чтобы убрать его программно, можно использовать JavaScript-хук для фильтрации атрибутов блока:

function wpskills_remove_gutenberg_img_title(settings, name) {
    if (name !== 'core/image') return settings;

    if (!settings.attributes) return settings;

    if (settings.attributes.title) {
        delete settings.attributes.title;
    }

    return settings;
}
wp.hooks.addFilter('blocks.registerBlockType', 'wpskills/remove-title', wpskills_remove_gutenberg_img_title);

Этот код нужно добавить в файл с кастомными скриптами темы или плагина. Он убирает поле title из настроек блока изображения, предотвращая его добавление.

Как проверить результат и не навредить SEO?

После внедрения удаления атрибута title обязательно проверьте:

• Отсутствие всплывающих подсказок при наведении на изображения.
• Правильное отображение alt у всех картинок — он должен оставаться для SEO и доступности.
• Работу с плагинами и темами, которые могут динамически добавлять title.

Для проверки можно использовать инструменты разработчика браузера (Inspect Element) и онлайн-сервисы для анализа HTML.

Заключение: стоит ли удалять title у изображений?

Удаление атрибута title у изображений — частая задача для улучшения UX и устранения дублирующей информации. Однако стоит помнить, что для некоторых случаев title полезен, например, для пояснений и дополнительной информации.

Поэтому рекомендуем использовать описанные методы выборочно, ориентируясь на специфику сайта и требования SEO.

Если хотите упростить управление атрибутами и оптимизировать сайт в целом, попробуйте Clearfy Pro — мощный инструмент с удобным интерфейсом и регулярными обновлениями.