Alt text: como otimizar suas imagens para SEO

Modificado em Ter, 5 Ago na (o) 5:32 PM

O Alt text é a descrição dos elementos visuais de uma imagem. Além disso, torna suas notificações mais acessíveis!

O Alt Text ou Texto Alternativo descreve não apenas o conteúdo da imagem, mas também seu contexto.

Sabe aquelas imagens em uma página que não carregam corretamente? O Alt text é o texto escrito exibido no lugar dessas imagens!

Atribuir o Alt Text ao HTML de suas imagens é uma ótima prática de e-mail marketing, pois ele ajuda o servidor que recebe o e-mail identificar o conteúdo da imagem antes de repassá-lo ao destinatário final. Além disso, a notificação se torna mais acessível, pois a ferramenta usada para ler as informações na página, auxilia pessoas com deficiência visual a identificar os aspectos visuais apresentados na imagem.

Esta é a aparência de uma alt tag de imagem HTML:

Esse foi o código utilizado para transformar a imagem:

Aqui na Dito você consegue inserir o Alt Text da imagem pelo Editor Visual, quando inserir a imagem e incluir o Texto Alternativo.

O Alt text quando você faz pelo HTML precisa ser inserido diretamente nele. Vale ressaltar que quanto mais simples e direto seu Alt text melhor.

Confira abaixo o GIF com todo o processo para te auxiliar ainda mais:

Muito simples não é?

Caso ainda tenha dúvidas, você pode nos chamar no chat!