Otimização de Imagens para SEO

Postado por Renato Lam Yee na categoria Geral , SEO e Usabilidade

Ao trabalhar com otimização de websites logo pensamos em otimização de texto para SEO, mas nem sempre o usuário está apenas interessando em texto. Às vezes, o usuário busca imagens, fotos ou figuras que lhe interessem. Então também devemos pensar em otimização de imagens para SEO, o que pode fazer a diferença para que o usuário encontre seu site.

Existem alguns atributos em HTML e fatores que podem te ajudar na otimização de imagens, figuras ou fotos:

Alt: o atributo “alt” é considerado como texto alternativo para descrição de imagens. Podemos usar em imagens, áreas mapeadas ou objetos inseridos. O texto é mostrado enquanto a imagem é carregada. Em alguns casos, quando não é possível carregar a imagem, o texto desse atributo serve como substituto da imagem. A seguir um exemplo de como pode ser usado:
<img src=”image.gif” alt=”Texto alternativo” />
Title: é um atributo usado para prover uma informação adicional, mas não essencial. Geralmente é usado para imagens e links. O texto do title é mostrado quando se passa o ponteiro do mouse sobre a imagem ou link relacionado. O atributo alt também mostra o texto ao se passar o mouse sobre a imagem, porém apenas em navegadores que foram baseados no navegador Lynx, como o Internet Explorer ou versão mais atual do Mozila Firefox. Também é importante colocar a descrição no atributos alt e title uma vez que as ferramentas de busca ainda não conseguem ler o conteúdo imagens com seus algoritmos de busca. A seguir um exemplo de como pode ser usado:
<img src=”bola.jpg” title=”Bola vermelha com pintinhas brancas”>
Longdesc: existem casos em que os atributos alt ou title não são suficiente para se fazer uma descrição, é o caso de animações ou conteúdo de áudio ou vídeo. Então usamos agora o atributo longdesc que permite criar um link para um arquivo com a descrição mais detalhada. Uma dica importante é trabalhar com suas palavras-chave neste arquivo já que ele será outra página que conterá uma descrição detalhada do seu conteúdo. Cuidado para não criar spam usando esse método. Lembre-se que as ferramentas de busca atuais possuem algoritmos que detectam esse tipo de artifício e se caso seu site for considerado como spam, ele poderá ser penalizado. A seguir um exemplo:
<img src=”resultados_do_grafico.gif” alt=”Resultados do gráfico” londesc=”resultados.html”>
Posicione o texto certo com a imagem certa. O texto que está em volta da imagem pode ser considerado na hora de relacioná-la ao seu significado. Exemplo: Se existir uma imagem colocado em volta de um texto que fale sobre carros, possivelmente a imagem poderá ser associada a imagem de um carro.
Coloque nome correto nas imagens. Evite colocar nomes de arquivos de imagens como IMAGE001. Coloque, por exemplo, bola.jpg. O nome do arquivo geralmente é relacionado com o significado da imagem. Abaixo o resultado da busca realizada no buscador Google:

Essas são algumas das dicas mais importantes para se realizar uma boa otimização de imagens para SEO. Espero ter ajudado. Até a próxima.

Artigos Relacionados

16 Respostas to “Otimização de Imagens para SEO”

Outro artigo de optimização de imagens : Bloga-se - A arte do blogging em Português Diz:
maio 1st, 2008
[...] ver aqui mais um artigo sobre optimização de imagens no vosso blog. Optimizem que saem a ganhar com mais umas visitas por [...]
Carros DF Diz:
maio 3rd, 2008
Olá Renato,
sempre usava somente o atributo alt nas imagens, agora que vi os exemplos no Google e achei super interessante.

Algo que me incomoda é usar alt muito longo, como uso no meu site, agora vou deixar o alt para uma descrição curta da imagem e o title para uma descrição mais detalhada.
www.estrategiadigital.com.br Diz:
maio 6th, 2008
Renato

Fique com uma dúvida…em relacao ao Longdesc, como funcionaria no caso de vídeos hospedados no youtube visto que o código é determinado pelo sistema ?

abraçcos e no aguardo
Renato Lam Yee Diz:
maio 8th, 2008
Não sei se entendi bem a sua pergunta, mas a única forma de alterar a descrição de um vídeo do youtube é fazer isso diretamente no site dele. No site do youtube quando você está logado, tem uma opção que permite você altere a descrição do seu vídeo, mas para isso você tem que ser o autor da postagem desse vídeo. Uma outra alternativa que te dou é criar um link alternativo para colocar outra descrição do vídeo ou então colocar o video em seu próprio site. Logo será apresentado um post no brasilseo.com.br sobre esse assunto, então aguarde!

Espero ter ajudado de alguma forma.
www.estrategiadigital.com.br Diz:
maio 9th, 2008
Renato

Minha dúvida seria justamente esta, ou seja, como criar um link alternativo para colocar outra descrição do vídeo do youtube no próprio site ?

Mas, se haverá um outro texto explicando isso melhor, tudo bem…

Vamos aguardar então

Obrigado

Rodrigo
Longdesc - Aprendendo a fazer uma longa descrição | Brasil SEO Diz:
maio 12th, 2008
[...] se trabalhar com descrições em imagens, fotos, ou figuras, usamos o atributo “alt” para fazer otimização de imagens para SEO. Porém, às vezes, essas imagens possuem informações mais complexas que seriam difíceis de [...]
Otimização de Imagens: Seu Site até 60% mais rápido. | Brasil SEO Diz:
maio 22nd, 2008
[...] de WebSites quanto ao uso incorreto de imagens. Já visto em artigos anteriores a importância da Otimização de Imagens para SEO, agora vai uma dica de como a otimização de imagens pode ajudar na velocidade do seu WebSite. [...]
www.audaxweb.com.br Diz:
outubro 18th, 2008
Muito boa a matéria! Obrigado.
Eliseusb Diz:
março 9th, 2009
O trabalho da longdesc é uma preocupação de todos os profissionais, essa matéria reforçou a base do que conhecia, mas essa dica de nome de imagem com o conteúdo do texto foi bem legal, porisso que notei que algumas imagens de meu site está lá no google images.

Muito legal ! Abraço
Artigo do mês! 76 Dicas Perfeitas que merecem a leitura de qualquer blogueiro! | Análise Blogueira Diz:
maio 10th, 2009
[...] 37. E as imagens também não podem escapar do SEO. [...]
Alexandre Broggio Diz:
maio 28th, 2010
Vlw pelo dica queria saber sobre Longdesc agora ja sei ^_^
http://www.topstyle.com.br Diz:
julho 4th, 2010
Obrigado pela postagem, SEO é um mercado interessante, você passa horas estudando e nunca para de aprender, vou adicionar o blog nos favoritos!

[]s
www.industriadesite.com.br Diz:
setembro 17th, 2010
Vlw pelo post.
Mychel Mendes Diz:
maio 2nd, 2011
Muito bom! Valeu!
Pablo Ribeiro Diz:
outubro 19th, 2011
Muito bom post, muita gente esquece da otimização de imagens, ja peguei caso de pesquisar por uma plavra-chave achar ela na imagem.

Muito bom mesmo, obrigado por compartilhar
maycom barbosa Diz:
novembro 18th, 2011
eu estava com bastante duvida com os atributos alt e title ,mas agora ficou bastante esclarecido