Как правильно заполнять атрибуты ALT и TITLE для изображений?

Вы заполняете атрибуты ALT и TITLE для изображений на сайте? Как вы их заполняете? Зачем вы их указываете? Перед тем как читать дальше, ответьте себе на вышеуказанные вопросы.

В этой статье и видео я отвечу на следующие вопросы:

• что такое атрибуты TITLE и ALT
• стоит ли их указывать?
• как их нужно указывать в картинках?
• как это влияет на наш сайт?
• спам ключевыми словами в атрибутах
• автоматизация заполнения атрибутов с помощью плагинов — плюсы и минусы

Важны ли атрибуты ALT и TITLE для нашего сайта? Как реагируют на них поисковики?

Атрибут ALT учитывают оба поисковика в поиске по картинкам. Но, если говорить об органическом поиске, то этот атрибут учитывает только Google. Т.е. по ключевым словам в этой картинке Google в поиске выдаст наш документ, а в поиске по картинкам нашу картинку. Т.е. Google учитывает текст в атрибуте ALT и этот текст играет роль в отображении вашего сайта в поисковой выдаче.

Атрибут TITLE игнорируют оба поисковика. Хотя, возможно со мной некоторые не согласятся.

Сделаем некоторые выводы:

• атрибут Title — нужен для улучшения юзабилити (т.е. только для людей)
• атрибут Alt — нужен для улучшения юзабилити, участвует в индексации сайта, учитывается поисковиками и является источником трафика (поиск по картинкам)

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

Рекомендации по поводу заполнения атрибутов ALT и TITLE

Как правильно указывать эти атрибуты, чтобы их текст попадал в поиск и приводил нам трафик?

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

2.Изображение должно быть уникальным. Это еще один фактор, который влияет на попадание картинки в поиск. Поисковики умеют определять уникальность картинки. Но, даже если все изображения будут уникальными поисковики сами выберут 1-2 изображения для поиска учитывая разные фото на вашем сайте, их уникальность и общее число похожих изображений, которые уже есть в сети на эту тему.

3.Атрибуты ALT на странице должны быть уникальными для каждого изображения. Но, это при условии, что это статья, в которой используются разные изображения. Если это отдельный товар, то этот атрибут может быть одинаковым для всех изображений товара.

4.Атрибут TITLE — он может быть уникальным для каждого изображения и отличаться от атрибута ALT. Но, может быть таким же как и атрибут ALT. Или его можно вообще не заполнять.

Если решили его заполнить, но нет желания уникализировать каждый TITLE, то добавьте в начало слово «Фото» или «Изображение».

5.Не используйте для атрибутов названия файлов картинок. Это вообще, абсурд. Зачем? Ведь наша задача попадание в поиск, чтобы люди обратили внимание на нас и перешли по нашей ссылке из поиска. Понятно, что такие атрибуты ничего нам не дадут, более того такие тайтлы вызывают раздражение.

5.Длина атрибутов. НЕ менее 3-4 слов и не более 250-255 символов.

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

Не используйте следующие слова в альтах: купить, цена или отзывы. Это манипуляция.

Автоматизация заполнения атрибутов с помощью плагинов — плюсы и минусы

Мое отношение к таким плагинам и к их использованию.

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

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

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

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

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

Таблица сравнения плагинов для автоматического заполнения атрибутов ALT и TITLE

Рекомендуемые плагины для автоматизации заполнения атрибутов

Из всего списка, только два плагина мне показались достойными и полезными.

Это плагин PB SEO Friendly Images и Clearfy Bussines.

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

Если первый плагин решает только вопросы связанные с атрибутами картинок, то второй закрывает многие вопросы связанные с оптимизацией вашего сайта и дает реальные цифры ускорения. Это плагин Clearfy Bussines. Он позволит по созданным вами шаблонам заполнить атрибуты Alt и Title для всех ваших изображений на сайте. Также, вы сможете выбрать к каким картинкам в статье применить эту автоматизацию.

Имейте ввиду: эти плагины не вносят изменения для атрибутов изображений в Базу данных. Т.е. новые значения атрибутов вы не увидите для конкретного изображения в списке медиафайлов. Плагины заполняют атрибуты «на лету» во время создания страницы (эти атрибуты можно увидеть только в коде страницы). Если плагины отключить, то все атрибуты, которые они создали пропадут и будут отображаться те атрибуты, которые были указаны ранее.

Ложка дёгтя портит бочку мёда 🙁

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

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