Otimização de Imagens – SEO de Imagem

Muitas coisas podem e devem ser feitas para otimizar seu conteúdo e páginas do seu blog para os mecanismos de pesquisa, especialmente o Google. Ser encontrado de forma eficiente nos resultados das buscas é fundamental para atrair boas visitas. Mas não é apenas os seus artigos, links e páginas que podem ser otimizados para as buscas. As Imagens podem atrair visitas também.

SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!

Quer divulgar seu Blog? Saiba como, AQUI!

E-Book Bloggar


É clássico procurar imagens no Google e todos nós já estamos familiarizados com isso. É tão simples quanto achar qualquer outro tipo de conteúdo e, eventualmente, até achamos sites interessantes. Seu blog pode receber visitantes de qualidade e que querem o seu conteúdo se suas imagens estiverem bem descritas e bem otimizadas para serem encontradas pelos robôs de imagens.

Claro que os robôs dos buscadores não enxergam as imagens, nem são capazes de ver o que está na figura. É preciso que você ou alguém descreva textualmente a imagem, pois é isso o que os mecanismos de busca querer encontrar: TEXTO. Basta pensar de forma lógica para entender: quando você procura uma imagem, você digita uma descrição. Exemplo: “Vaso de flores”.

Resultado do Google Imagens

Como otimizar imagens.

Usando essa imagem do painel do resultado de busca por imagens do Google, veremos como se deve “descrever” uma imagem para ser encontrada e aparecer bem nos resultados.

A primeira coisa é entender que a sua imagem deve estar inserida no contexto do artigo onde foi colocada. Ou seja: se você colocar uma imagem em algum artigo de conteúdo do seu blog, a imagem e a descrição dela deve estar de acordo com o texto do artigo. Assim os mecanismos de busca saberão que isso é coerente e mais relevante para quem está procurando.

Os algoritmos dos buscadores tentam dar o resultado que seja considerado mais relevante para aquele tipo de busca, seja de conteúdo ou de imagem. Por isso, não descreva uma imagem que não seja realmente aquilo que ela contenha. E, novamente, use imagens com descrições semelhantes ao conteúdo onde ela foi inserida.

No caso do exemplo acima do painel da busca, o código HTML de uma imagem é:

<img src=”pesquisa_flores.jpg” width=”506″ height=”311″ />

Nesse caso temos apenas o nome da imagem e suas dimensões. É impossível que os robôs consigam saber o que tem nesse arquivo de imagem do tipo “JPG”. Então, é preciso inserir duas formas de “descrição” que são úteis não apenas para as buscas, mas também para ajudar os seus visitantes.

Chamamos isso de “Tag” e são: ALT e TITLE.

ALT = Quando uma imagem não carrega corretamente ou abre em algum navegador que não carregue imagens (celulares por exemplo), aparecerá um texto dentro do espaço da imagem que não abriu.

TITLE = É a descrição que aparece quando passamos o mouse por sobre a imagem quando ela abre corretamente.

Inserido as Tags de imagens.

Para inserir isso nas imagens, basta acrescentar da seguinte forma e fazer as alterações devidas. O exemplo abaixo é da imagem que coloquei acima:

<img src=”pesquisa_flores.jpg” width=”506″ height=”311″ title=”Painel de resultados da Pesquisa Google Imagens” alt=”Resultado do Google Imagens” />

Você pode usar a mesma descrição para ambos os casos, para as duas Tags. Veja que nelas descrevi da melhor forma possível o conteúdo da imagem e, ao percorrer o conteúdo de meu blog, os robôs saberão a que se refere a imagem e que ela tem a ver com o contexto desse artigo e, por isso mesmo, é relevante para quem procurar por algo semelhante.

O nome do arquivo da imagem.

Outra coisa importante é o nome do arquivo da imagem que você criou. Dê nomes coerentes e que faça sentido, evitando coisas do tipo “figura1.jpg” ou “quadro.jpg” que são nomes genéricos e não dizem nada do que está na imagem.

No exemplo que estamos usando aqui, veja que o nome da imagem descreve de forma simples e objetiva o que ela representa: “pesquisa_flores.jpg”. Para separar palavras use hífem (-) ou sublinhado (_) e não crie nomes longos.

Para mais artigos sobre SEO, otimização e Imagens, leia também:

 

Agora é só usar e esperar os bons resultados.

Ebook Blogar - O Processo de Criação de blogs, Compre agora por apenas 14,90

Website | Twitter | Facebook
Marcos Lemos é professor e blogueiro. Formado em Teologia pela PUC-MG, graduando em Letras (Português/Inglês) pela FUNEDI/UEMG. Criador do [ Ferramentas Blog ] e tem se destacado como metablogger.
Marcos Lemos já escreveu 1266 posts no Ferramentas Blog.

16 comentários

  1. Polskim disse:

    Isto é verdade… existem muitos fatores para atrair um publico alvo… abraços!

  2. genedigital disse:

    Ótima dica, apesar de “alt” e “title” não serem tags, e sim atributos.

    rrsrsrs.

    Mas achei criativa essa nova forma de divulgação!!!

  3. Marcos Lemos disse:

    GeneDigital,

    Segundo o material para Webmasters da Google, são sim Tags…
    Estou usando a nomeclatura padrão da Google e de muitos outros sites de SEO onde pesquisei sobre o assunto.

    Mesmo assim, obrigado pela participação.

  4. Tavão disse:

    como que faço para add ALT e TITLE nas imagens do post.

    obrigado

  5. Marcos Lemos disse:

    Tavão,

    Basta vc entrar no modo de editar HTML dos artigos que vc digita aqui no painel do Blogger.

  6. aprendocriando disse:

    Marcos,

    A explicação é relevante, vai nos ajudar a divulgar ainda mais nossos blogues.

    Vou ter um trabalhão, mas já estou abrindo o painel de edição.

    Grata por compartilhar.

    Amara Pedrosa

  7. Marcos Lemos disse:

    Amara,

    Sei que isso dá muito trabalho, epsecialmente para revisar o que ficou. Preocupe-se com o que tem pela frente e só modifique o que é realmente relevante, como as imagens que estão dentro de seus artigos.

  8. Drª. Bruna Coêlho disse:

    Não entendi… Tem que inserir as tags mexendo no html de cada imagem publicada no blog? Ou entendi errado?

  9. Marcos Lemos disse:

    @Bruna,

    Exatamente isso.

  10. Richard disse:

    Eu tenho melhor resultado somente utilizando title, usei as duas juntos em um blog e sofri penalização do google.

  11. Pingback: Algumas dicas de como validar e corrigir seu Blog no W3C | [ Ferramentas Blog ]

  12. Marcos,
    Estou tentando inserir estas tags, mas as imagens somem, será que é algum bug do Blogger in Draft?
    Eu insiro a imagem no modo escrever, entro no html, insiro os tags e quando volto ao escrever a imagem sumiu, volto ao html e só resta o link da imagem. Muito estranho… Vou continuar tentando, ou colocar um de cada vez.

  13. Olá Marcos

    Gostei das dicas de como otimizar imagens.

    Não sabia que a tag alt pode ser escrita com textos iguais a tag title.

    Isso facilita a postagem.

    Minha dúvida agora é: Posso colocar uma imagem que não seja de flores, mas para falar de flores?

    Por exemplo, coloco uma imagem que tenho, que não seja flores, mas de uma árvore. Nesse caso, posso usá-la para um post sobre flores?

    • As imagens você pode usar como convém ao seu trabalho, mas é bom que as descrições sejam correspondentes ao que diz a imagem, já que servem para rastrear no SEO e também para quando a imagem não abre.

  14. Marcos, beleza?
    O wordpress não tem um plugin que faça isso? Instalei o All in One SEO, que aprendi aqui no FB.
    Tem que ser manual em cada foto publicada?
    Abs.

Faça um comentário