A internet é, também, uma ferramenta visual. Nesse cenário, usar imagens é indispensável para tornar o conteúdo do seu site mais interessante e perceptível para o público. Porém, isso deve ser feito de forma cuidadosa para que elas potencializem suas páginas e não causem prejuízo à sua estratégia digital. A esse processo damos o nome de SEO para imagens.
Quando mencionamos a otimização de imagens para o Google e congêneres, um leque de assuntos se abre e engloba desde preencher um ALT text corretamente até o uso de formatos e dimensões adequadas.
Neste guia, a i-Cherry explica tudo o que você precisa saber sobre SEO dedicado para imagens e dá dicas essenciais para seu site performar bem também no Google Imagens.
O que é SEO para imagens?
De forma simples e direta, SEO para imagens é o conjunto de práticas para otimizar imagens em um site a fim de que elas sejam leves e mais facilmente encontradas por motores de busca.
Isso inclui usar nomes de arquivos descritivos e textos alternativos (ALT text) para explicar o conteúdo da imagem, comprimir arquivos e optar por formatos modernos e mais leves, como JPEG ou WebP, para melhorar o tempo de carregamento .
O objetivo final é melhorar a experiência do usuário e aumentar a visibilidade do site nos resultados do Google Imagens, por exemplo, atraindo mais tráfego qualificado. Essa técnica é útil e pode trazer resultado para qualquer site, mas é especialmente relevante se o produto do seu site é mais visual — navegar pela pela página de resultados do Google pode oferecer experiências bem mais gráficas a depender do tipo de busca que você realiza.
Algumas buscas trazem uma SERP "mais visual", por isso é importante ter cuidado especial com atributos relacionados a imagens. (Imagem: Captura de tela)
Por que aplicar SEO em imagens?
Em suma, otimizar imagens para o Google serve tanto para que elas sejam encontradas na busca quanto para evitar lentidão no carregamento da página (o que também contribui para um melhor posicinamento na SERP).
6 dicas para otimizar as imagens do seu site
1. Tamanho ideal: até 100 KB
Quando se fala em tamanho de arquivo, o ideal é focar sempre em menos de 100 KB por imagem. Não existe um padrão definido pelo Google, mas é natural que o buscador prefira arquivos mais leves porque carregam mais facilmente e vão oferecer uma boa experiência também para o usuário (e se é bom para o usuário, é bom também para o buscador).
Para chegar nesse número mágico, a dica é apostar em formatos de arquivo mais leves — falaremos mais sobre isso adiante — e em otimização do arquivo em si usando um compressor online — também temos uma seção abaixo só com dicas de sites úteis para otimizar imagens e mensurar desempenho.
2. WEBP: o formato ideal para web
Há muitos formatos de arquivos disponíveis por aí, mas alguns são mais interessantes quando pensamos em uso na web. O ideal é sempre preferir formatos modernos e leves porque isso impacta diretamente no tamanho do arquivo que você sobe em seu site.
O PNG é um formato comum e popular porque permite transparência, o que às vezes é essencial. Mas, em geral, ele é “maior” do que JPG e WEBP, por exemplo, opções muito mais adequadas para a web.
Tomando como exemplo a imagem abaixo:
- No formato PNG, ela tem 2,27 MB;
- Convertida para JPG, o tamanho cai para 506 KB;
- Convertida para WEBP, ele fica em 110 KB.
Imagem no formato WEBP costuma ser "menor" do que em outros formatos comuns na web. (Imagem: Adarsh Chauhan/unsplash)
A “versão final”, em WEBP, ainda está um pouco acima do ideal que mencionamos antes, mas é uma redução incrível de 95% do tamanho original, isso sem perder qualidade e sem reduzir as dimensões do arquivo.
Agora multiplique esse ganho pelo número total de arquivos de imagem do seu site e pense em quantos megabytes de servidor você vai economizar, além de agilizar o carregamento da página.
Isso significa que devemos aposentar o PNG? Não necessariamente. Ele ainda pode ser útil quando a transparência é indispensável para a imagem (apesar de que o SVG pode ser mais adequado por ser “menor” e também suportar transparências). Porém, se no ar ela estiver sobre um fundo de cor única, é melhor preencher o fundo da imagem em si com a mesma cor e usar JPG ou WEBP.
Leia também:
- Visões Criadas por IA no Google: o que muda para quem trabalha com SEO?
- Desvendando estratégias de sucesso do SEO de grandes varejistas
- Por que integrar o Google Search Console ao Google Analytics?
3. Dimensões da imagem
Além do formato, outro elemento interfere diretamente no tamanho do arquivo: as dimensões da imagem.
Se a intenção não for imprimir um outdoor em via pública, não tem porque manter uma imagem com dimensões gigantes no ar. Então, pense sempre no tamanho máximo de exibição daquela figura na web e redimensione o arquivo para aquele tamanho específico (ou um pouco maior, para ter uma margem de segurança).
O Google não define uma largura mínima ideal para imagens em geral, então isso é bem flexível. Geralmente, você pode levar em conta o tamanho necessário da imagem no ar quando falamos em páginas internas.
Já em posts de blog e sites de notícias, use sempre imagens com pelo menos 1.200 pixels de largura — esse é o tamanho mínimo exigido pelo Google para mostrar corretamente a imagem da sua publicação no Discover, por exemplo. Quanto à proporção, aposte no 16:9, o mais comum em thumbnails e imagens de destaque.
4. Nome de arquivo sempre legível
O Google consegue ler fotos, ilustrações e outras figuras, mas isso não é o suficiente para que o buscador entregue a imagem se ela não estiver bem contextualizada. E uma das formas de fazer isso é usando um nome de arquivo legível, capaz de resumir em duas ou três palavras o que é aquela imagem.
Portanto, fuja de nomes genéricos, cheios de caracteres que não dizem nada, e nomeie os arquivos com algo que faça sentido. Para a imagem abaixo:
- Exemplo ruim: IMG_1234.jpg;
- Exemplo otimizado: pessoa-digitando-notebook.jpg.
Opte sempre por nomes legíveis e que falem um pouco sobre o conteúdo da foto (Imagem: Christin Hume/Unsplash)
5. ALT text sempre preenchido
Outra forma de dar contexto textual para o Google é preencher corretamente o ALT text. Este parâmetro vai além de facilitar a indexação adequada da imagem e serve como recurso de acessibilidade, já que tecnologias assistivas leem essa informação para descrever a figura para pessoas com deficiência visual. Sendo assim, seja o mais descritivo possível ao preencher o ALT.
Mas mais importante do que saber o que fazer é saber como fazer. Tomando como exemplo a imagem abaixo:
- Exemplo ruim: pessoa com celular na mão.
- Exemplo otimizado: homem usando camiseta preta mexendo no celular perto de uma janela, em ambiente interno com luz natural e planta decorativa ao fundo.
Seja bem detalhista e descritivo para preencher o ALT text porque isso também ajuda o Google a encontrar as imagens do seu site (Imagem: Jonas Leupe/Unsplash)
E fazer isso é bem simples: em geral, plataformas de gerenciamento de conteúdo (CMS), como o Wordpress, têm campos específicos para preencher a tag ALT quando você envia uma imagem, então é só ficar de olho nisso para não deixar em branco. Você pode editar o ALT de uma imagem no ar a qualquer momento, inclusive.
Você tem dificuldade para chegar a uma descrição eficaz? IAs gratuitas como ChatGPT, Gemini e DeepSeek conseguem ler e descrever imagens com eficiência. Basta subir o arquivo e pedir uma sugestão de ALT text otimizado.
6. Contexto e legenda
Completando de vez o kit de elementos textuais que o Google leva em conta para entender do que se trata uma determinada imagem, vamos falar do contexto em que elas estão inseridas numa página.
Posicionar uma imagem próxima a um texto que dialoga com ela ajuda o buscador compreender melhor a figura, além de facilitar o seu posicionamento no Google. O texto vai fornecer palavras-chave que respondem a uma certa intenção de busca, completando o conjunto de informações úteis daquela página em específico.
Além disso, como o Google prefere informações no HTML, se você usa um infográfico ou um banner com informações, é indispensável mencionar termos relevantes na página para otimizá-la (ou seja, nada de publicar uma imagem “solta”, sem contexto).
Em caso de publicação de notícias, artigos, reportagens e posts de blog, um reforço para o contexto pode vir da legenda da foto.
Resumo de boas práticas
Uma colinha básica para você não esquecer do principal quando pensa em SEO para imagens a fim de melhorar o posicionamento na SERP e entregar um site leve para o Googlebot e para os seus visitantes:
- Use imagens de até 100 KB;
- Adote formatos modernos e adequados para web, como WEBP, JPG e SVG, evitando arquivos em PNG porque eles são mais pesados;
- Redimensione imagens para que elas não sejam maiores (e mais pesadas) do que o necessário — imagens com 1.200 pixels de largura geralmente são suficientes em posts de blog; a proporção 16:9 é o "padrão" da web, pode apostar neste formato sem medo em seus posts;
- O nome do arquivo deve ser legível (homem-usando-celular.jpg é melhor do que img_9876.jpg);
- Preencha o ALT Text da maneira mais descritiva possível porque isso dá contexto para o Google e ajuda tecnologias assistivas;
- Sempre adicione contexto textual às imagens e, se possível, adicione legendas em posts de blog e afins.
6 ferramentas úteis online para imagens
Abaixo, listamos alguns sites gratuitos e fáceis de usar para converter e comprimir imagens sem ter que instalar nada. Também incluímos serviços de analisam sua página e indicam o quanto as imagens impactam o desempenho de um site. Todos eles serão ótimos auxiliares para o SEO do seu site.
Confira:
- CloudConvert: converte imagens entre mais de 200 formatos e pode ser muito útil para transformar aquele PNG gigante em um WEBP otimizado sem perder qualidade;
- Squoosh: este é um site dedicado apenas a comprimir imagens, então basta escolher os arquivos (ou arrastá-los para a tela) e ver a mágica acontecer;
- ILoveIMG: verdadeiro canivete suíço quando se fala em imagens, ele reúne 13 ferramentas para comprimir (reduzir o tamanho do arquivo sem perder qualidade nem mudar a dimensão), redimensionar, cortar ou converter imagens, entre outras coisas;
- PageSpeed Insights: ferramenta do Google que analisa um site e exibe várias métricas relacionadas a desempenho e velocidade (inclusive mostra como as imagens impactam o desempenho da página);
- GTMetrix: a melhor alternativa ao Google para mensurar a performance de um site. Aqui, aliás, é possível criar um vídeo que mostra exatamente o tempo que uma página demora para carregar, ideal para documentar esse tipo de métrica.
Comentários