pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

Importância do Atributo ALT para SEO

Atributo ALT

Importância do atributo ALT para SEO

Atributo ALT quando usado corretamente trás grandes benefícios para a otimização de sites, o que ajuda seu site alcançar um melhor posicionamento nos sites de busca. Não incluir o atributo ALT é um dos erros mais comuns ao trabalharmos com imagens.

Por exemplo, otimizando o atributo ALT é provavelmente uma boa estratégia para os produtos de um e-commerce aparecerem por uma pesquisa de imagens no Google.

Atributo ALT é de fundamental importância, já que descreve de forma resumida o conteúdo de uma imagem, principalmente para usuários com restrições em visualizar esses elementos.

Atributo ALT e SEO

Atributo ALT tem um papel importante na otimização de imagens. Ao adicionar um texto alternativo ajuda a tornar suas imagens muito mais acessível na web.

O texto alternativo deve ser uma descrição breve de uma única frase. Sempre procure manter entre 8 e 10 palavras no máximo.

Atributo alt, um aliado na otimização de páginas

Uma forma de deixar o site mais otimizado é incluir suas palavras-chave dentro desse atributo. O uso de palavras-chave dentro do atributo alt pode desempenhar um papel importante para melhorar o seu posicionamento no ranking dos buscadores.

Veja um exemplo da utilização desse atributo.

<img src="/images/logos/logo.png" alt="Logo" />

Para se tirar o máximo de proveito desse atributo, é recomendável utilizá-lo em todas as imagens do seu site.

Como visto na matéria sobre SEO Black Hat, alguns desenvolvedores acabam enchendo esse atributo de palavras-chave sem nenhum sentido, em vez de colocar descrições precisas nas imagens.

A W3C recomenda o uso obrigatório desse atributo para um site estar em conformidade com os padrões web de desenvolvimento.

Atributo ALT: dicas

  • Importante para o posicionamento do seu site no google images. Pesquisa por imagens pode gerar muito tráfego para um site;
  • Se não tiver o que escrever como texto alternativo use alt=””;
  • Evite descrições muito longas dentro do atributo ALT;
  • Não coloque como conteúdo créditos para o autor da foto (Exemplo, foto tirada por Antônio Carlos);
  • Criar descrições eficientes e curtas.

Atributo ALT, além do SEO

Ao utilizar imagens em suas páginas Web, é de boa prática a utilização do atributo ALT não apenas para os mecanismos de busca.

Enquanto uma imagem está sendo carregada, o texto do atributo é mostrado, ou no caso de uma de suas imagens não ser carregada o conteúdo do atributo ALT é mostrado, como um texto alternativo.

Contudo, eu acredito que a principal vantagem de utilizar esse atributo é ainda para pessoas com deficiência visual que utilizam sistemas leitores de tela.

Veja alguns exemplos desses programas:

Veja abaixo um exemplo do não carregamento da imagem. E perceba a descrição do texto alternativo.

Texto alternativo da imagem

Texto alternativo da imagem

Um ponto importante a se observar é achar que o atributo ALT é responsável por mostrar a exibição do texto ao deixar o mouse sobre a imagem. Esse papel na verdade é do atributo title. Alguns navegadores, como o Internet Explorer, mostram erroneamente tal descrição.

Curta a página do blog kadunew no Facebook. Siga-me no Twitter: @kadunew

Categorias: SEO | Tags: |

2 Comentários

  1. parabens pelo poste, tem mim ajudando muito no dia a dia.. fica com Deus

  2. Bom dia, comecei customizar minha loja no Magento e desejo saber como devo e onde devo incluir o atributo alt nas imagens dos produtos da loja. Cordialmente, Ebson

Topo