O uso correto do atributo de texto ALT e o atributo de título pode não apenas melhorar a capacidade de pesquisa das imagens, mas também ser muito útil para a experiência do usuário.
O texto ALT visa fornecer descrições de texto aos espectadores que não podem ver as imagens em seu documento. Isso inclui usuários que usam navegadores que não suportam exibição de imagem ou exibição de imagem, usuários com deficiência visual e usuários que usam leitores de tela. Portanto, o texto de substituição é usado para substituir a imagem em vez de fornecer texto literal adicional. O texto alt também desempenha o papel do título no navegador do IE - o texto solicita quando o mouse passa. Ou seja, o navegador engana a todos. No IE, o ALT se tornará um prompt de texto porque o IE não é padrão. O Firefox faz isso melhor.
O título é uma explicação e adição adicional à imagem. Se você precisar usar o prompt de texto quando o mouse passar pela imagem, use o título do atributo. O atributo do título tem uma prioridade mais alta que o texto alt. No entanto, devido à orientação errada, muitos iniciantes adicionam apenas o atributo ALT à tag IMG.
Vejamos um exemplo abaixo, e podemos ver a diferença entre o texto alt e o título mais claramente:
//*A imagem não é exibida
<img src = vevb.jpg width = 400 altura = 104alt = web design>
<img src = vevb.jpg width = 239 altura = 104 title = web design/
//*Exibição de imagem
<img src = vevb.png title = web design/
<img src = vevb.png alt = web design/
No navegador do IE, os avisos de texto aparecerão quando o mouse passar pela imagem para esses quatro códigos.
No navegador Firefox, os três primeiros códigos, quando o mouse passa pela figura, o prompt de texto aparecerá e o último código, o mouse passa pela figura, não exibirá o prompt de texto (como mostrado na figura abaixo).
Ou seja, quando a imagem não pode ser exibida, o conteúdo do texto de substituição será exibido quando o mouse passar pela imagem e, quando a imagem puder ser exibida, o texto de reposição não será exibido quando o mouse passar pela figura.
Agora que sabemos qual é a diferença entre o texto alt e o título, como podemos usá -los corretamente?
1. O texto e o título da ALT são muito importantes para os visitantes (o texto alt será mais importante para os mecanismos de pesquisa); portanto, ao definir objetos IMG, é melhor escrever todos os atributos de texto e título Alt para garantir que eles possam ser usados normalmente em vários navegadores.
2. Inclua palavras -chave no texto e no título ALT, e o conteúdo dos dois é melhor diferente.
3. Não acumule palavras -chave no texto e no título ALT, caso contrário, poderá levar às penalidades do mecanismo de pesquisa.