Otimização de Imagens – SEO de Imagem

Blogger, Imagens, SEO
26
Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

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.

✅ Canal no Youtube | Inscreva-se AGORA ✅


É 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.

.

26 Comentários

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

    rrsrsrs.

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

    Responder

  3. 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.

    Responder

  6. 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

    Responder

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

    Responder

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

    Responder

  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.

    Responder

  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?

    Responder

    • 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.

      Responder

  15. Pingback: Como encontrar imagens com direito de uso livre usando o Google | [ Ferramentas Blog ]

  17. Usar as mesma palavras chave no titulo do post, na descrição, nas tags e também no alt e title da imagem, poderá ser classificado como spam pelo google?

    Responder

  18. Olá Marcos,

    Estou achando estranho que, quando eu coloco pra pesquisar no Google Imagens “site:meusite.com.br”, minhas imagens e fotos que estão no blog não aparecem lá na pesquisa.
    Antes, só aparecia (com essa busca que eu fazia) a imagem que eu coloquei no cabeçalho. Agora, nem essa imagem aparece mais, e nunca apareceu as imagens que estão nas postagens.
    Porque será que elas não aparecem quando digito na busca do Google Imagens “site:meusite.com.br”?
    Aguardo mais uma vez sua ajuda. E, desde já, obrigado pela atenção.

    André Campos

    Responder

  19. Pingback: Como manter seu blog sempre otimizado para o Google - [ Ferramentas Blog ] | [ Ferramentas Blog ]

  20. Pingback: Colocar legenda em imagens no Blogger

  21. Boa noite,
    já comecei a executar no blog, agora a dúvida é, se fizer o mesmo com as imagens da loja também obterei bons resultados, ou existi ainda, outra ferramenta mais eficiente para alavancar as vendas?
    Aguardo e desde obrigada.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.