Атрибут alt WordPress: оптимизируем картинки 4 совета по заполнению

Для распознавания фото придумано два основных мета тега – Alt и Title, они задают тематику и вывод изображения по запросу в поисковой выдаче. Поэтому их нужно проставить для всех фотографий, как прописать тег title и атрибут alt в WordPress покажу в данной статье.

Что такое атрибут alt в CMS WordPress

ALT – специальный атрибут применяемый к медиафайлам. Разрабатывался для поисковых систем, чтобы понять что показано. На сайте увидеть нельзя только через исходный код страницы в images.

Посмотреть расположение img
Исходный код блога

Но в последствии поисковые системы научились определять что показано в файле, с помощью нейросетей и специальных скриптов, понимающих цветовую структуру. Поэтому влияние альта на продвижение в Яндексе и Google стало менее ощущаться.

Как прописать атрибут alt в вордпресс

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

В классическом редакторе

В WordPress классическом редакторе нажимаем на изображение и выбираем значок редактировать.

Изменение фото в WP
Кнопка редактировать

Далее появится окно WP, на первой строчке будет поле с возможностью прописать альт. Заполняем и в нижнем правом углу нажимаем кнопку Выбрать, чтобы изменения сохранились.

Не забываем обновлять саму запись или страницу.

Поле для заполнения alt
Поле куда вставить надпись

В Gutenberg

В новом удобном редакторе Gutenberg процесс занесения атрибута alt проще:

Gutenberg вставка атрибутов
Альт в гутенберге
  1. Вставляем картинку через соответствующий блок и выделяем ее нажатием
  2. В правой колонке WordPress появится окно настроек блока, увидите раздел

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

Чтобы автоматически проставить alt к изображениям в статье, используйте плагин Clearfy Pro.

Автоматическое проставление мета в плагине
Настройка Clearfy PRO

Ссылка на Clearfy PRO

У плагина есть более 50 настроек по улучшению, чистке, SEO, ускорению и оптимизации блогов на WordPress. В разделе SEO передвигаем переключатель в активное положение, теперь ко всем картинкам, не имеющих альта, он сделает автозаполнение взяв текст из заголовка.

Title и подпись для картинок

Стоит отметить еще две возможности это title и подпись для картинок. В ранжировании любого элемента играет роль окружающий текст. Что делают данные элементы:

  • Тайтл показывает всплывающую подсказку при наведении на объект
  • Подпись добавляет текст снизу, который индексируется как простой контент, но находится в одном блоке с файлом в разметке HTML

В старом редакторе:

Другие области для расширения представления изображений в вордпресс
Остальные поля для редактирования

В гутенберге чтобы сделать все в одном месте, лучше действовать через библиотеку файлов вордпресс:

Изменение тегов через библиотеку файлов
Библиотека файлов

Приложу авторское видео, чтобы представить процесс более ясно.

Что писать в alt и остальные теги в WordPress

Правил должны придерживаться не только владельцы WordPress, но и другие вебмастера:

  • Все три параметра – alt, title и подпись должны отличаться, особенно для ресурсов продвигающихся за счет фотографий, рисунков, картин и других творческих направлений
  • Альт должен содержать конкретику, и не больше 50 символов с пробелами. Хорошо применять околотематические слова и фразы в разбаленном виде из главного ключа
  • Тайтл – показывает что на рисунке, особого значения не придавайте, если показан цветок, так и напишите
  • Подпись – в сегодняшней ситуации важнейший элемент, заносим в нее важную информацию о файле, много писать не нужно, а то получиться целостный абзац
  • Есть так же описание в настройках, но им пользоваться бессмысленно, ни на что не влияет
  • Не забывать заполнять атрибут для миниатюр записей

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

Пожалуйста, оцените материал:

Давно занимаюсь и разрабатываю сайты на Wordpress. Считаю что лучшего решения для ведения бизнеса не найти, поэтому считаю долгом делиться информацией с остальными.
Получай полезные материалы удобным способом!
Комментарии:
  1. «Не забывать заполнять атрибут для миниатюр записей» а как это делать?

    1. В библиотеке медиафайлов, почему то разработчики не предусмотрели возможность сразу менять.

  2. параметр «заголовок» это не «title» — очень просто проверить это утверждение, заполните заголовок и наведите мышку на изображение — при заполненном title всплывает надпись, в этом случае нет. Так же в коде можно проверить его отсутсвие.

  3. Добрый день. Есть проблемы с наполнением сайта в вордпресс, вы даете консультации? Спасибо

    1. Здравствуйте, давно не заглядывал в комментарии ) Да могу проконсультировать пишите в ВК в группу, она справа в сайдбаре.

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