Изображения, иконки, инфографика и иллюстрации уже давно помогают вебмастерам разбавить «сухой текст» графическими элементами, а вместе с тем добавить контенту наглядности и информативности. Но украшать картинками веб-страницы полезно еще и с точки зрения SEO. Добавленные в HTML-код атрибуты Alt и Title для тега <img> ускорят продвижение, ведь индексироваться сайт начнет «лучше» конкурентов, из-за подсказок, оставленных для поисковых роботов.
Title – атрибут, тега img, выполняющий роль заголовка изображения. Title не отображается на странице постоянно, а всплывает только при наведении курсора. Но зато прекрасно считывается поисковыми роботами, а также инструментами, зачитывающими содержимое веб-страницы для людей с ограниченными способностями.
Alt же помогает добавить к заголовку еще и текст. Сколько символов вписать – решать веб-мастеру, но описание в 60-70 символов часто рекомендуют вебмастера с опытом в SEO.
Пример html-кода с заполненными полями Alt и Title:
![Примеры Title и Alt](https://prime-ltd.su/wp-content/uploads/2020/08/111-2.jpg)
Зачем нужны атрибуты тега
Изображения, добавляемые в код при помощи тега img, редко дополняются с помощью Alt или Title. Часто указывается ссылка (через src) и размеры (width и height). Но стоит потратить немного времени, а контент сразу преобразится:
- Поисковый робот сможет «рассмотреть» картинку, а не оставит информационный (и, может быть, важный) блок без внимания.
- Появятся новые посетители.
- Лояльность читателей вырастет, ведь владелец сайта позаботился о дополнительной информативности.
Кроме стандартной поисковой выдачи в «Яндекс» или Google, атрибуты тега img полезны для попадания в тематические сервисы «Яндекс.Картинки» или Google.Images. Пройденная оптимизация с помощью Alt и Title повысит шансы попасть в «рекомендуемое» по некоторым запросам, из-за чего проявится эффект прироста трафика.
Как использовать в SEO-продвижении атрибут Alt
Привлекать клиентов помогут заголовки, а также описания, составленные по правилам SEO. Желательно применять ключевые слова, заранее отобранные в соответствии с тематикой веб-ресурса, предлагаемых услуг, доступного каталога или публикуемых статей. Часто в качестве «описания» применяется комбинация из прилагательного, совмещенного с ключевой фразой. Ближайший пример – «недорогая недвижимость в Москве».
А вот с «заголовком» ситуация сложнее: описанная выше комбинация разбавляется дополнениями до, а порой после, вроде: «купить недвижимость в Москве в Центральном Округе». Сразу разобраться в особенностях подобной оптимизации сложно: некоторые специалисты рекомендуют заглянуть на сайты конкурентов, просмотреть медиаконтент, оценить адаптацию под поисковых роботов. Результаты записать, проанализировать, превратить в собственное оружие, направленное на повышение позиций в поисковой выдаче.