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