# SEO de imagens em 2026: como fazer as imagens do blog aparecerem no Google Imagens, no Discover e na IA
O que o Google documenta sobre imagens no blog: tag img, nome de arquivo, texto alternativo, capa em og:image, Discover e velocidade, com um checklist pra aplicar em cada post.
Fonte: https://otto.doti.gg/blog/seo-de-imagens-em-2026-como-fazer-as-imagens-do-blog-aparecerem-no-google-imagens-no-discover-e-na-i
Autor: Isaque Coelho
Publicado: 2026-10-23T19:54:59.281Z
Atualizado: 2026-10-23T19:54:59.281Z
Categoria: Alcance e viralização
SEO de imagens no blog é fazer o Google entender, indexar e mostrar as imagens dos seus posts. Na prática: imagem em tag `![]()
` com `src`, nome de arquivo e texto alternativo descritivos, imagem perto do texto que ela explica, capa definida em `og:image` ou schema.org e página rápida. Não existe truque extra pra IA.
Quase todo blog cuida do título, da meta description e dos links, e deixa as imagens pra última hora. O resultado aparece em lugares diferentes: capa cortada na prévia do link, imagem que nunca entra no Google Imagens, post que poderia aparecer no Discover e não aparece. Este guia junta o que a documentação do Google diz sobre imagens, numa ordem que dá pra aplicar post por post.
Uma nota sobre o método: tudo o que aparece como regra vem da Central da Pesquisa Google, do web.dev e do W3C, com link e data de conferência na seção de fontes. O que é recomendação nossa aparece marcado como tal.
## Por que as imagens do blog importam pra busca e pra IA?
Porque o Google usa a mesma imagem em vários lugares. A página de práticas recomendadas do Imagens do Google explica que as imagens aparecem nos resultados de texto, no Google Discover e no Imagens do Google, e que as recomendações pra aparecer nos três são as mesmas.
Nos recursos de IA a lógica é parecida. A página do Google sobre Visões gerais criadas por IA e Modo IA diz que não há requisito extra pra aparecer ali e lista os princípios básicos de SEO que continuam valendo. Um deles é complementar o conteúdo em texto com imagens e vídeos de alta qualidade, quando fizer sentido. Outro é deixar o conteúdo importante em texto. Ou seja: a imagem ajuda, mas não substitui a explicação escrita. Se uma informação só existe dentro de uma imagem, ela fica de fora pra quem lê o texto da página, seja uma pessoa com leitor de tela, seja um sistema de busca.
| Onde a imagem aparece | O que o Google usa pra escolher | Onde isso está documentado |
|---|---|---|
| Resultado de texto (miniatura) | Imagem preferida em schema.org ou `og:image`, mais o conteúdo da página | Práticas de SEO para o Imagens do Google |
| Imagens do Google | Elemento `![]()
`, texto alternativo, nome do arquivo, legenda e texto em volta | Práticas de SEO para o Imagens do Google |
| Discover | Imagem grande e relevante, `max-image-preview:large`, `og:image` ou schema.org | O Discover e seu site |
| Visões gerais e Modo IA | Página indexada e qualificada pra snippet; imagens como complemento do texto | Recursos de IA e seu site |
## Como fazer o Google achar e indexar as imagens dos posts?
O primeiro passo é técnico e costuma ser o mais esquecido. Segundo o Google:
1. **Use o elemento `![]()
` com atributo `src`.** O Google encontra imagens no `src` do `![]()
`, inclusive dentro de um ``. Imagens definidas só em CSS, como `background-image`, não são indexadas.
2. **Use um formato aceito.** A Pesquisa aceita BMP, GIF, JPEG, PNG, WebP, SVG e AVIF. O Google também recomenda que a extensão do arquivo combine com o tipo real dele.
3. **Em imagem responsiva, mantenha um `src` de reserva.** Com `srcset` ou ``, alguns navegadores e rastreadores não entendem esses atributos, então o Google pede sempre um URL alternativo no `src`.
4. **Use sitemap de imagem quando ela for difícil de achar.** O sitemap de imagem serve principalmente pra imagens que o Google não encontraria sozinho, como as carregadas por JavaScript. Ele pode ser um arquivo separado ou tags adicionadas ao sitemap que você já tem.
5. **Repita o mesmo URL pra mesma imagem.** Se a imagem aparece em várias páginas, o Google recomenda referenciá-la sempre pelo mesmo endereço, pra poder reaproveitar o que já baixou.
Se o seu blog roda em plataforma pronta, abra um post publicado, clique com o botão direito na imagem e use "Inspecionar". Você vê na hora se ela é um `![]()
` com `src` ou um fundo em CSS. Depois disso, o guia de [Google Search Console](/blog/google-search-console-em-2026-como-saber-se-os-posts-do-blog-aparecem-no-google-e-ganham-clique) mostra como confirmar se as páginas estão indexadas.
## Que nome de arquivo e texto alternativo usar?
Aqui o Google é bem específico. O nome do arquivo dá pistas "muito leves" sobre o assunto da imagem, então vale usar nomes curtos e descritivos, como `capa-calendario-editorial.png` em vez de `IMG00023.JPG`. Nomes genéricos como `imagem1.jpg` devem ser evitados.
O texto alternativo pesa mais. A documentação chama o `alt` de atributo mais importante pra dar contexto a uma imagem: ele descreve a imagem, ajuda quem usa leitor de tela ou tem conexão fraca, e o Google combina esse texto com visão computacional e com o conteúdo da página pra entender o assunto. A mesma página alerta contra o excesso de palavras-chave no `alt`, que piora a experiência e pode fazer o site ser visto como spam.
Compare (exemplos nossos, pra ilustrar a regra):
| Situação | Texto alternativo |
|---|---|
| Ruim, vazio numa imagem que informa | `alt=""` |
| Ruim, lista de palavras-chave | `alt="seo seo de imagens google imagens otimizar imagens blog"` |
| Melhor | `alt="Calendário editorial de um mês"` |
| Muito melhor | `alt="Calendário editorial de outubro com três posts por semana no X e dois no LinkedIn"` |
Nem toda imagem precisa de descrição. A árvore de decisão do W3C ajuda a classificar: imagem só decorativa leva `alt` vazio, imagem que é link descreve o destino, imagem com texto que não aparece em outro lugar da página leva esse texto no `alt`, e imagem que informa ganha uma descrição curta do que ela mostra. Pra escrever a descrição em si, o nosso guia de [texto alternativo](/blog/texto-alternativo-em-2026-como-descrever-imagens-no-x-no-linkedin-e-no-threads-e-alcancar-quem-usa-l) tem modelos que servem tanto pro blog quanto pras redes.
### Onde colocar a imagem dentro do post?
Perto do texto que ela explica. O Google diz que extrai informação sobre o assunto da imagem do conteúdo da página, incluindo legendas e títulos, e recomenda colocar imagens perto de texto relevante e em páginas que fazem sentido pro assunto delas.
Na prática, recomendação nossa:
- **Uma imagem por ideia.** Se a seção explica um passo, a imagem mostra aquele passo, logo abaixo do parágrafo.
- **Legenda curta quando a imagem precisa de leitura.** Uma frase dizendo o que a pessoa deve notar ajuda o leitor e dá contexto ao Google.
- **O dado importante também em texto.** Se a imagem é uma tabela ou um print, repita a conclusão no parágrafo. Isso segue a recomendação de deixar o conteúdo importante em texto.
- **Nada de imagem genérica de banco só pra quebrar o texto.** Ela não informa nada e ocupa peso na página.
## Como escolher a capa que aparece no Google, no Discover e nas redes?
A capa é a imagem que representa o post fora dele. O Google explica que a escolha da prévia visual é automática, mas que você pode indicar a preferida de duas formas: pela propriedade `primaryImageOfPage` ou pela propriedade `image` da entidade principal no schema.org, ou pela meta tag `og:image`.
Pra essa imagem preferida, o Google pede:
- uma imagem relevante e representativa da página;
- nada genérico, como o logotipo do site;
- evitar imagem com muito texto;
- evitar proporções extremas, muito estreitas ou muito largas;
- alta resolução, quando possível.
O Discover tem especificações próprias, publicadas na página do Google sobre o Discover: imagens com pelo menos 1.200 px de largura, mais de 300.000 pixels no total e proporção 16:9, além de ativar a configuração `max-image-preview:large` (ou usar AMP). A documentação de meta tags robots explica que `max-image-preview` aceita `none`, `standard` e `large`, e que `large` permite uma prévia maior, até a largura da tela. A mesma página do Discover pede pra evitar clickbait também na imagem de prévia.
A `og:image` é a mesma tag que o X, o LinkedIn e o Threads usam pra montar a prévia quando alguém compartilha o link. Então uma capa bem escolhida trabalha duas vezes. O guia de [prévia de link com Open Graph](/blog/previa-de-link-em-2026-como-configurar-open-graph-pro-seu-link-aparecer-com-imagem-no-x-no-linkedin) mostra como testar essa parte, e o de [dados estruturados](/blog/dados-estruturados-em-2026-como-usar-schema-no-blog-pro-google-e-a-ia-entenderem-cada-post) mostra onde entra a propriedade `image` no schema do artigo.
## Imagem pesada atrapalha o post?
Pode atrapalhar a experiência, e a experiência na página é um dos princípios que o Google lista. A página do Imagens do Google lembra que imagens costumam ser o que mais pesa numa página e recomenda técnicas de otimização e imagens responsivas, com análise no PageSpeed Insights.
O web.dev, do time do Chrome, detalha três cuidados:
1. **`loading="lazy"` só pra imagens fora da primeira tela.** O artigo sobre carregamento lento diz pra não aplicar `lazy` em imagens que provavelmente aparecem na tela ao abrir a página, principalmente a imagem LCP, que costuma ser a capa.
2. **`fetchpriority="high"` pra imagem mais importante.** Pra subir a prioridade de uma imagem como a LCP, o web.dev indica o atributo `fetchpriority="high"`.
3. **`width` e `height` em todo `![]()
`.** Sem as dimensões, o navegador não reserva espaço e o layout pula quando a imagem carrega.
Um ajuste simples, recomendação nossa: exporte cada imagem no tamanho em que ela aparece, em WebP ou AVIF quando a plataforma aceitar, e confira o resultado no PageSpeed Insights antes de publicar o primeiro post com o modelo novo.
## Checklist de SEO de imagens pra cada post
Use antes de publicar. O que é regra tem fonte acima; o que é recomendação nossa está marcado.
- [ ] Toda imagem do texto é um `![]()
` com `src`, não fundo em CSS
- [ ] Formato aceito (JPEG, PNG, WebP, AVIF, GIF, SVG ou BMP) e extensão batendo com o tipo
- [ ] Nome de arquivo curto e descritivo
- [ ] `alt` descritivo nas imagens que informam e vazio nas decorativas
- [ ] Imagem perto do parágrafo que ela explica, com legenda quando precisar
- [ ] Conclusão da imagem repetida em texto
- [ ] Capa relevante em `og:image` e na propriedade `image` do schema
- [ ] Capa com pelo menos 1.200 px de largura e proporção 16:9, se o Discover importa pra você
- [ ] `max-image-preview:large` ativo na página
- [ ] Capa sem `loading="lazy"`; demais imagens com `lazy`, `width` e `height`
- [ ] Recomendação nossa: teste do link numa prévia do X ou do LinkedIn antes de divulgar
Depois de publicar, ligue o post novo aos guias relacionados. O guia de [links internos](/blog/links-internos-em-2026-como-ligar-os-posts-do-blog-pro-google-achar-e-entender-cada-um) explica por que isso ajuda o Google a achar cada página, e o [checklist de AEO e GEO](/blog/aeo-e-geo-em-2026-como-ser-citado-por-ia-e-pelo-google-com-um-checklist-tecnico-e-de-escrita) cobre o resto do que pesa pra ser citado por IA.
Com o post no ar, ele ainda precisa ser visto. O [Otto](https://otto.doti.gg) transforma o guia que você publicou em posts pro X, pro LinkedIn e pro Threads, na sua voz, e publica nas três redes, com o link do post levando a capa que você acabou de preparar.
## Perguntas frequentes
**O Google lê o texto que está dentro da imagem?**
A documentação diz que o Google combina o texto alternativo com algoritmos de visão computacional e com o conteúdo da página pra entender o assunto da imagem. Por isso a recomendação é não depender da imagem: o que importa precisa estar também em texto.
**Imagem em CSS aparece no Google Imagens?**
Não. O Google diz que não indexa imagens CSS. Use `![]()
` pra toda imagem que você quer ver nos resultados.
**Preciso de sitemap de imagem?**
Só se o Google tiver dificuldade pra achar as imagens, por exemplo quando elas são carregadas por JavaScript. Se as imagens já estão em `![]()
` no HTML, o rastreamento normal costuma encontrá-las.
**WebP ou AVIF atrapalham o SEO?**
Não. Os dois estão na lista de formatos aceitos pela Pesquisa Google, ao lado de JPEG, PNG, GIF, SVG e BMP.
**Posso usar o logotipo como imagem de capa?**
O Google recomenda evitar imagens genéricas, como o logotipo do site, na `og:image` e no schema. Prefira uma imagem que represente o assunto do post.
**Preciso de imagem especial pra aparecer nas respostas de IA do Google?**
Não. O Google diz que não há requisito extra pra Visões gerais e Modo IA. Imagens de qualidade entram como complemento do texto, dentro das práticas normais de SEO.
## Fontes
- [Práticas recomendadas de SEO para o Imagens do Google](https://developers.google.com/search/docs/appearance/google-images?hl=pt-br), Central da Pesquisa Google, conferido em 23/10/2026.
- [Recursos de IA e seu site](https://developers.google.com/search/docs/appearance/ai-features?hl=pt-br), Central da Pesquisa Google, conferido em 23/10/2026.
- [O Discover e seu site](https://developers.google.com/search/docs/appearance/google-discover?hl=pt-br), Central da Pesquisa Google, conferido em 23/10/2026.
- [Sitemaps de imagem](https://developers.google.com/search/docs/crawling-indexing/sitemaps/image-sitemaps?hl=pt-br), Central da Pesquisa Google, conferido em 23/10/2026.
- [Especificações da metatag robots, data-nosnippet e X-Robots-Tag](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag?hl=pt-br), Central da Pesquisa Google, conferido em 23/10/2026.
- [Browser-level image lazy loading for the web](https://web.dev/articles/browser-level-image-lazy-loading), web.dev, conferido em 23/10/2026.
- [An alt Decision Tree](https://www.w3.org/WAI/tutorials/images/decision-tree/), W3C Web Accessibility Initiative, conferido em 23/10/2026.
- [PageSpeed Insights](https://pagespeed.web.dev/), Google, conferido em 23/10/2026.