Otimizando imagens para SEO | keyframe – Comunicação Digital, Websites

Blog

Otimizando imagens para SEO

Uma das maneiras mais fáceis para otimizar o conteúdo de uma página é focar nas imagens. A maioria das páginas contêm imagens, fotografias, ilustrações ou ícones. Com simples ajustes podemos conseguir novos visitantes.

Porque otimizar imagens?

A pergunta é a seguinte: Os motores de busca não podem ver as imagens? Sim podem, eles podem ver que há uma imagem e até reconhecer imagens em termos de pixels, mas eles não podem avaliar o conteúdo com base na imagem.

O atributo ALT

“Quando uma imagem contém palavras que são importantes para a compreensão do conteúdo, o texto alt deve incluir essas palavras. Isto irá permitir que o texto alternativo desempenhe a mesma função na página da imagem. Note que isso não implica necessariamente descrever as características visuais da própria imagem, mas tem de transmitir o mesmo significado que a imagem.”

Exemplo:

Keyframe Comunicação Digital

[code]
<img src=”http://keyframe.com.br/wp-content/uploads/2013/01/camera_keyframe.png” alt=”Keyframe Comunicação Digital” />
[/code]

O atributo alt especifica um texto alternativo (alternative text) caso a imagem não possa ser exibida, por causa de um erro, conexão lenta, leitor de tela, etc.
Este atributo é útil não só para os visitantes, mas também para os motores de busca. Isso lhes dá uma pista sobre do que se trata a imagem. Por isso é uma boa idéia usar palavras-chave importantes no atributo ALT.

O atributo TITLE

O TITLE é um atributo descritivo de uma tag. Quando o usuário estacionar o cursor por cima do link uma janela aparecerá.

A diferença entre o atributo ALT e TITLE é que se por algum motivo a imagem não carregar, aparecerá o atributo ALT e não o TITLE, ou seja ambos são importantes, mais para SEO o ALT é mais.

Exemplo:

Keyframe Comunicação Digital

[code]
<img src=”http://keyframe.com.br/wp-content/uploads/2013/01/camera_keyframe.png” title=”Keyframe Comunicação Digital” />
[/code]

Nome do Arquivo

Se você deseja otimizar ainda mais suas imagens, altere o nome do arquivo, usando um nome que tenha mais relação com a imagem, isso ajuda os motores de busca.

Uma foto tirada em uma câmera digital poderá gerar um nome como ‘DSC0001.jpg’. Pode ser que este nome não remeta a nada, o interessante seria colocarmos um nome mais amigável, por exemplo:

camera_keyframe.png

Outra dica é a seguinte: Evite usar separadores como ” – ” ou ” + “, isso pode confundir os motores de busca, use o sublinhado ou a segunda letra maiúscula:

camera_keyframe.png
cameraKeyframe.png

Tamanho do arquivo:

É importante levar em consideração o tamanho do arquivo, o google por exemplo incorpora a velocidade dos sites, então não podemos deixar essa fator de lado.

ok, então como faço isso?

Bom, os formatos mais populares são GIF, JPG e PNG, usados na web. Não existe uma fórmula mágica e sim o bom senso, segue um exemplo resumido:

GIF – Imagens com poucas cores.
JPG – Imagem com muitas cores, dependendo da compressão pode ficar pesada, não existe transparência neste tipo de formato.
PNG – Imagem pode ser gerada com transparência, normalmente ela fica bem mais pesada que o jpg porém sua qualidade é superior.

Particularmente eu uso o Adobe Photoshop para gerar as imagens, com a imagem aberta vá em file > save for web…, e escolha suas pre-definições.

A otimização de imagens se resume em tres fatores, nome do arquivo, ALT e TITLE, os benefícios em otimizar imagens para SEO é que elas podem trazer alguns clientes ou visitas extras.

Até a próxima

Fontes:

  • http://www.w3.org/TR/WCAG20-TECHS/H37.html
  • http://www.w3.org/Provider/Style/TITLE.html
  • http://www.mattcutts.com/blog/site-speed/
  • http://w3css.blogspot.com.br/2007/06/diferenas-entre-title-e-alt.html
  • http://webdesign.tutsplus.com/articles/general/optimizing-images-for-seo/

 

Este post tem 1 comentário

Deixe seu comentário