![]() |
Digamos que você acesse o buscador de imagens e pesquise pela palavra “Ferrari“. Lhe será mostrado várias imagens de Ferraris e se você clicar em uma, será enviado a página onde a imagem está sendo exibida.
Esta é uma forma alternativa de um visitante encontrar o seu site.
Porém, como você já deve imaginar, os computadores não são muito bons para entenderem o conteúdo de uma imagem.
Então como será que o Google faz para saber quais imagens exibir após um usuário realizar uma busca no Google Images?
A resposta está na tag <alt> . ALT é o acrônimo para Alternative (alternativa) que é um código adicionado ao HTML do site e que reflete o conteúdo da imagem.
Essa descrição é utilizada pelo Google para retornar os resultados sempre que alguém realize uma busca por imagens.
Por ser um texto alternativo a tag <alt> também é importante quando a imagem não é carregada junto com a página. Seja porque houve erro no carregamento por parte do servidor, porque o usuário desabilitou o carregamento de imagens no navegador ou porque a imagem realmente não existe no servidor.
Nesse caso o texto alternativo aparece no lugar, indicando ao visitante do que se trata a imagem que está faltando.
Daí a importância de o texto alternativo ser altamente descritivo e refletir exatamente o que a imagem trata. Confira um exemplo abaixo.
![]()
Como criar o texto alternativo
A maioria dos editores de sites em suas versões mais recentes, pedem o texto alternativo sempre que uma imagem é incluída na página, nesse caso o próprio editor se encarrega de gerar o código da tag <alt>, porém se você precisar criar o código manualmente, pode fazê-lo inserindo a seguinte tag alt=”Texto Alternativo” dentro da tag <img>
Ficaria algo mais ou menos assim:
<img src="http://www.site.com/imagem.gif" alt="Texto Alternativo" />
Eu recomendo que o texto alternativo não contenha mais que 10 palavras, pois pode parecer spam para o Buscador.
Leia Também
O que é HTML
Dicas para otimizar a página de erro 404
Imagem nas páginas
Tag Nofollow







{ 8 comments… read them below or add one }
Celso,no “texto alternativo” eu coloco o nome da imagem ou o endereço?
Abraço!
Juliana,
Você não deve colocar o nome e nem o endereço. Você deve é colocar uma descrição da imagem.
Abraço!
Muito boas suas dicas,vou usar no meu blog!!
Olá Celso, tudo bem?
Tempo atrás enviei um e-mail, e você gentilmente me respondeu, mesmo não tendo a resposta. Bom, agora eu tenho uma outra dúvida, é possível configurar um código de busca personalizada do Google para imagens? É que através “http://www.google.com/coop/cse/” você cria mas só vale para palavras. Obrigado.
Lucas,
Creio que isso não seja possível, o buscador é feito apenas para textos.
Abraço!
Muito bom, essa postagem, tirou minha duvida.
Celso,
Como você sempre me ajudou, acho importante dá uma dica a você.
Notei que você usa sempre a palavra acrônimo para qualquer abreviatura. Mas isso é um engano. Vou explicar melhor.
Regra geral tudo é abreviatura ou abreviação, como você queira. Exemplos: alt, html, CIA, Nasa, Petrobras, etc. Mas há abreviaturas que são acrônimos.
Acrônimos são abreviaturas ou abreviações geradas por letras iniciais de palavras. O acrônimo deve ser lido como se fosse uma palavra. Veja:
NASA – é um acrônimo, você ler como se fosse uma palavra.
CIA – é um acrônimo, você ler como se fosse uma palavra.
FBI – NÃO é um acrônimo, você lê letra por letra.
HTML – NÃO é acrônimo, você lê letra por letra.
ALT – é uma abreviação de “alternative”
———————
Mudando de assunto…
Atualmente estou inserindo cerca de oito palavras chaves no ALT. As palavras seleciono do Adwords. Dizem que isso surte efeito. Estou alterando páginas antigas com parcimônia, como você recomenda.
Valeu, meu amigo.
Visite meu site e me dê outras dicas.
Abraço.
Frederico,
Agora ficou mais claro para mim sobre esse negócio de acrônimo e e abreviaturas. Obrigado pela lição.
Realmente as alterações em páginas antigas devem ser feitas lentamente. Eu mesmo já tive um site penalizado por causa disso.
Abraço!