Поисковые системы давно научились определять, что изображено на картинках с помощью нейросетей и программ, распознающих пиксели. Наша задача как оптимизаторов подсказать ПС, что показано на изображении, поэтому есть специальные конструкции. Разберем где находиться в WordPress атрибут alt и как правильно заполнить.
Что такое и как выглядит атрибут alt в коде изображения
ALT – от сокращения альтернативный текст, если фото не загрузиться, то на экране отобразится, то что в нем содержится. В любом современном браузере есть общепринятая клавиша F12, запускающая инспектор кода, либо нажимаем правой кнопкой на фото, показываю на примере Google Chrome, и выбираем «Посмотреть код».
- Выбираем объект.
- Жмем правой кнопкой мыши и выбираем соответствующий пункт, в разных браузерах называет по другому, но смысл одинаков.
- Появиться инспектор, в нем должно сразу перекинуть на то место где идет данная картинка в HTML коде страницы, определяется тегом img.
- Видим заполненный атрибут alt. Тут можно посмотреть версию wlw manifest, дающая информацию хакерам.
Данная инструкция поможет нам дальше, чтобы определить и проверить наличие альтов на фотографиях.
Как прописать alt в классическом редакторе WordPress
Давно пора привыкать к новому блочному редактору, но много пользователей WordPress используют стандартный, который уже не развивается. Но разобрать обязан, потому что такие админы есть, нажимаем на изображение, сверху появляется значок карандаша.
Далее откроется всплывающее окно, вверху будет область вставки надписи для атрибута alt. Заполняем поле и нажимаем Обновить. Далее можете пройти на сайт и проверить наличие. Ниже в WordPress можно сделать подпись, это такой же текст, как и остальные, прикрепленный непосредственно к объекту и расположен всех ближе к нему, заполнять или нет – решайте самостоятельно.
Не советую заходить в библиотеку медиафайлов и проставлять к каждой фотографии по очереди альт – не сохраняться, это недочет самого WordPress, который до сих пор не устранили. Чуть ниже будет раздел, чтобы вставить еще один дополнительный атрибут title, показывающий какую–либо надпись при наведении на фото.
Пишем альт в новом Gutenberge
В новом блочном редакторе Гутенберг, намного проще создавать alt. Нажимаем на необходимое изображение в WordPress и обращаем свой взгляд на правую колонку панели. Там сразу срабатывает скрипт, прописываете в соответствующее поле необходимую комбинацию. Далее проверяем его наличие на WordPress блоге как показывал выше в первом разделе статьи. Советую прочитать про вредные подключения dns prefetch.
Что писать и рекомендации по заполнению атрибута alt для тега img
Опишу мини инструкцию по составлению этого текста для лучшего ранжирования в ПС, потому что картина всегда складывается из мелочей, в SEO важна любая деталь.
- Писать нормальный удобочитаемый отрывок, чтобы не было такого «описание 1».
- Добавляем информацию именно о том что изображено, впоследствии можете получить трафик с поиска картинок в Яндексе, Гугле и других сервисах.
- Не надо вставлять целые куски, только суть, чтобы было понятнее.
- Люди с ограниченным зрением «видят» фото как размытое пятно, главное понять что показано, поэтому заполнять альтернативный текст обязательно, именно его скринридер и прочитает.
- Не наполнять его бессмысленным количеством ключевых слов, можно лишь в одном из медиафайлов сделать намек на главный запрос, написав в разбавленном виде.
- Вставлять по возможности «хвосты» из запросов и LSI фразы, но по смыслу без переспама и не логичной формулировки.
- Делать их уникальными, чтобы не было одинаковых интерпретаций.
Как автоматически проставить alt который имеет пустой атрибут
Сравнительно не давно заполненность alt стала обязательной для валидации страниц, потому что в силу вступили требования для слабовидящих. Поэтому если даже там будет написан откровенный бред, то это защитит от ошибок при проверке HTML разметки.
Не всегда удается прописать их, просто потому что забываешь, либо случайно пропустил при написании большого поста. В любом случае данные проблемы нужно устранять. Советую использовать плагин Clearfy PRO – берет заголовок статьи и помещает в те места где alt пустой. Нужно лишь активировать соответствующую функцию в плагине.
После этого действия все альты на сайте заполнятся автоматически. Плагин Clearfy PRO устраняет не только проблему с пустым атрибутами в WordPress, но и улучшает WP еще по 45 пунктам, от чистки кода, например удаление prev и next, до улучшения SEO показателей.
Берите со скидкой этот отличный плагин. Ни один вебмастер без него сейчас не работает.
Купить Clearfy с промиком
Надеюсь теперь понятно что такое alt, и как этот атрибут проставить в CMS WordPress, советую пользоваться новой панелью для создания статей, в ней делать операции легче и быстрее.
