SEO de imagem: como otimizar imagens para os buscadores

Seja escrevendo um novo post ou trabalhando nas páginas de produto, cedo ou tarde você se pergunta se a página precisa de uma imagem. A resposta é sempre “sim”. As imagens dão vida à página e contribuem para o SEO do seu site. Não se preocupe: vamos ajudar você a encontrar a imagem certa e otimizá-la para SEO rapidamente. Vamos lá!

Sempre use imagens

Bem usadas, as imagens ajudam o leitor a entender melhor o seu artigo — ou a ter uma ideia melhor do produto ou serviço que você oferece. O velho ditado “uma imagem vale mais que mil palavras” talvez não se aplique ao Google, mas é verdade quando você precisa dar vida a mil palavras sem graça, ilustrar algo em um gráfico ou tornar os seus posts nas redes mais atraentes.

A recomendação é simples: adicione imagens a todo artigo ou página para deixá-los mais atrativos. Além disso, com a busca mudando rápido e deixando de depender só de texto, adicionar visuais beneficia o seu SEO. A busca visual ainda é parte da equação e, com a IA em ascensão, otimizar as suas imagens (e vídeos) facilita que buscadores e pessoas encontrem você — o que pode render um bom tráfego.

Ao acessar o Google Imagens, você percebe que ele agora traz filtros, metadados e atribuição. Isso mostra que o Google entende cada vez mais o que há em uma imagem e como ela se encaixa no contexto maior.

Encontrando a imagem certa

É sempre melhor usar imagens originais — fotos de alta qualidade que você mesmo tirou — do que fotos de banco. A página da sua equipe precisa de fotos da equipe real, não deste sujeito genérico à direita.

O seu artigo precisa de uma imagem relevante ao tema. Se você adiciona uma foto aleatória só para conseguir o sinal verde na análise do Yoast SEO, está fazendo errado. A imagem deve refletir o tema do post ou ter uma função ilustrativa. Coloque-a perto do texto relevante — uma imagem com texto relacionado ranqueia melhor para a palavra-chave para a qual foi otimizada.

Alternativas

Não tem imagens originais? Há outras formas de achar imagens únicas. O Flickr: Creative Commons e o Unsplash são ótimas fontes. Lembre-se de checar as restrições e dar crédito ao fotógrafo. Fuja das fotos de banco óbvias; se insistir nelas, escolha as que parecem mais genuínas. Alternativas evidentes às fotos são ilustrações ou gráficos, muito usados por nós na Yoast.

Embora os GIFs animados sejam populares, use com moderação: eles dificultam a leitura (o movimento distrai) e podem deixar a página mais lenta.

Preparando as imagens para o artigo

Depois de encontrar a imagem certa, o próximo passo é otimizá-la para o site. Antes de adicioná-la, pense em algumas coisas:

Escolha o nome de arquivo certo

Sim, é sério. O SEO de imagem começa no nome do arquivo. Você quer que o Google saiba do que é a imagem sem nem olhá-la. Use a sua palavra-chave foco no nome. Se você escreve sobre a Notre-Dame e usa uma foto do nascer do sol sobre a catedral, o nome não deve ser DSC4536.jpg, e sim notre-dame-paris-nascer-do-sol.jpg.

Escolha o formato certo

Não existe o formato ideal — depende do tipo de imagem e do uso. Em resumo:

• Use JPEG para fotos ou ilustrações maiores: bom equilíbrio de cor, nitidez e tamanho.
• Use PNG quando quiser preservar a transparência do fundo.
• Use WebP no lugar de JPEG e PNG: alta qualidade com arquivos menores (ferramentas como o Squoosh convertem para WebP).
• Use SVG para logos e ícones: dá para redimensionar sem perda de qualidade.

Redimensione (escala)

O tempo de carregamento é essencial para a experiência do usuário e o SEO. As imagens têm grande impacto — sobretudo quando você sobe uma imagem enorme para exibir pequena (ex.: 2500×1500 px exibida a 250×150 px). Mesmo exibida menor, a imagem inteira é carregada. Então redimensione a imagem para o tamanho de exibição. O WordPress ajuda ao gerar várias dimensões automaticamente, mas isso não otimiza o tamanho do arquivo — pense no tamanho em que você sobe as imagens!

Use imagens responsivas

Essencial para o SEO. No WordPress, isso é automático desde a versão 4.4. As imagens devem ter o atributo srcset, que permite servir uma imagem diferente por largura de tela — especialmente útil no celular.

Reduza o tamanho do arquivo

O próximo passo é comprimir a imagem redimensionada, para servi-la no menor tamanho possível. O WordPress comprime as imagens ao subir, mas isso muitas vezes não basta. Você pode remover os dados EXIF e usar ferramentas como ImageOptim, Squoosh, JPEGmini ou Kraken.io.

Depois de otimizar, teste a página com ferramentas como Google PageSpeed Insights, WebPageTest.org ou Pingdom.

Melhore o LCP nos Core Web Vitals

Especificar width e height das imagens no CSS melhora bastante a experiência e o desempenho. Ao definir as dimensões, você otimiza o layout e evita que o conteúdo “pule” enquanto as imagens carregam — essencial para os Core Web Vitals, incluindo o Largest Contentful Paint (LCP).

Quando você define width e height, o navegador reserva o espaço da imagem antes de ela carregar, renderizando o conteúdo com mais precisão. Benefícios principais:

1. Evita saltos de layout: ao reservar o espaço exato, o conteúdo não pula quando as imagens carregam.
2. Melhora a velocidade: sabendo as dimensões, o navegador aloca espaço enquanto outros elementos carregam, otimizando o LCP.
3. Otimiza a renderização: o navegador aloca recursos com mais eficiência, resultando em navegação mais fluida.

img {
  width: 500px; /* Largura desejada */
  height: 300px; /* Altura desejada */
}

Em vez de valores fixos em pixels, você pode usar unidades relativas (porcentagem, vw, vh) para tornar a imagem responsiva. Lembre-se: definir dimensões no CSS só ajusta o tamanho de exibição, não o tamanho do arquivo — comprima e redimensione antes de subir.

Adicionando a imagem ao artigo

Embora o Google esteja cada vez melhor em reconhecer o que há numa imagem, você ainda não deve depender disso. Cabe a você fornecer o contexto — então preencha tudo o que puder! Coloque a imagem perto do texto relacionado: isso torna o texto tão relevante para a imagem quanto a imagem para o texto, algo que usuários e Google preferem.

Legendas

A legenda é o texto que acompanha a imagem na página. Por que importam para o SEO de imagem? Porque as pessoas as leem ao varrer um artigo — junto com títulos e imagens. Você não precisa legendar toda imagem: use legendas só onde fizer sentido para o visitante. Pense primeiro no visitante, não adicione legenda só por SEO.

Texto alt

O texto alt é adicionado à imagem para que um texto descritivo apareça caso a imagem não possa ser exibida (por exemplo, para quem usa leitor de tela). Ele melhora a acessibilidade do site — então adicione-o. Inclua a palavra-chave da página quando fizer sentido, mas não encha o alt de palavras-chave. O mais importante é descrever o que há na imagem, para que buscadores e pessoas entendam. Lembre-se: nem toda imagem precisa de alt — imagens puramente decorativas não precisam.

Texto title

Alguns navegadores mostram o texto title como uma dica (tooltip) ao passar o mouse. Muitos que usam o title copiam o alt, mas cada vez mais gente o deixa de fora — pois o suporte de leitores de tela é imprevisível e a maioria dos navegadores só o mostra ao passar o mouse (sem acesso para quem usa teclado). É melhor incluir a informação de apoio no próprio texto do artigo.

Adicione dados estruturados de imagem

Adicionar dados estruturados às páginas ajuda os buscadores a exibir as suas imagens como rich results. O Google diz que dados estruturados não melhoram o ranking, mas ajudam a ter uma listagem mais rica na busca de imagens. O Yoast SEO adiciona automaticamente os dados estruturados corretos a várias imagens do seu site (como o logo ou as imagens dos artigos “how-to”).

OpenGraph e compartilhamento social

Para o compartilhamento em redes, adicione a seguinte tag de imagem à seção <head> do HTML da página:

<meta property="og:image" content="https://exemplo.com/link-da-imagem.jpg" />

Isso garante que a imagem apareça ao compartilhar no Facebook, Twitter/X ou Pinterest (que usam OpenGraph).

O Yoast SEO tem uma seção de aparência nas redes sociais onde você define — e, no Premium, pré-visualiza — os seus posts. Use uma imagem de alta qualidade, pois as redes costumam usar imagens maiores. Se configurou tudo mas não aparece a imagem certa, limpe o cache do Facebook no URL Debugger.

Sitemaps XML de imagem

Você pode se perguntar sobre sitemaps XML de imagem. Preferimos descrever como imagens nos sitemaps XML. Segundo o Google, as extensões de imagem para sitemaps dão mais informação sobre as imagens das suas páginas, ajudando a descobrir imagens que ele talvez não encontrasse (como as carregadas por JavaScript) e a indicar quais quer que sejam rastreadas e indexadas. O Yoast SEO não gera um sitemap separado, mas inclui as imagens nos sitemaps de posts e páginas — o que ajuda o Google a indexá-las.

Servindo imagens por uma CDN de imagem

As CDNs são uma das otimizações de velocidade mais populares. Algumas empresas oferecem uma CDN específica para imagens, construída para otimizá-las e entregá-las o mais rápido possível. Uma CDN de imagem permite transformar, otimizar e entregar imagens — por exemplo, converter todos os PNG para WebP em tempo real. Há muitas opções, como Sirv, Cloudinary e Imagekit; plataformas como a Cloudflare também permitem redimensionar, reformatar e servir imagens.

SEO de imagem: resumo

O SEO de imagem é a soma de vários elementos. Com o Google reconhecendo cada vez melhor o conteúdo das imagens, faz sentido garantir que a imagem e os seus elementos contribuam para uma boa experiência e para o SEO. Lembre destes 12 pontos ao adicionar uma imagem:

• Use uma imagem relevante que combine com o texto
• Escolha um bom nome de arquivo
• Garanta que as dimensões batam com o tamanho de exibição
• Use srcset quando possível
• Reduza o tamanho do arquivo para carregar mais rápido
• Especifique width e height
• Adicione legenda, quando fizer sentido
• Use o texto alt. O title não é necessário
• Adicione dados estruturados às imagens
• Adicione as tags OpenGraph e Twitter Card
• Inclua as imagens nos sitemaps XML
• Sirva as imagens por uma CDN

Além de contribuir para o SEO e a experiência, as imagens também são importantes para a conversão. Para acompanhar como as suas páginas otimizadas se saem na busca, uma ferramenta como a Semrush ajuda a monitorar posições e o tráfego de imagens. Não subestime a importância do SEO de imagem no seu site!