A otimização de imagens para SEO é um conjunto de práticas responsáveis por melhorar a visibilidade e desempenho de imagens e sites nos mecanismos de busca. Quando bem implementada, essa estratégia traz benefícios valiosos para marcas. Entenda como fazer no nosso guia completo!
Fazer SEO para imagens é parte intrínseca de toda a estratégia de otimização de sites. Essa prática pode melhorar a velocidade de carregamento do seu site e ainda garantir mais destaque na SERP – e, assim, conquistar mais acessos.
Não é nenhum bicho de sete cabeças. A otimização de imagens é simples e ainda traz resultados benéficos, como melhora da visibilidade e retenção do usuário.
Hoje, compartilhamos todos os passos para você aprender como fazer SEO para imagens de uma vez por todas. Vem com a gente!
Confira o que você vai ler por aqui:
O que é otimização de imagens
O SEO para imagens, ou otimização de imagens, é a prática de otimizar o conteúdo visual de um site para melhorar a experiência do usuário, a qualidade e a escaneabilidade da página, e garantir melhores colocações entre os resultados de pesquisa.
Essa é uma estratégia de SEO muito importante!
Um estudo global elaborado pelo Semrush demonstra que artigos com sete ou mais imagens recebem 116% mais tráfego orgânico do que páginas com menos imagens.
Então, se você ainda não parou para analisar se o conteúdo visual do seu site é responsivo e se tudo está implementado da maneira certa, é hora de dar um passo atrás.
Quando não estão bem otimizadas, imagens podem atrapalhar o crescimento do domínio. Sem uma estratégia correta, elas podem até deixar o site mais lento.
Lembre-se: a velocidade de carregamento das páginas é um dos principais fatores de ranqueamento do Google.
Leia também: Vazaram documentos sobre o algoritmo do Google! E agora, o que fazer com essa informação?
Fazer SEO para imagens realmente é importante?
Fazer SEO para imagens é importante tanto do ponto de vista técnico quanto da experiência do usuário.
Quando bem otimizadas, elas ajudam a melhorar a relevância do conteúdo para os motores de busca. Além disso, com boas descrições e legendas, imagens enriquecem ainda mais o texto, tornando-o mais interessante e informativo para os usuários.
Estudos demonstram que imagens são uma maneira eficaz de memorizar informações. Elas agregam valor ao que está sendo explicado, ajudando a contextualizar e a situar o usuário durante a leitura.
Logo, se você enriquece seu site não só com bom conteúdo visual, mas com imagens atraentes e informativas, é provável que o usuário lembre da sua marca frente às concorrentes.
E tem mais:
- Melhora no posicionamento: muitas pessoas usam a pesquisa de imagens do Google. Segundo a Moz, a pesquisa de imagens representa 27% de todas as consultas feitas. Imagens bem otimizadas têm mais chances de aparecer entre os primeiros resultados;
- Garantia de acessibilidade: os textos alternativos ajudam pessoas com deficiência visual a entender o conteúdo da imagem através dos leitores de tela. Isso ajuda a reter uma audiência ainda maior;
- Melhora do engajamento do usuário: elas também aumentam o engajamento. Na prática, os usuários interagem mais e, assim, mostram que aquele conteúdo é relevante.
Aprenda a otimizar imagens em 9 passos básicos
Tendo em vista todos os benefícios que oferece, esse tipo de otimização on-page precisa fazer parte da sua rotina. Para que a estratégia dê certo, é preciso seguir alguns passos e recomendações que o próprio Google ensina.
1. O nome do arquivo deve ser descritivo
Na hora de salvar uma imagem, é importante que o nome do arquivo descreva seu conteúdo. É como se você fornecesse pistas sobre o que é a imagem.
Os crawlers do Google (e de outros mecanismos de busca) não conseguem ler conteúdos visuais. Para entendê-las de fato, os robôs rastreiam informações como os nomes de arquivos e metadados.
Então, nada de salvar um arquivo com o título “IMG_12345”. Dê preferência a nomes descritivos, objetivos e concisos, que contenham a palavra-chave principal do seu conteúdo.
- Errado: IMG_12345
- Certo: cesta-de-piquenique
2. Todas as imagens devem ter textos alternativos
O texto alternativo, ou alt text, é um atributo usado para descrever o conteúdo de uma imagem.
Há muito tempo, o texto alternativo é usado como auxiliar. Por exemplo, quando o carregamento falha ou demora muito tempo, é o alt text que aparece para o usuário. Veja a demonstração a seguir:
Mais do que isso, essa pequena descrição é vital em termos de acessibilidade. Pessoas que usam leitores de tela dependem do texto alternativo para entender o conteúdo das imagens.
O próprio John Mueller, advogado de pesquisa do Google, já recomendou o uso do atributo alt para acessibilidade.
Em termos de SEO, Mueller disse que o alt é recomendado quando o objetivo do site é ser classificado nos resultados de imagens.
O alt text é um fator de ranqueamento para a pesquisa de imagens do Google – e apenas para ela.
O texto alternativo deve dar detalhes sobre a imagem de maneira breve. É importante usar a palavra-chave de maneira natural. Caso ela não caiba na descrição, não use.
- Errado: cesta de piquenique, cesta para piquenique, cesta piquenique, cesta de piquenique completa, cesta de piquenique dias dos namorados.
- Certo: Fotografia de uma cesta de piquenique sobre toalha quadriculada vermelha e branca.
Dica de expert: cada imagem do site deve ter um alt text exclusivo. Evite usar a mesma descrição ou otimizar em excesso – isso torna a experiência do usuário precária e pode atrapalhar o crescimento da página.
3. Dê preferência às imagens JPEG ou WebP
Embora o Google consiga suportar diferentes formatos, os mais recomendados são o JPEG e WebP. Ambos são os mais leves, sobretudo o WebP, desenvolvido pela própria rede.
O problema do JPEG é que dependendo da quantidade de compressões, as imagens podem perder a qualidade.
Geralmente, recomenda-se o uso de plugins, como o Images to WebP no WordPress. Eles transformam imagens PNG (considerado o formato de maior qualidade) em WebP automaticamente.
4. Imagens devem ser leves
Em relação ao tamanho, o ideal é que seu site tenha imagens com menos de 100kb, pois conteúdos visuais mais pesados tendem a aumentar o tempo de carregamento das páginas.
Segundo análises feitas pelo Google, 53% dos usuários abandonam uma página quando ela demora mais de três segundos para carregar.
Além disso, 46% dos usuários dizem que esperar uma página carregar é uma das características que menos gostam ao navegar via dispositivos móveis.
Para não perder oportunidades de conversão e fisgar a audiência, sempre verifique o tamanho do arquivo antes de upar no site.
Após salvar o conteúdo, clique com o botão direito na imagem > Propriedades > Detalhes.
Caso o tamanho seja maior que 100kb, use recursos para comprimir a foto, como:
5. Mantenha as dimensões em 16:9 ou 4:3
A dimensão da imagem é outro fator relevante. As proporções de 1366×768 px (16:9) ou 720×480 px (4:3) são as mais comuns e utilizadas, inclusive, sugeridas pelo Google.
Além do tamanho, é vital que elas tenham boa resolução.
6. Use imagens exclusivas sempre que possível
Além de serem encaradas como conteúdo duplicado, imagens genéricas não transmitem credibilidade ao usuário.
Isso não significa que não dê para usar fotos de bancos de imagens. Mas, durante a pesquisa, seu papel é ser um verdadeiro garimpeiro.
Quanto mais original for a imagem, melhor será a experiência do usuário e maiores as chances do site ficar bem posicionado.
Use bancos gratuitos, como:
Mas, é claro. Sempre que possível, tente utilizar fotos originais, principalmente em sites Your Money Your Life, que seguem padrões mais rigorosos de E-E-A-T.
7. A imagem deve reforçar o contexto da página
As imagens devem ser incluídas em locais estratégicos da página, sempre fazendo referência ao parágrafo anterior. O Google lê o alt text e, a partir dele, verifica se a imagem tem a ver com o contexto em que está inserida – e, daí, entende quando exibi-la como resultado nas buscas.
Por exemplo, em um artigo de blog sobre “comedouro para cachorros” não vale a pena adicionar uma imagem de um cachorro comendo em um comedouro de plástico em um tópico sobre comedouro inox.
É por isso que você precisa ser um garimpeiro de fotos.
Dica de expert: às vezes, encontrar uma imagem específica dá trabalho. A depender do que precisa, use a inteligência artificial para te ajudar a criar fotos originais.
8. Legendas são bem-vindas
Legendas são um extra na otimização de imagens. Os crawlers do Google também as utilizam para entender o contexto e melhorar o ranqueamento da foto. Mas são opcionais, devem ser incluídas apenas quando faz sentido no texto.
Geralmente, portais de notícia são os que mais usam legendas para fortalecer as informações da notícia.
Dica extra: invista em infográficos para melhorar a interação
Sabia que o Google consegue verificar o nível de interação do usuário no seu site? Cliques, downloads e compartilhamentos enviam sinais positivos aos robôs da rede.
Essas ações aumentam as chances daquele conteúdo visual aparecer entre os primeiros resultados orgânicos de imagens.
Por isso, ter infográficos em páginas é uma excelente chance de melhorar resultados. Esse formato é altamente salvável e compartilhável nas redes sociais, os usuários amam!
Vale a pena testar e monitorar resultados.
Dica de expert: use os modelos prontos do Canva para começar a desenvolver seus próprios infográficos.
Estratégias adicionais avançadas de otimização
Fazendo o básico bem feito, seu site vai conseguir bons resultados. Para ir além é importante estar atento a outros detalhes que fazem toda a diferença na otimização de imagens.
1. Garanta que os atributos srcset e sizes estejam configurados
O “srcset” e o “sizes” são elementos obrigatórios, responsáveis pela responsividade, ou seja, pela capacidade do site se adaptar a tamanhos de tela variados.
Esse detalhe é especialmente importante para garantir a funcionalidade dispositivos móveis, utilizado pela maioria dos usuários.
Leia também: O que é o Google Web Stories? Conheça a funcionalidade e as principais dicas para criar e otimizar seu conteúdo
O atributo srcset especifica diferentes larguras da mesma imagem no código HTML. Assim, o navegador pode escolher o tamanho de imagem mais apropriado, com base na tela do leitor.
No exemplo acima, você demonstra ao Google que a imagem “maine-coon-nap” pode ser usada em telas de:
- 320 pixels de largura;
- 480 pixels de largura;
- 880 pixels de largura.
O atributo sizes é complementar ao scrset. Ele informa qual imagem deve ser usada de acordo com o tamanho da tela e a largura disponível na área do site em que a imagem será exibida.
Ainda, com base no exemplo acima, isso significa que:
- se a tela tem no máximo 320 pixels de largura, use a imagem que tenha até 280 pixels de largura;
- se a tela tem no máximo 480 pixels de largura, use a imagem que tenha até 440 pixels de largura;
- para larguras de janela superiores a 480 pixels, a imagem exibida deve ter 800 pixels de largura.
Esses elementos são vitais para garantir o correto alinhamento das imagens aos Core Web Vitals do Google.
2. Crie um sitemap de imagens
As boas práticas de otimização para imagens do Google também recomenda a criação de um sitemap específico para conteúdos visuais.
Caso você precise que o Google encontre todas as imagens do seu domínio, o ideal é criar um mapa exclusivo para elas.
Nesse caso, é necessário incluir o elemento <image:loc>, usado para especificar a URL da imagem. Isso melhora a visibilidade do conteúdo visual aos crawlers, o que pode gerar mais tráfego via Google Imagens para o domínio.
3. Adicione dados estruturados de imagem nas páginas
Os dados estruturados de imagens fornecem informações adicionais aos mecanismos de pesquisa. Durante a leitura da página, os robôs conseguem identificar a marcação e, assim, entender ainda mais em quais resultados exibir o conteúdo.
Além disso, os dados estruturados de imagem também podem ajudar o site a conquistar um rich snippet entre os resultados orgânicos, como no exemplo abaixo:
4. Otimize para o SafeSearch do Google
O SafeSearch é uma configuração que limita a visibilidade de conteúdos explícitos em pesquisas feitas por menores de 18 anos. Quando está corretamente ativado no site, esse ajuste desfoca e bloqueia tanto imagens, quanto vídeos.
Se o seu domínio lida com conteúdos proibidos para menores, ative o SafeSearch segundo as diretrizes da plataforma para não ser penalizado.
5. Otimize as meta tags das imagens para Open Graph
Se o seu conteúdo for bom o suficiente, com uma redação impecável e informações relevantes, é possível que seja compartilhado nas redes sociais.
Para melhorar a forma como ele será exibido, use o Open Graph, um protocolo que transforma páginas da web em objetos ricos, incluindo título, descrição, URL e, é claro, uma imagem atrativa.
Para otimizar as meta tags do Open Graph, é necessário seguir as recomendações específicas do Facebook e do X, nosso eterno Twitter.
6. Use lazy loading
O lazy loading é uma estratégia interessante que vai te ajudar a melhorar a performance do site. Essa é uma técnica de otimização que carrega imagens e outros recursos apenas conforme o usuário vai rolando a página.
Ou seja, se o leitor está parado, imagens que aparecem nas partes inferiores não vão carregar até ele alcançá-las.
O lazy loading é um curinga, uma vez que reduz o tempo de carregamento da página. Atrelado às dicas anteriores, pode ter certeza que seu site vai carregar ainda mais rápido.
Dá para implementar via HTML ou, caso você não seja um expert em códigos, via plugins, como o Lazy Loader e o Lazy Load by WP Rocket.
7. Garanta o armazenamento em cache
O armazenamento em cache garante que informações de um site sejam armazenadas temporariamente no navegador do usuário. Imagens, arquivos CSS e Javascript, por exemplo, ficam salvos em cópia.
Então, ao acessar determinada página outra vez, o navegador carrega esses recursos diretamente do cache local em vez de fazer uma nova solicitação ao servidor.
Na prática, isso reduz o tempo de carregamento, pois as imagens ficam salvas em cache. Uma das vantagens é a garantia de que o leitor não vai trocar o seu site por um concorrente, já que a velocidade de carregamento é alta.
O armazenamento em cache também pode ser implementado via plugins. W3 Total Cache e WP Fastest Cache são duas opções disponíveis.
Como adicionar o alt text nas imagens?
O texto alternativo pode ser adicionado em qualquer imagem, dentro de qualquer CMS. Do WordPress ao Shopify, confira tutoriais que vão te ajudar:
1. WordPress
O WordPress é o CMS mais recomendado para quem trabalha com SEO devido à sua facilidade e suporte para otimização. No vídeo abaixo, você entende como adicionar o texto alternativo em poucos minutos.
2. Wix
No Wix também dá para adicionar texto alternativo às imagens. Confira o passo a passo:
3. Shopify
Geralmente usado em e-commerces, via Shopify o processo também é bastante simples:
3 Ferramentas importantes para monitorar as imagens do site
Para monitorar se as imagens do seu domínio estão corretamente configuradas, separamos mais três sugestões de ferramentas de SEO que podem te ajudar.
1. Screaming Frog
O Screaming Frog é um grande auxiliar na avaliação técnica. Ele vasculha todo o site e, no painel esquerdo, mostra informações importantes, incluindo todas as imagens que:
- tem mais de 100kb;
- não tem texto alternativo;
- não tem o atributo alt;
- estão com texto alternativo muito longo.
Ele vai te ajudar a passar o pente fino no domínio em busca de erros que podem ser corrigidos.
2. PageSpeed Insights
O PageSpeed Insights é uma ferramenta gratuita do Google. Nele, dá para checar uma série de problemas que afetam a velocidade do site, incluindo questões relacionadas a imagens e como resolvê-las, como no print abaixo:
A plataforma mostra quais imagens estão em formatos não recomendados, quais não possuem alt text e quais estão com problemas de dimensionamento, por exemplo.
3. Semrush
Via Semrush também dá para encontrar erros relacionados, como imagens quebradas, imagens muito grandes ou sem texto alternativo. Para encontrar esses erros, é preciso fazer a auditoria do site na plataforma.
4. Alt-Text Generator Assistant
Quem tem o GPT-4 pode usar o Alt-Text Generator Assistant para criar alt texts em menos tempo. O processo é bem simples:
Investir em SEO para imagens é uma forma estratégica de melhorar a visibilidade e a performance de sites. Ao seguir todos os passos acima, você garante que sua audiência tenha a melhor experiência, num site rápido e acessível.
Otimize a performance do seu negócio com a Search One Digital
Como vimos, a otimização de imagens para SEO é uma necessidade para todos os sites que querem crescer no mundo digital. Mas não para por aí, é preciso de uma equipe multidisciplinar, como a da Search One, para dar conta de todas as tarefas e desenvolver uma estratégia para a sua presença online.
Por isso, entre em contato com a Search One Digital e entenda como podemos ajudar sua marca a ser um grande destaque!
