ALT-текст — это атрибут тега <img> в HTML-коде. Так он выглядит в документе:
<img src=”название-картинки.jpg” alt=”альт-текст” title=”Название картинки” height=”300px” width=”600px”/>
В этом примере есть ряд атрибутов:
- src — путь к изображению от корневого домена или полный url, если брать изображение с другого сайта;
- alt — альтернативный текст;
- height — высота изображения;
- width — ширина изображения;
- title — заголовок, который отображается на странице, если навести курсор на изображение.
В этой статье речь пойдёт об альтернативном тексте и его роли в поисковой оптимизации сайтов.
Что такое alt-текст изображения
Если изображение по какой-то причине не отображается на странице, вместо него пользователь увидит текст из атрибута alt. Он как бы сообщит читателю, что в этом месте было изображение и опишет, какое именно.
Есть много причин, по которым изображение может не отображаться:
- неправильный путь к изображению,
- изображение блокируется файерволом или локальным сервером,
- плохое интернет-соединение у пользователя и т. д.
Любое изображение, которое вы загружаете на страницу, должно содержать альтернативный текст.
Почему изображение с альт-текстом важно для SEO
1. Доступность, прозрачность
Если по какой-то из перечисленных выше причин не отображается изображение, пользователь поймёт, что было на картинке. Такая забота не проходит даром и пользователь скорее перезагрузит страницу, чем закроет вкладку.
2. Ранжирование в поиске изображений
Альт-текст нужен для индексации изображения поисковыми системами. Поисковики сканируют следующие атрибуты:
- название изображения;
- альтернативный текст;
- заголовок изображения.
Если все три атрибута заполнены и относятся к одной теме, Google будет быстрее находить это изображение. Если поисковый запрос совпадёт с данными в этих атрибутах, пользователь увидит изображение с сайта. Поэтому альтернативный текст должен содержать ключевые слова, по которым вы хотите ранжировать изображение.
3. Общее улучшение SEO
Изображения используются для лучшего взаимодействия с пользователем и для иллюстрации контента. Но изображения с оптимизированным тегом «img» также влияют на SEO страницы. Чтобы улучшить ранжирование страницы, необходимо использовать ключевые слова везде, где это возможно.
Что писать в теге alt
Тег «img» должен быть оптимизирован путём определения всего, что с ним связано. Наиболее важным фактором является описание изображения. Именно его сканируеют и учитывают поисковые системамы. Вот несколько правил, как оформить атрибут alt
1. Описательный
Альт — это описание изображения, он должен на словах описать пользователю, что находится на странице. Ненаглядный текст может запутать читателя, а также поисковые системы и всю задумку оптимизации.
2. Уникальный и короткий
Альтернативный текст должен быть уникальным, кратким и соответствовать теме страницы. Рекомендуемое максимальное количество символов для alt — 125.
Не используйте слова “изображение”, “картинка” и подобные. Просто чётко опишите, что на картинке находится.
3. Содержащий ключевые слова
Атрибут alt индексируется поисковиками, поэтому в нём должны быть ключевые слова. Но не забывайте об описательной функции альта — используйте не больше одного ключевого слова на атрибут.
4. Повсеместный
Не забудьте о крошечных, служебных изображениях, таких как логотипы, кнопки, аватары и прочее.
Выводы
Изображения могут улучшить видимость сайта и его удобство для пользователя. Оптимизированный тег изображения может сильно помочь в SEO и улучшить поток посетителей.
Проследите, чтобы изображения имели свои описания. Определите альтернативные тексты для всех изображений. Атрибуты должны быть уникальными, короткими и описательными.
Ставьте лайк 👍 и подписывайтесь на канал, тут много интересного.