Publicado em 09/07/2009 • Arquivado em Dicas / Tutoriais, Motores de Busca9 Comentários

Optimização de Imagens

O Google Images pode ser uma boa fonte de tráfego. No entanto, a maioria das pessoas não optimiza as imagens, logo não recebem o tráfego que deveriam de receber.

NOME E LINK PARA A IMAGEM:
- O nome da imagem deve de ser curto e com palavras chave.
Por exemplo, você cria um texto sobre webhosts e coloca a imagem de um servidor. O nome da imagem deve de ser servidor, server ou ainda webhost.

- A imagem deve de estar alojada no alojamento do seu site e o link deve de ser o mais pequeno possível. Evite colocar as imagens dentro de várias pastas (exemplo: www.site.com/imagens/ano/blabla/imagem.jpg). Crie uma pasta e coloque todas as imagens lá dentro (exemplo: www.site.com/imagens ou www.site.com/uploads).

Mas não posso utilizar aqueles alojamentos de imagens?
Claro que pode. No entanto o google e os restantes motores de pesquisar terão mais dificuldades em associarem estas imagens a pesquisas, pois normalmente o nome das imagens são alterados…

TAG ‘ALT’:
Esta tag permite dar uma descrição a imagem. O texto tem que ser curto e com a palavra chave.
Pegando no exemplo anterior: Se estamos a falar de webhosts podemos colocar uma imagem de um servidor, logo o valor da tag alt=”" deve de ser ‘Servidor‘ ou ‘WebHost‘.

Alem desta tag ajudar os motores de busca a indexar a imagem, no caso da imagem estar indisponível, aparece o texto escrito no atributo alt.

Eu em todos os meus blogues, quando quero inserir uma imagem, utilizo o seguinte código:
Pode utilizar também este código. Apenas tem que alterar o que está a bold.

<img src=”http://www.site.com/imagem.gif” border=”0″ alt=”Nome da Imagem” />

REDIMENSIONAR A IMAGEM:
As vezes quando não há vontade de abrir o photoshop e diminuir o tamanho da imagem, colocamos a medida que queremos no HTML.

Pode utilizar o www.picresize.com para colocar a imagem mais pequena ou o www.roundpic.com para colocar as imagens com as pontas redondas.

Se tiver dúvidas, deixe um comentário.

Até Já! ;)

Posts Relacionados:

Como redireccionar visitantes através do .htaccess Como Configurar o Plugin All In One SEO Como criar um Motor de Busca para o seu site com o Google 10 Dicas de Seo para Melhor Posicionamento nos Motores de Busca

Escrito por Celso Azevedo

O Celso é um jovem português de 20 anos, webmaster, blogger e criador do WPTotal.com. Pode segui-lo no facebook, google plus ou no twitter.

9 Comentários para “Optimize as imagens do seu blogue e ganhe tráfego!”

  1. moreijo diz:

    valeu as dicas estou sempre tentando melhorar os meus Blogs e aproveito o máximo possível a aprendizagem…fuiiiiiiii

  2. killer999 diz:

    Sempre em grande Celso.

    O OptiPNG e o jpegtran também podem vir a dar uma grande ajuda

  3. Excelente artigo! Parabéns.

  4. Obrigado killer999 e João,
    ainda bem que gostaram :D

  5. Bom artigo!

    Eu já li umas coisas onde se falava ser necessário colocar-se sempre a altura e largura da imagem mesmo que ela já esteja dimensionada no photoshop.

    Até se pode ler algo sobre isto aqui:
    Size Images with Width and Height Attributes

    • Olá Pedro,
      obrigado pelo comentário!

      Não tenho a certeza sobre isso de se colocar a altura e largura da imagem, mas pelo li acho que é para que todos os browsers mostrem a imagem mais rapido. A um tempo verifiquei o html de uma página e um dos erros que apareceu foi isso da altura e largura…

      Vou investigar isso ;)

      (PS. Editei o comentário, pois o HTML não aparece nos comentários)

  6. Aabaca diz:

    Celso,

    Li no próprio Google que a tag alt deve vir logo após o atributi img.

    Assim:

    img alt=”" src.

  7. Anónimo diz:

    ótimas,dicas!

  8. Image Resizer diz:

    Here is a quality free online tool also. Online image resize utility to resize pictures or photos and images quickly for free. Resize jpg, png or gif pictures and Digital Photos. Resize photos before posting them on your MySpace, Xanga, Facebook, and blog !

    http://www.image-resizer.eu

    With our Online Picture Resizer high quality engine, you may resize, crop and rotate images, apply Text-Over-Image or effects such as grayscale, sepia and invert.

Deixe o Seu Comentário!