В дополнение к выбор правильных изображений и правильно подготовив их для Интернета, написание отличного альтернативного текста - важная задача, которой вы никогда не должны пренебрегать. Вот несколько советов по написанию эффективного замещающего текста для изображений вашего сайта.
Повторить текст в изображении
Если в изображении есть текст, этот текст должен быть замещающим текстом. Вы можете добавить другие слова, но замещающий текст должен говорить то же самое, что и изображение. Например, логотип для виджетов Acme, в котором представлены настоящие слова, должен иметь замещающий текст, включающий эти слова.
Помните, что изображения, например логотипы, могут подразумевать текст - например, красный шар в логотипе Dotdash. Это точка, поэтому мозг читает и запоминает «точка тире». Альтернативный текст для этого значка может быть "Dotdash.com", а не просто ".логотип компании."
Текст должен быть коротким
Чем длиннее замещающий текст, тем труднее его читать текстовым браузерам. Может возникнуть соблазн написать длинные предложения из альтернативного текста (распространенная практика наполнения ключевыми словами, которая может повлечь за собой штрафные санкции в области SEO), но короткие альтернативные теги уменьшают размер ваших страниц. Меньшие страницы загружаются быстрее. Лучшее место - от пяти до 15 слов.
Использование ключевых слов SEO в альтернативных тегах
Основная цель тега alt - не повысить ценность SEO, а отобразить интеллектуальный текст, объясняющий, что такое изображение. Однако информативный и релевантный текст для вашего тега alt положительно влияет на ценность SEO.
Тем не менее, использование ваших ключевых слов в замещающем тексте - хорошая практика, если они уместны. Поисковые системы вряд ли будут наказывать вас за добавление ключевых слов, если контент, который вы добавляете, имеет смысл. Просто помните, что ваш главный приоритет - ваши читатели. Поисковые системы обнаруживают рассылка спама по ключевым словам легко, а поисковые системы часто меняют свои правила, чтобы помешать спамерам.
Как правило, не используйте более одного ключевого слова в альтернативном тексте.
Держите текст значимым
Помните, что смысл замещающего текста - определять изображения для ваших читателей. Многие веб-разработчики используют замещающий текст для себя и включают такую информацию, как размер изображения, имена файлов и т. Д. Это может быть полезно для вас, но ничего не дает вашим читателям, которые являются приоритетом в любом веб-дизайне.
Используйте пустой замещающий текст только для значков и маркеров
Периодически вы будете использовать изображения, не содержащие полезного описательного текста, например маркеры и простые значки. Лучше всего использовать эти изображения в CSS, где вам не нужен альтернативный текст. Но если они вам абсолютно необходимы HTMLиспользуйте пустой атрибут alt, а не оставляйте его полностью.
Может возникнуть соблазн использовать такой символ, как звездочка, для обозначения маркера, но это может сбить с толку больше, чем просто оставить поле пустым. Использование текста "bullet" в текстовом браузере выглядело бы еще более странно.
В любом случае, почему замещающий текст так важен?
Текстовые браузеры и другие пользовательские веб-агенты, которые не могут просматривать изображения, используют замещающий текст для «чтения» изображений. Это позволяет добиться нескольких целей:
- Это делает ваш интернет страницы доступен для людей, использующих программы чтения с экрана или другие вспомогательные устройства.
- Если изображение не загружается, замещающий текст позволяет зрителю узнать, что там должно быть.
- Поисковые системы не могут «видеть» изображения, но они могут и используют альтернативный текст паука, поэтому включение альтернативного текста помогает повысить ценность вашей страницы для SEO.