пр. Мира 620000 Россия +7900-000-00-00
Логотип блога интернет-бродяги

Атрибут alt для изображений автоматически

Как вставить alt для изображений автоматически

Последнее обновлене - 15 января 2023 в 16:47

Отличный способ автоматического заполнения атрибута «alt» для изображений предложил kama. Этот приём подойдёт таким как я забывчивым вебмастерам. Другой случай — если кому-то лень вручную прописывать «alt» для картинок из библиотеки медиафайлов.

А вообще, зачем нужен тег «alt» для изображений? Считается, что это один из способов SEO оптимизации сайта. Делается это для того, чтобы поисковые системы отчётливо понимали, что изображено на фотке. Кроме того, я иногда замечал на некоторых сайтах такую штуковину, когда картинка по какой-то причине не отображается, но на том месте, где она должна быть, имеется её описание.

Незаполненный атрибут alt

Поисковая оптимизация (в переводе с английского search engine optimization или SEO) — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей.

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

//alt прописывается автоматом такой же как заголовок изображения при условии его наличия
function change_empty_alt_to_title( $response ) {
if ( ! $response['alt'] ) {
$response['alt'] = sanitize_text_field( $response['title'] );
}
return $response;
}
add_filter( 'wp_prepare_attachment_for_js', 'change_empty_alt_to_title' );

Возможен также вариант автоматического указания «alt» для изображения такого же, как title записи. Для этого, всё тот же functions.php дополнить следующим содержимым:

//alt прописывается автоматом такой же как заголовок записи
function change_empty_alt_to_title( $response ) {
if ( ! $response['alt'] ) {
$response['alt'] = sanitize_text_field( $response['uploadedToTitle'] );
}
return $response;
}
add_filter( 'wp_prepare_attachment_for_js', 'change_empty_alt_to_title' );

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

Друзья, плюсаните, вдруг пригодится!

Почитайте похожие материалы

Об авторе: Hobo

Стараюсь всё делать своими собственными руками: от починки выключателя до создания веб-сайта. В этом блоге делюсь своим опытом и впечатлениями от использования различной техники, электронных и других устройств, которые побывали у меня в руках.

4 Comments

  1. Дмитрий:

    Везде встали атрибуты alt, рабочая тема, спасибо!

    1. Отлично, пожалуйста!

  2. Константин:

    Наконец-то нашёл как вставить атрибут alt автоматически для изображений, а то валидатор уже надоел ругаться.

    1. Рад, что материал оказался полезен.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *