SEO: Se você possui um blog, uma loja virtual ou um website e quer que ele fique excepcional, vale a pena gastar um tempo e otimizar cada imagem do seu projeto digital.

Quando falamos em “otimizar” uma imagem para web, podemos pensar em duas maneiras:

  1. Tenha certeza que suas imagens serão indexadas pelas ferramentas de busca.
  2. Tenha certeza que as imagens estão visualmente boas.

Vamos listar 7 passos para a otimização e melhora de imagens para o seu website:

Comece com fotos de alta qualidade

Você não precisa ser um fotógrafo profissional para usar fotos ótimas no seu site. Existem muitos bancos de imagem que permitem o download de fotos para o uso comercial – alguns gratuitos, outros pagos. Claro que não é em todos os casos que se deve usar bancos de imagem, como em fotos da sua equipe ou do seu produto.

É aconselhável ter pelo menos uma imagem de cada página do seu site. Isso pode reforçar a imagem da página e prende a atenção do leitor.

Use o tipo certo de arquivo: JPEG ou PNG

Como estamos tratando de imagens, os tipos de arquivos mais comuns são JPEG (ou JPG) e PNG. Existem prós e contras de cada um, mas precisamos lembrar na hora de subir uma imagem no servidor:

Fotografias devem ser salvas e indexadas em JPGE.

Esse tipo de arquivo lida com as cores de uma fotografia de um modo gerenciável e efetivo. Desse modo, você não vai acabar com um tamanho de arquivo gigante, como fotografias salvas em PNG.

Gráficos, especialmente aqueles que utilizam grandes áreas planas de cor devem ser salvos em PNG.

Isso inclui a maioria dos arquivos de design, infográficos, imagens com texto e logos. Os PNGs tem uma melhor qualidade do que os JPEGs e lida melhor com áreas coloridas e texto, possibilitando o zoom sem perder a qualidade. Os PNGs também possuem a opção de fundo transparente (muito útil para salvar um logo). É recomendável salvar em 24 bit ao invés de 8 bit para uma melhor qualidade e gama de cores.

Equilibre o tamanho do arquivo com a resolução

Quando se trata de imagens para web, é necessário achar o equilíbrio entre o tamanho e a resolução do arquivo. Quanto maior for a resolução, melhor visual suá imagem terá, mas o tamanho do arquivo será grande. Imagens pesadas podem diminuir a velocidade do site, consequentemente diminuindo a experiência do usuário e a sua posição nas ferramentas de busca.

E como manter esse equilíbrio? Alguns tópicos importantes para se lembrar:

  • Imagens grandes ou de background não devem ser maiores do que 1MB.
  • Imagens ou gráficos menores podem ter 300kb ou menos.
  • Se você irá utilizar um full-screen background é recomendável subir a imagem com 2000px.
  • Se possuir a opção, sempre exporte com “Salvar para Web”, fazendo a imagem ficar com uma melhor resolução.

 Deixe as imagens com o mesmo tamanho e estilo

Imagens para web podem ter uma melhor performance se você deixá-las com um tamanho e proporção consistentes. Essa consistência auxilia o alinhamento do seu texto, colunas e outras informações da sua page.

Nomeie sua imagem corretamente para ajudar o SEO

 Quando o Google analisa seu website, ele lê o seu texto mas não vê o que está nas imagens. O nome do arquivo fornece a informação do que está na foto, assim o Google pode interpretar corretamente.

O nome faz parte da URL da imagem, então nomeando sua imagem corretamente fará sua URL mais navegável e mais fácil de ser interpretada.

OBS: Nomeie seu arquivo com letras minusculas e números de 0 a 9. Não introduza pontuação ou espaços e é melhor usar hifens do que underlines.

Preencha as legendas e texto alternativo

 Quando uma imagem é postada no site, é comum esquecer de preencher as informações adicionais. Como o nome da imagem, essas informações adicionais auxiliam o SEO.

Alt tags (ou texto alternativo) não são visíveis para visitantes, apenas para ferramentas de busca, que tem uma ideia do que se tratam as imagens por meio dessas informações.

Ao adicionar uma imagem ao site, preencha o campo de texto alternativo com uma descrição sobre o que a foto mostra (de preferência citando uma keyword).

Posicione as imagens próximo a textos relevantes

Escolha imagens que se relacionem com o conteúdo do texto. Uma imagem relacionada a um texto relevante (com keywords inseridas no texto) terá um melhor posicionamento no ranking.

Seguindo esses passos suas imagens ficarão melhores visualmente, ajudarão seu site a carregar mais rapidamente e melhorar o SEO. Se adapte a esses 7 hábitos e perceba os benefícios que o seu website vai obter.

Quer realizar SEO para a sua empresa?

Saiba Mais