Alt Tag – Ensine o Google a ler suas imagens

by Celso Lemes on 11/03/2008

in Otimização de site

Quem já utilizou o buscador do Google, já deve ter notado ou mesmo utilizado o Google Imagens que é o mecanismo de busca que procura apenas de imagens contidas nos websites.

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.
Ferrari 360 Modena Ferrari 360 Modena

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

Related Posts with Thumbnails

Mais Artigos que você pode estar interessado


Cursos 24 Horas

{ 8 comments… read them below or add one }

1 Juliana 17/11/2008 às 10:44 am

Celso,no “texto alternativo” eu coloco o nome da imagem ou o endereço?

Abraço!

Responder

2 Celso Lemes 19/11/2008 às 10:53 pm

Juliana,
Você não deve colocar o nome e nem o endereço. Você deve é colocar uma descrição da imagem.

Abraço!

Responder

3 Júnior Grigolo 29/03/2009 às 12:56 am

Muito boas suas dicas,vou usar no meu blog!!

Responder

4 Lucas Souza 03/06/2009 às 11:06 am

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.

Responder

5 Celso Lemes 03/06/2009 às 12:59 pm

Lucas,
Creio que isso não seja possível, o buscador é feito apenas para textos.

Abraço!

Responder

6 Pablo 03/07/2009 às 1:49 pm

Muito bom, essa postagem, tirou minha duvida.

Responder

7 Frederico 08/08/2009 às 8:54 am

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.

Responder

8 celsoalemes 09/08/2009 às 12:25 am

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!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Previous post:

Next post: