Dicas de otimização de imagens
Autor: John Wesley Kopke | Publicado: 2012-01-23T16:51:00-02:00

Um tema muito abordado em nossa área de SEO, principalmente nos últimos meses, é a otimização de imagens, que pouco a pouco tem ganhado sua importância na otimização de sites. A otimização de imagens vai desde o uso de tags (alt, title e londesc) até o nome da imagem, conteúdo onde a imagem está inserida e links.

Tag “alt”

O atributo alt é utilizado para facilitar a leitura de imagens em sites pelo Google, sendo, assim, de vital importância para o rankeamento de seu site no Google Images. A função principal desta tag é fornecer uma descrição alternativa para a imagem e funciona, também, como texto âncora quando a imagem é usada como link.

O alt text é exibido pelos browsers quando eles por algum motivo não mostram as imagens de determinados sites, ou enquanto estas imagens  são carregadas ou, até mesmo, por não estarem mais disponíveis, sendo mostrado o texto na tela no lugar de tais imagens desativadas.

Além disso, a tag alt também é utilizada pelos bots do Google que juntamente com a tag title interpreta melhor o significado da imagem e sua relação com a página em questão. Como esse texto alternativo serve para representar uma imagem (lembre-se de que não é uma descrição em si, e sim um equivalente do que a imagem significa), é de vital importância que se tenha total bom senso em produzir um texto curto e coeso com o conteúdo apresentado, além de evitar o uso de stop words (para, de, com, etc.).

Em um de seus vídeos, Matt Cutts recomendou que sejam usadas até 5 palavras no alternate text de uma imagem. Como exemplo, podemos usar um site que vende casas: ao invés de usar uma tag alt com o texto “Casas baratas em toda cidade de São Paulo”, fica melhor: “Casas baratas São Paulo”.

Um ponto que muitos usuários confundem quando se trata da tag “alt”, é atribui-la como a responsável pela exibição do hint ou tooltip (pequena janela geralmente de fundo amarelo que aparece quando se passa o mouse por cima de uma imagem mostrando algum tipo de descrição da mesma). Esse papel é, na verdade, realizado pela tag title, como pode ser visto na imagem abaixo.

&nbsp;
Um exemplo de uso errado da tag alt é comumente encontrado em sites de  notícias. Abaixo, um exemplo de uma imagem do site Globo Esporte, onde o  alternate text está com o crédito para o autor da foto, e não com  palavras relacionadas ao conteúdo da foto. A solução, nesse caso, poderia ser simplesmente uma frase que  reforçasse a idéia da imagem e do conteúdo em si, como por exemplo:  “Adriano marca gol garantindo vitória”.
A tag alt é obrigatória para o uso de imagens de quaisquer naturezas  e, ao contrário do que muitos fazem (ou podem pensar em fazer), ela não  deve ser utilizada como um meio de spam com as keywords de seu site.
Tag “longdesc”Quando a imagem for um pouco complexa para se descrever em poucos  caracteres ou os atributos alt e title não forem suficientes, como para  descrições de arquivos de vídeo, áudio ou até mesmo animações, o  atributo longdesc deve ser usado.
O atributo longdesc fornece ao usuário um campo onde é inserido um  link para uma URL com uma descrição mais completa e relevante da imagem  (ou vídeo, áudio, …) que se procura definir. Como é uma URL (página)  nova, pode-se utilizar a quantidade de caracteres que for necessária.
Tag “title”Esta tag é um complemento para a tag alt . É ela  quem  origina o  hint já citado anteriormente e não a tag alt como às vezes as pessoas  confundem. A tag title  permite o uso de quantos caracteres forem  necessários para completá-la (mas não é bom abusar)  e por isso pode  ajudar na navegação de usuários em seu site.
Assim como  nas outras tags, a tag title enfrenta os mesmos problemas  relacionados a spam e o mau uso desta tag representa um problema para o  usuário, como pode ser visto na imagem abaixo, um texto grande demais  no title da imagem:


O  bom uso destas tags é crucial para quem quer otimizar bem suas  imagens,  porém, abusar do uso destes campos pode trazer problemas para  seu site, pois o Google tem se apurado cada vez mais  nesse setor. Em  especial, o atributo alt é fundamental para otimização de imagens e deve  ser bem montado.
Tags a parte, alguns outros pontos também são interessantes de se considerar sobre otimização de imagens:
Nome da imagem
Formatos, Qualidade e Resolução
Rankeamento no Google
Evitar cópias
Relacionar conteúdos próximo à imagem
Imagens de fundo
Indexação x Robots.txt
Nome da ImagemEncare como uma otimização de url, evitando nomes genéricos como  “Image1.jpg” ou “foto8.jpg” e, além disso,  sempre use hífens ao invés  de underlines quando o nome passar de uma  palavra. Exemplo:  mestre-seo.jpg ou otimização-de-imagens.jpg.
Formatos, Qualidade e ResoluçãoÉ importante focar em formatos padrão, tais como: jpg, gif, bmp e  png. Sempre lembrando que, além disso,  a qualidade de uma imagem pode  interferir na velocidade de  carregamento, ou seja, quanto maior a  qualidade, mais devagar o  carregamento da página e isso vai ser  determinante para o usuário  continuar ou não no seu site.
O mesmo pode se dizer da resolução: quanto maior for, melhor. Mas  isso&nbsp; também pesa sobre o tempo de carregamento da página.&nbsp; É importante  considerar um meio termo entre qualidade e tamanho da imagem.
Rankeamento no GoogleDuas ações podem ser decisivas em relação ao rankeamento das imagens  de seu site no Google: uma delas é o cuidado de ter as imagens guardadas  no mesmo domínio de seu site (muitos estudos tem mostrado isso,  comprovando sua eficácia no ranking); e a outra é incluir o site no Google Image Labeler. 
O  Google Image Labeler, criado pelo Google, visa dar  nome a todas as imagens existentes no seu banco de dados com ajuda dos  próprios internautas.
Evite CópiasSe você utiliza uma imagem que pegou em outro site, evite copiar os  atributos da mesma,tais como dimensão e posicionamento pois pode ser  considerado como conteúdo duplicado.
Relacione Conteúdos Próximos a sua ImagemTécnica pouco conhecida, porém comprovada. A inserção de conteúdo  logo abaixo e acima de sua imagem contendo keywords relacionadas a suas  tags alt e title é de grande importância para uma maior relevância entre  imagem, conteúdo na página e consequente ranking na busca por imagens.
Imagens de FundoUma questão interessante é o tratamento com as imagens de fundo de  seu site. Muitos devem se perguntar se seria interessante otimizá-las, e  a resposta é não. Foque seus esforços em imagens que se relacionam ao  seu conteúdo, ou seja, é interessante deixar as tags em branco e não se  preocupar com o nome dos arquivos (formas como bg1.jpg ou background.png  são aceitos neste caso).
Indexação x Robots.txtAnalise  seu robots.txt e confira se os bots estão chegando até suas  imagens e  se o mesmo não impede de alguma forma a indexação de cada uma  delas. Confira quais imagens de seu site estão indexadas através do  Google Images, utilizando o comando “site: domínio.com.br”. Por exemplo:  site:mestreseo.com.br no Google Images.
Tenha  sempre em mente a importância de se otimizar imagens. O Google  vem trabalhando cada vez mais nessa área, que  ainda hoje é um  diferencial entre as técnicas de SEO. É importante frisar que o bot do  Google responsável por rastrear imagens ainda não visita páginas com  muita frequência, por isso a importância de manter todas as imagens  otimizadas. Uma vez que ele passe por seu site ele certamente não  voltará tão rápido.
O bot de imagens tem esse comportamento devido ao próprio fato de  imagens não serem atualizadas com tanta frequência, logo, não faz  sentido ficar solicitando todas imagens do site a cada visita.
Então faça testes, relacione imagens que traduzam o seu conteúdo  utilizando de humor, ironia ou quem sabe até algo que choque seus  leitores. Em  nossa área, atualmente, estão em destaque todos aqueles  que pesquisam,  estudam e aplicam cada uma das alternativas que os  sistemas de busca  disponibilizam. Então, o que está esperando? Saiba  encontrar o melhor caminho para seguir.

Fonte: www.mestreseo.com.br