Посмотрите на практически любой сайт в Интернете сегодня, и вы увидите, что одна из вещей, которые у них есть, - это изображения. Изображения могут использоваться на веб-сайтах, чтобы добавить визуальный талант, помочь проиллюстрировать идеи и добавить общий контент на странице. В дополнение к выбору правильных изображений и правильной подготовке их к веб-доставке, убедитесь, что все изображения вашего сайта правильно используют текст Alt - очень важная часть правильного использования этих изображений для Интернета.
Что такое Alt Text
Текст Alt - это альтернативный текст, используемый текстовыми браузерами и другими агентами веб-пользователей, которые не могут просматривать изображения. Это также один из атрибутов, необходимых для тега изображения. Написав эффективный текст, вы убедитесь, что ваши веб-страницы доступны для людей, которые могут использовать устройство чтения с экрана или другое вспомогательное устройство для доступа к вашему сайту. Вы также убедитесь, что что-то будет отображаться вместо изображения, если оно не загружается по какой-либо причине (неправильный путь, сбой передачи и т. Д.). Это реальная цель текста Alt, но этот контент также может дать вам больше мест для добавления текста, оптимизированного для SEO, который поисковые системы не будут наказывать вас (подробнее об этом в ближайшее время).
Текст Alt должен повторять текст в изображении
Любое изображение с текстом в нем должно иметь этот текст в качестве альтернативного текста. Вы можете поместить другие слова в альтернативный текст, но, как минимум, он должен сказать то же самое, что и изображение. Например, если у вас есть логотип для ваших изображений, текст Alt должен повторять название компании, написанное вашим графическим логотипом.
Помните также, что изображения, такие как логотипы, также могут подразумевать текст - например, когда вы видите значок красного шара на веб-сайте Dotdash, это означает «Dotdash.com». Таким образом, альтернативный текст для этой иконки мог бы сказать «Dotdash.com», а не только «логотип компании».
Держите текст коротким
Чем дольше ваш альтернативный текст, тем сложнее будет читать текстовые браузеры. Может возникнуть соблазн написать длинные предложения альтернативного текста (обычно это делается потому, что кто-то пытается наклеить тег ключевыми словами), но при сохранении коротких тегов Alt ваши страницы будут меньше и меньше страниц загружаться быстрее.
Хорошим правилом для альтернативного текста является сохранение его между 5 и 15 словами.
Использование ваших ключевых слов SEO в Alt Tags
Люди часто ошибочно полагают, что цель альтернативного текста - поставить ключевые слова поисковых систем. Да, это преимущество, которое вы можете использовать, но только если текст, который вы добавляете, имеет смысл для реальной цели тега alt - отображать интеллектуальный текст, который объясняет, что изображение должно быть не в состоянии его увидеть!
Теперь, если сказать, что текст Alt, не предназначенный как инструмент SEO, не означает, что вы не можете использовать свои ключевые слова в этом тексте. Поскольку альтернативный текст важен и необходим для изображений, поисковые системы вряд ли будут наказывать вас за то, что вы добавляете ключевые слова там, если контент, который вы добавляете, имеет смысл. Просто помните, что ваш первый приоритет для ваших читателей. Распространение ключевых слов в альтернативном тексте может быть обнаружено, и поисковые системы постоянно изменяют свои правила для предотвращения спамеров.
Хорошим правилом является использование ключевых слов в поисковой системе, где они соответствуют описанию изображения и не используют больше одного ключевого слова в альтернативном тексте.
Держите свой текст в значении
Помните, что точка alt text - это определение изображений для ваших читателей. Многие веб-разработчики используют альтернативный текст для себя, включая такие вещи, как размер изображения, имена файлов изображений и т. Д. Хотя это может быть полезно для вас, оно ничего не делает для ваших читателей и поэтому должно быть опущено из этих тегов.
Использовать пустой текст для текста только для значков и пуль
Периодически вы будете использовать изображения, которые не имеют полезного описательного текста, например, пули или простые значки. Лучший способ использовать эти изображения - в CSS, где вам не нужен альтернативный текст. Но если вы абсолютно должны иметь их в своем HTML, используйте пустой атрибут alt, а не полностью его отключайте.
Может возникнуть соблазн поставить символ, похожий на звездочку (*), чтобы представлять пулю, но это может быть более запутанным, чем просто оставить его пустым. И добавление текста «bullet» станет еще более странным в текстовом браузере.
Отредактировано Джереми Жирардом 3/3/17
