Otimizar imagens para SEO significa reduzir o tamanho do arquivo sem perder qualidade, nomear os arquivos com descricoes ricas em palavras-chave, preencher o texto alternativo (alt text) de forma descritiva e usar formatos modernos como WebP. Essas acoes ajudam mecanismos de busca a entenderem o conteudo visual, melhoram a velocidade do site e aumentam as chances de aparecer em resultados de pesquisa de imagens.<\/p>\n
Negligenciar a otimizacao de imagens e um dos erros tecnicos mais comuns que vejo em auditorias. Uma imagem de 2 MB nao processada pode custar segundos preciosos de carregamento, afetando tanto a experiencia do usuario quanto os sinais de qualidade que o Google avalia. A boa noticia e que as correcoes sao diretas e o retorno e rapido.<\/p>\n
Resumo rapido<\/strong><\/p>\n Compacte imagens para WebP ou AVIF mantendo qualidade visual.<\/p>\n Use nomes de arquivo descritivos com hifens, como tenis-corrida-masculino-azul.webp.<\/p>\n Escreva alt text que descreva o conteudo da imagem para usuarios e crawlers.<\/p>\n Adicione dados estruturados de ImageObject para melhorar a elegibilidade em recursos de busca.<\/p>\n<\/div>\n Imagens nao otimizadas sao a causa principal de paginas lentas. E isso importa: o Google usa a velocidade de carregamento como fator de ranking desde 2010, e o Core Web Vitals tornou isso ainda mais relevante. Uma pagina que demora mais de 3 segundos para carregar perde mais da metade dos visitantes.<\/p>\n Mas nao e so sobre velocidade. Imagens bem otimizadas tambem geram trafego organico diretamente do Google Imagens. Um estudo do Search Engine Land mostrou que o trafego de imagens bem configuradas pode representar ate 20% do trafego total de busca de um site de comercio eletronico.<\/p>\n Na minha experiencia com mais de 50 auditorias de SEO tecnico, o ganho mais rapido e consistente vem de imagens. Trocar JPEGs pesados por WebP com compressao de 80% mantem a qualidade e reduz o peso em 60% a 80%. Faca isso primeiro, antes de mexer em JavaScript ou CSS.<\/p>\n<\/blockquote>\n O formato padrao hoje e WebP, suportado por todos os navegadores modernos. O AVIF oferece compressao ainda melhor, mas o suporte ainda nao e universal. JPEG e PNG ainda tem seu lugar para compatibilidade, mas nao deveriam ser a escolha padrao para novas imagens.<\/p>\n Use WebP como formato principal e tenha uma versao JPEG para navegadores antigos. Voce pode fazer isso com a tag O nome do arquivo e um sinal semantico para o Google. Um nome como IMG_4523.jpg<\/em> nao diz nada. Ja tenis-corrida-masculino-azul-45.webp<\/em> comunica exatamente o que e a imagem.<\/p>\n Regras basicas para nomes de arquivo:<\/p>\n Use palavras descritivas separadas por hifens. Evite underscores, espacos ou caracteres especiais. Inclua a palavra-chave principal, mas de forma natural. Mantenha o nome abaixo de 50 caracteres.<\/p>\n Exemplo pratico: se voce vende moveis planejados e esta otimizando a imagem de um armario de cozinha, o nome ideal e armario-cozinha-planejado-branco-2m.webp<\/em>.<\/p>\n Aqui vai um atalho que uso na TsoDen: antes de exportar as imagens de um novo lote de produtos, crio uma planilha com os nomes padrao baseados nas categorias e nos atributos principais. Isso evita retrabalho e garante consistencia em paginas com centenas de imagens.<\/p>\n<\/blockquote>\n O texto alternativo e o atributo O que evitar no alt text:<\/p>\n Nao encha de palavras-chave. Nao comece com “imagem de” ou “foto de”, o leitor ja sabe que e uma imagem. Nao repita descricoes obvias que ja estao no texto ao lado. Nao deixe vazio (alt=””) para imagens que transmitem informacao.<\/p>\n Exemplo para a imagem de um armario de cozinha: “Armario de cozinha planejado na cor branca com 2 metros de largura e puxadores cromados, instalado em uma cozinha com bancada de granito.”<\/p>\n Isso e util para o Google Imagens e para IA generativa, que pode usar o alt text como contexto ao responder perguntas sobre o produto.<\/p>\n Compressao e o processo de reduzir o tamanho do arquivo removendo dados redundantes. Ha duas abordagens: compressao com perdas (lossy) e sem perdas (lossless). A primeira e mais agressiva, a segunda preserva cada pixel.<\/p>\n Ferramentas que uso no dia a dia:<\/p>\n Squoosh (gratuito e online): permite comparar visualmente o resultado antes e depois. TinyPNG\/TinyJPG: compressao inteligente para PNG e JPEG. ImageMagick via linha de comando: essencial para processar lotes grandes. Plugins como ShortPixel ou Smush no WordPress automatizam o processo.<\/p>\n Meta pratica: para imagens de produto em comercio eletronico, defina a compressao entre 70% e 80% em WebP com perdas. Teste com uma amostra de 10 imagens e veja se a diferenca e perceptivel em um monitor comum. Normalmente nao e, e o ganho de velocidade e enorme.<\/p>\nPor que a otimizacao de imagens e importante para SEO?<\/h2>\n
\n
Quais formatos de imagem usar para SEO em 2026?<\/h2>\n
\n\n
\n \nFormato<\/th>\n Compressao<\/th>\n Suporte a transparencia<\/th>\n Melhor para<\/th>\n<\/tr>\n<\/thead>\n \n WebP<\/td>\n Excelente (com e sem perdas)<\/td>\n Sim<\/td>\n Fotografias, icones, graficos<\/td>\n<\/tr>\n \n AVIF<\/td>\n Superior ao WebP<\/td>\n Sim<\/td>\n Conteudo visual de alta qualidade<\/td>\n<\/tr>\n \n JPEG<\/td>\n Boa (com perdas)<\/td>\n Nao<\/td>\n Compatibilidade maxima<\/td>\n<\/tr>\n \n PNG<\/td>\n Moderada (sem perdas)<\/td>\n Sim<\/td>\n Logos, graficos, capturas de tela<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n <picture><\/code> e o atributo source<\/code>.<\/p>\nComo nomear arquivos de imagem para SEO?<\/h2>\n
\n
Como escrever alt text otimizado para imagens?<\/h2>\n
alt<\/code> na tag <img><\/code>. Ele descreve o conteudo da imagem para usuarios que usam leitores de tela e para crawlers que nao conseguem processar visuais. Um alt text bem escrito e conciso, descritivo e, quando relevante, inclui a palavra-chave alvo da pagina.<\/p>\nComo comprimir imagens sem perder qualidade?<\/h2>\n
O que sao dados estruturados de imagem e como usa-los?<\/h2>\n