Brasil SEO - Otimização de Sites (SEO) e Marketing de Busca (SEM)

Buscar no Brasil SEO:
spacer Brasil SEO » Geral » Otimização de Imagens para SEO spacer

Otimização de Imagens para SEO

Autor Postado por Renato Lam Yee na categoria Geral , SEO e Usabilidade
Data 1 de Maio de 2008
Comentários

Ao trabalhar com otimização de sites 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.

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

  1. Outro artigo de optimização de imagens : Bloga-se - A arte do blogging em Português Diz:

    [...] ver aqui mais um artigo sobre optimização de imagens no vosso blog. Optimizem que saem a ganhar com mais umas visitas por [...]

  2. Carros DF Diz:

    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.

  3. www.estrategiadigital.com.br Diz:

    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

  4. Renato Lam Yee Diz:

    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.

  5. www.estrategiadigital.com.br Diz:

    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

  6. Longdesc - Aprendendo a fazer uma longa descrição | Brasil SEO Diz:

    [...] 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 [...]

  7. Otimização de Imagens: Seu Site até 60% mais rápido. | Brasil SEO Diz:

    [...] 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. [...]

Deixe uma Resposta

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>