Атрибут alt и атрибут title – это текстовое описание содержимого графического изображения на странице, позволяющего получить более полную информацию о нём и улучшить навигацию на сайте.
Мы все уже знаем насколько важно разбивать текст статьи на блоки. А также “сухой” текст важно “разбавлять” изображениями, делая его более наглядным и читаемым. Но “красивые” картинки не просто привлекают и удерживают внимание читателя. Их можно использовать для продвижения сайта. Именно для этого и используются вспомогательные атрибуты тега <img>.
Если провести параллель с желанием достичь победы в спортивных соревнованиях, то становятся понятны усилия спортсмена не только в физической подготовке, но и качественный подбор оборудования и одежды. То есть, учитываются все мелочи и тонкости.
Так и в продвижении сайта – надо использовать все доступные возможности, в том числе и оптимизацию изображений.
Для чего необходима оптимизация изображений?
Под оптимизаций изображений подразумевается комплекс работ, направленных на сжатие изображения и настройке его характеристик таким образом, чтобы оно корректно отображалось на сайте.
При правильной оптимизации:
- Вы можете получить высокие позиции в ТОП раздела «Картинки» поисковых систем (Яндекс, Google, Поиск Mail.ru и др.). Результат – обеспечение сайта стабильным тематическим трафиком.
- Качественно оптимизированное изображение предоставляет возможность создания страницы с высокой релевантностью, которая будет успешно индексироваться поисковиками.
- Надо помнить о том, что правильно подобранное изображение является источником естественного привлечения ссылочной массы.
С учетом того, что оптимизация сайта это комплексная работа с SEO и не забывать о графическом контенте.
Зачем нужны вспомогательные атрибуты тега img
Конечно, если у изображения на сайте будут отсутствовать вспомогательные атрибуты, оно все равно загрузится корректно для пользователя. Но тогда возможности SEO не будут задействованы. Если приложить усилия, то автор сможет:
передать необходимые сведения поисковому роботу;
получить дополнительных посетителей на сайт;
повысить лояльность читателей.
Поисковики умеют распознавать уникальность изображений, но не их тематическую принадлежность. Поэтому. если Вы хотите что бы изображение было отнесено к определенной категории – заполните вспомогательные атрибут alt и атрибут title.
А также помните о том, что и Yandex и Google имеют собственные сервисы “Картинки”. Поэтому оптимизируя изображения сайта можно рассчитывать на то, что пользователь найдет ссылку на ваш сайт на этих ресурсах, что собственно обеспечит дополнительный трафик.
Правила написания текста в атрибутах alt и title
Атрибут alt (alternative text) помогает распознавать роботу изображение и индексировать его. Это краткое описание того, что изображено на картинке. Увидеть пользователь его тоже сможет, если задержит на несколько мгновений на картинке курсор. Если же браузер пользователя настроен на альтернативный просмотр изображений, то вместо изображения он увидит текст атрибута alt/
Атрибут title по сути заголовок изображения. Он генерирует всплывающие подсказки для робота.
- Описание вспомогательных атрибутов должно полностью соответствовать содержимому картинки.
- Обязательно должны содержать ключевое слово. Но не переусердствуйте. По последним данным, если в статье более 8 изображений, то 50 % из них, должны содержать ключ.
- Alt теги в пределах одной страницы должны отличаться. При использовании одного и того же текста в атрибутах страница будет плохо ранжироваться. А значит появляется возможность попасть под АГС
- Для alt оптимальное количество слов — от 3-ех до 10-ти. Title должен быть более развёрнутым.
- Тексты для атрибута alt и атрибута title должны отличаться
Если говорить подробнее, то можно вывести некую формулу. Для атрибут alt она будет выглядеть так «прилагательное + ключевая фраза». Конечно, “прилагательное” может быть заменено на другую часть речи и вставлено за ключом. Но в любом случае, например, “двухсловник” будет разбавлен третьим словом. Даже если к ключу будет добавлена просто порядковый номер (ключ 1, ключ 2…), это будет лучше. чем просто повторяющийся из раза в раз ключ.
Для атрибута title рекомендовано расширенное описание «прилагательное + ключ + дополнение». Оно должно быть длиннее. Можно использовать ( а некоторые специалисты считаю – нужно) слова “фото”, “иллюстрация”. Это как бы подсказка для робота…
Как прописывать вспомогательные атрибуты в WordPress
При загрузке изображения в медиа библиотеку есть возможность сделать текстовое описание для вспомогательных атрибутов.
Надо помнить о том, что когда создается изображение, при его сохранении, желательно дать ему название, содержащее ключ. Делать это необходимо для генерации ссылки на изображение.
Используйте все возможности для продвижения своего ресурса.