Você já deve ter escutado ou lido algo sobre a importância dos textos para SEO, mas já parou para pensar o que sites de fotografias e tatuagens fazem para conseguir um bom posicionamento? Essa é uma das aplicações do Alt.
Continue lendo para entender melhor a importância e como utilizá-la da maneira correta.
O que é o atributo Alt
O Alt text, também conhecido como texto alternativo ou alt attribute, é um atributo utilizado em conteúdos em HTML que serve para inserir uma descrição de conteúdo dentro da tag de imagem.
Na prática, esse atributo é exibido quando temos algum problema na renderização do arquivo, seja por erro de endereço (src), conexão lenta ou até mesmo se o usuário estiver utilizando um leitor de tela.
Como definir o Alt de uma imagem?
A sintaxe do atributo Alt é bem simples, basta adicionar ao trecho da imagem o seguinte código: alt=”texto alternativo”.
Sua tag HTML deverá ficar mais ou menos assim:
<img src=”endereço da imagem” alt=”texto alternativo”/>
No entanto, é importante saber que o texto alternativo deve descrever o conteúdo da imagem. Exemplo: homem na lua.
Como inserir Alt no Pinterest
O Pinterest é uma das maiores redes sociais para compartilhamento de imagens e links, por isso o Alt é extremamente importante, pois ele ajuda no entendimento do conteúdo e também na usabilidade para diversos outros usuários.
Para inserir, basta adicionar um novo Pin e clicar em “Adicionar texto alternativo”:
Como inserir Alt no Instagram
O Instagram também se baseia muito em imagens, mas seu processo para inclusão do Alt é um pouco mais complexo.
Crie uma nova publicação, escolha a foto e avance, depois clique em “Configurações avançadas”, lá estará a opção para digitar o texto alternativo:
Como inserir Alt text no Twitter
A rede social do passarinho também não fica para trás em acessibilidade, inclusive foi uma das melhorias recentes. Agora é possível visualizar se existe um texto alternativo ao passar o mouse sobre a imagem.
Para utilizar o Alt no Twitter, basta criar um novo Tweet com imagem e clicar em “Adicionar descrição”:
Por que o Alt é importante para SEO
Ler arquivos HTML, PDF e outros tipos de texto já é um desafio ultrapassado para o Google e para diversos buscadores de mercado, mas interpretar o conteúdo de uma imagem ainda não é tão simples.
Hoje existem iniciativas como a utilização do reCAPTCHA para ajudar na identificação de placas e automóveis, mas não é algo que funcione perfeitamente. Por isso quanto mais informações dermos sobre as imagens, melhor.
O texto alternativo não é utilizado só para descrever a imagem, mas também serve para dar o contexto e até mesmo ensinar buscadores de maneira indireta.
Se pesquisarmos por “gato” no Google Imagens, 2 dos 5 primeiros resultados são da Petz.
Ao abrir as páginas e entrar no código, podemos notar que ambas utilizam a palavra “gato” dentro do atributo Alt.
Em outras palavras, a otimização foi feita da maneira correta.
Além do ponto positivo em SEO, o atributo também é responsável pela “tradução” da imagem para deficientes visuais como mencionado acima. Somente esse argumento já é um motivo extremamente importante para adotar a utilização, afinal, ninguém quer perder alcance ou prejudicar a experiência de clientes.
Espero que não tenha restado dúvidas sobre a importância deste atributo, se quiser mais sobre SEO, confira os demais artigos.
