Правильное использование атрибута Alt Text и атрибута заголовка может не только улучшить способность поиска изображений, но и быть очень полезным для пользовательского опыта.
Alt Text предназначен для предоставления текстовых описаний зрителям, которые не видят изображения в вашем документе. Это включает в себя пользователей, которые используют браузеры, которые не поддерживают отображение изображений или отображение изображений, которые выключаются, пользователи, которые ослаблены визуально, и пользователи, которые используют считыватели экрана. Таким образом, текст замены используется для замены изображения вместо предоставления дополнительного буквального текста. Alt Text также играет роль заголовка в браузере IE - текстовые подсказки, когда мышь проходит. Т.е. браузер вводит в заблуждение всех. В т.е. ALT станет текстовой подсказкой, потому что IE не является стандартным. Firefox делает это лучше.
Название - это объяснение и дополнительное дополнение к картинке. Если вам нужно использовать текстовое подсказку, когда мышь проходит через изображение, вам следует использовать заголовок атрибута. Атрибут заголовка имеет более высокий приоритет, чем Alt Text. Однако из -за неправильного руководства многие начинающие только добавляют атрибут ALT к тегу IMG.
Давайте посмотрим на пример ниже, и мы можем увидеть разницу между текстом Alt и заголовком более четко:
//*изображение не отображается
<img src = vevb.jpg width = 400 height = 104alt = веб -дизайн>
<img src = vevb.jpg ширина = 239 высота = 104 title = веб -дизайн/
//*отображение изображения
<img src = vevb.png title = веб -дизайн/
<img src = vevb.png alt = web Design/
В браузере IE появится текстовые подсказки, когда мышь пройдет через картинку для этих четырех кодов.
В браузере Firefox первые три кода, когда мышь проходит через изображение, появится текстовая подсказка, а последний код, мышь проходит через изображение, не отображает текстовую подсказку (как показано на рисунке ниже).
То есть, когда изображение не может быть отображено, содержимое текста замены будет отображаться, когда мышь проходит через изображение, а когда изображение может отображаться, текст замены не будет отображаться, когда мышь проходит через изображение.
Теперь, когда мы знаем, в чем разница между текстом Alt и заголовком, как мы можем правильно их использовать?
1. Альтевой текст и заголовок очень важны для посетителей (Alt Text будет более важным для поиска систем), поэтому при определении объектов IMG лучше всего писать все атрибуты текста Alt и заголовка, чтобы они могли обычно использоваться в различных браузерах.
2. Включите ключевые слова в Alt Text и заголовок, и содержимое двух лучше всего отличается.
3. Не накапливайте ключевые слова в ALT Text и Text, в противном случае это может привести к штрафам за поисковые системы.