Плагины, темы и скрипты
собственной разработки

Атрибут alt для картинок в WordPress: что такое и как прописать для каждого изображения

Изображения, или медиафайлы (фото, инфографика, чертежи, рисунки) — неотъемлемые элементы любого сайта, значимость которых растет. Но чтобы поисковые системы (ПС) поняли, что именно изображено, им нужна небольшая помощь. Вот почему необходимо для всех картинок, имеющихся на вашем интернет-ресурсе, заполнить атрибуты alt и title. Об этом же сообщит любой валидатор, которым вы решите проверить свой сайт.

альтернативный текст для фото в WP

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

Что такое alt и его роль в SEO

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

При стандартной загрузке он не отображается на сайте, но присутствует в исходном коде в теге <img>. В нем задается альтернативный текст, который появится на странице, если пользователь отключил в своем браузере загрузку графических элементов. По сути, альт должен содержать краткое описание самой картинки.

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

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

Атрибут alt особенно нужно заполнять для интернет-проектов, состоящих преимущественно из фотографий, картин, рисованной графики, мемов, обоев на телефон и другого медиаконтента.

Как правильно заполнять alt и title: секреты оптимизации

Следующие правила заполнения всех трех графических атрибутов тега <img> справедливы не только для сайтов на движке WordPress, но и для других online-проектов:

  1. Alt, title и подпись к картинке содержат разный текст.
  2. Язык текстовой информации соответствует языку самого сайта (с некоторыми исключениями).
  3. Любой из атрибутов в той или иной степени передает смысл самого изображения. При регулярном нарушении этого правила можно получить фильтр от поисковика.
  4. Запрещен переспам ключами (их стоит прописывать, но с умом и не для каждой картинки).

Оптимизация alt

В альтернативном тексте alt на WordPress-сайте должна находиться информация, конкретно описывающая изображение.

Несколько советов, которые помогут вам составлять идеальные альты:

  • Ключи. Сеошники часто насыщают этот атрибут ключами, которые не удалось внедрить непосредственно в текст.

Обязательно используйте ключевые слова в разбавленном виде, дополняя их так называемыми «хвостами» LSI (словами тематического корпуса).

  • Длина. Существует негласное правило по поводу длины: не больше 50 знаков с пробелами.
  • Уникальность в рамках страницы. Не следует в точности повторять содержимое title и подписи к картинкам, чтобы не угодить под фильтр «Переспам».
Также непременно заполняйте альты для миниатюр своих постов, которые обычно отображаются в карточках постов на главной и в рубриках.

Правила для title

Чем title отличается от alt-а? Начинающие веб-мастеры при создании своего первого сайта часто допускают ошибку, путая эти два атрибута в теге <img>. Они помогают краулерам определять тематику и смысл графических элементов. Но у них есть серьезные различия.

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

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

Подпись — еще один важный в SEO картиночный атрибут. В качественных шаблонах WordPress, таких как Reboot, предусмотрен вывод такого описания на страничках.
Пользуйтесь, когда есть необходимость добавить чуть более подробные пояснения к изображению, в том числе с вхождением околотематических фраз, которые не уместились в альт.

Как проставить alt у картинок в CMS WordPress

Пока alt не отменили и правила его корректного составления все еще фигурируют в справках Яндекса и Гугла, нужно пользоваться.

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

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

Вот пошаговая инструкция по простановке альтов для новичка:

  1. Нажмите в классическом редакторе CMS WP на изображение. 
  2. Появится всплывающее меню, в котором нужно выбрать значок «Карандаш». При наведении на него вы увидите подсказку с текстом «Изменить». Кликните.
  3. Откроется окно с настройками для выбранной картинки. Самое первое пустое поле вверху предназначено для альтернативного текста. Заполните его. 
  4. Нажмите кнопку «Обновить» в правом нижнем углу для сохранения изменений.

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

Тот же атрибут можно присвоить картинке в момент ее загрузки в редактор по кнопке «Добавить медиафайл». 

В этом случае окно настроек будет выглядеть чуть иначе, но в нем также имеется поле для alt. После его заполнения останется лишь нажать «Вставить в запись». добавить альт в окне настроек медиа

В блочном редакторе Gutenberg

В блочном редакторе Гутенберг (Gutenberg) разработчики WordPress упростили заполнение альта, который сократился до трех простых действий.

  1. Вставьте фотографию или рисунок через блок «Изображение». Нажмите «Загрузить» или «Библиотека файлов» (если вставляете ранее закачанную картинку). вставляем картинку в гутенберг
  2. Кликните по нему мышкой. В правой колонке заполните или отредактируйте alt и другие атрибуты, предусмотренные в WP для медиаконтента. где задается альтернативный текст в gutenberg

Осталось лишь обновить запись, и все.

Как прописать альт автоматически: лучшие плагины

В некоторых случаях веб-мастеру требуется массовая простановка атрибутов для графики на сайте.

Например:
если вы раньше не уделяли должного внимания простановке альтов;
не проследили за своим контент-менеджером;
купили сайт, на котором этот момент был упущен, а постов на вашем ресурсе огромное количество.

Что делать в таком случае? Ответ очевиден: заполнить alt автоматически для всех картинок, где его нет. Сам движок таких опций не имеет, но можно воспользоваться проверенным плагином.

Clearfy Pro

Простой, безопасный и проверенный плагин Clearfy Pro от WPShop давно известен профессионалам сайтостроения. И стал своеобразным «must have» для любого WordPress-ресурса, будь то информационник, интернет-магазин, лендинг или агрегатор услуг и товаров.

Опция автоматической простановки alt-ов к изображениям также есть и работает как часы:

  1. В админке ВордПресс перейдите в настройках плагина на вкладку SEO. 
  2. И просто активируйте соответствующий переключатель, после чего кликните кнопку «Сохранить изменения» внизу.

В Clearfy Pro более полсотни интуитивно понятных настроек, способствующих общему улучшению вашего сайта на ВордПресс. Он чистит код от мусора, элегантно взаимодействует с популярными SEO-плагинами (Yoast SEO и Rank Math), сжимает HTML, защищает от воровства контента и многое другое.

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

Скидка на Clearfy WPShop

Update Image Tag Alt Attribute

Альтернативное бесплатное решение — плагин Update Image Tag Alt Attribute.

Из минусов можно отметить отсутствие перевода на русский язык и сам факт, что кроме добавления alt он больше не решает ни одной важной задачи по настройкам сайта. А это просто нерационально.

Алгоритм работы с плагином:

  1. Установите и активируйте утилиту в админ-панели непосредственно из репозитория WordPress. установка update image tag alt
  2. После этого перейдите в админку на вкладку «Update Images» и запустите индексацию всех изображений по кнопке «Start Indexing». плагин автоматического задания альтов индексация
  3. После завершения процесса здесь же отобразятся все собранные данные по атрибутам ваших картинок. Эта опция появилась не так давно и, пожалуй, стала главной «фишкой» плагина. статистика по всем альтам WordPress
  4. Перейдите на вкладку «Automatic Updaters», где на отдельных вкладках размещены более тонкие настройки, включая типы контента для массового обновления поля alt (вкладка «Update Post Content») и правила для других image-атрибутов (вкладка «Settings»). Задайте нужные вам значения. настройки авто-заполнения атрибутов для фотографийвыбор типов контента для прописывания alt-ов
  5. Чтобы автоматически задать альты в изображениях, перейдите на вкладку «Update Media Images», на странице появится прогресс-бар. процесс массового наполнения атрибутов
  6. По завершении процесса отобразится таблица с указанием, для каких изображений какие alt-ы были заполнены. Столбцы по другим атрибутам в моем примере пустые, так как их создание я отключила в настройках. таблица с результатами для тега img

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

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

наверх
×
WPShop
честная партнерка!

Зарабатывай до 3225₽ с каждой продажи

Подключиться
к партнерке ⟶