O SEO de imagens realmente traz tráfego ou é apenas mais uma tarefa de SEO que o mantém ocupado?
A maioria dos proprietários de sites otimiza seu texto para buscas, mas trata suas imagens como um detalhe posterior. Isso pode significar perder oportunidades de aparecer no Google Imagens e nas respostas de IA.
Neste guia, você aprenderá como otimizar imagens no WordPress e transformá-las em outra maneira de as pessoas encontrarem seu site.
Veja o que abordaremos neste artigo:
- Renomeie seus arquivos de imagem antes de enviá-los
- Escreva texto alternativo que ajude no SEO e na acessibilidade
- Otimize o título, a legenda e a descrição da imagem
- Redimensione e comprima imagens para acelerar seu site
- Escolha o formato de imagem correto
- Sirva imagens rapidamente: lazy loading, imagens responsivas e uma CDN
- Ajude o Google a encontrar suas imagens: sitemaps de imagens e dados estruturados
- Tutorial em Vídeo
- Perguntas Frequentes Sobre SEO de Imagens
- Recursos Adicionais Sobre Otimização de Imagens no WordPress
Renomeie seus arquivos de imagem antes de enviá-los
Renomeie seus arquivos de imagem antes de enviá-los para o WordPress. Um nome de arquivo descritivo dá aos mecanismos de busca uma pista leve sobre o que uma imagem mostra e os ajuda a entender sua relevância para a página.
Por exemplo, se você está adicionando uma foto de uma casa de madeira vermelha, renomeie DSC00434.jpeg para casa-de-madeira-vermelha.jpeg. Evite nomes genéricos, números gerados pela câmera ou nomes de arquivo que não descrevem a imagem.
Use hifens (-) para separar palavras em seus nomes de arquivo em vez de underscores (_). Os mecanismos de busca podem interpretar hifens como espaços entre palavras, tornando casa-de-madeira-vermelha.jpg mais fácil de entender do que casa_de_madeira_vermelha.jpg.
Você não precisa encher seus nomes de arquivo com palavras-chave. Em vez disso, use um nome curto e descritivo que corresponda à imagem.
Escreva texto alternativo que ajude no SEO e na acessibilidade
O texto alternativo é uma descrição curta adicionada a uma imagem em HTML. Ele ajuda os leitores de tela a descrever a imagem para os visitantes e fornece informações úteis sobre ela aos mecanismos de busca.
Escreva um texto alternativo que descreva claramente a imagem e se encaixe no contexto do seu artigo. O Google usa o texto alternativo, juntamente com o conteúdo ao redor, para entender o que a imagem mostra.
Por exemplo, se você está escrevendo sobre o cultivo de tomates, uma imagem de plantas de tomate em um jardim poderia usar um texto alternativo como Plantas de tomate crescendo em um canteiro elevado.
Se o seu site já tem centenas de imagens sem texto alternativo, você não precisa atualizá-las uma por uma. Você pode conectar seu site a uma ferramenta de IA, como o ChatGPT através do plugin gratuito WPVibe e gerar texto alternativo em massa com ele.
Você também pode seguir nosso guia sobre gerar automaticamente texto alternativo de imagem com IA para explorar outras opções.
Qual o tamanho ideal do texto alternativo?
O Google não define um limite de caracteres para o texto alternativo. A diretriz comum de 125 caracteres, na verdade, vem de como leitores de tela mais antigos, como o JAWS, costumavam cortar textos alternativos longos em pedaços.
Concentre-se nos detalhes que ajudam as pessoas a entender a imagem, em vez de tentar atingir um comprimento específico. Aqui estão alguns exemplos:
| Muito vago | Texto alternativo melhor | Texto alternativo mais descritivo |
|---|---|---|
| Pão | Pão em uma mesa | Pão de fermentação natural esfriando em uma grade |
| Japão | Turistas visitando o Japão | Turistas visitando o Santuário Fushimi Inari em Kyoto, Japão |
| Painel do WordPress | Editor de site do WordPress | Editor de site do WordPress mostrando o modelo da página inicial |
Comece com a parte mais útil da descrição em vez de frases como "imagem de" ou "foto de". Leitores de tela já identificam o conteúdo como uma imagem, então essas palavras apenas adicionam ruído extra.
Se a imagem precisar de uma explicação mais longa, coloque essa informação no conteúdo ao redor ou em uma legenda em vez de tentar encaixar tudo no texto alternativo.
Otimize o título, a legenda e a descrição da imagem
O WordPress oferece vários campos para descrever uma imagem, como Título, Legenda e Descrição.
Eles servem a propósitos diferentes, mas informações claras sobre a imagem podem ajudar mecanismos de busca e sistemas de IA a entender o que uma imagem mostra e como ela se relaciona com seu conteúdo.
Lembre-se de que editar esses campos na Biblioteca de Mídia não atualiza imagens que você já colocou em posts ou páginas. Você precisará editar essas imagens diretamente onde elas aparecem.
Título da Imagem
O título da imagem ajuda você a identificar e organizar imagens na Biblioteca de Mídia do WordPress. Além disso, pode ajudar ferramentas de busca de IA a entender seu conteúdo.
Descrição da Imagem
O campo de descrição permite adicionar informações adicionais sobre uma imagem em sua Biblioteca de Mídia do WordPress.
Legenda da Imagem
Uma legenda aparece abaixo da imagem e fornece contexto adicional aos visitantes. Use uma quando precisar explicar uma imagem, fornecer atribuição ou apontar um detalhe importante.
O Google diz especificamente que usa títulos e legendas de imagens para entender imagens. Mantenha suas legendas claras e relevantes para a imagem e a página.
Redimensione e comprima imagens para acelerar seu site
Arquivos de imagem grandes podem deixar suas páginas lentas, o que pode prejudicar o ranking e fazer com que os visitantes saiam mais facilmente. Redimensionar e compactar suas imagens é uma das maneiras mais fáceis de melhorar a velocidade da página.
Antes de fazer o upload de uma imagem para o WordPress, redimensione-a para o tamanho maior que seu site precisa. Não há razão para fazer o upload de uma imagem de 4000 pixels de largura se o seu site a exibe com apenas 1200 pixels de largura.
Em seguida, compacte a imagem para reduzir seu tamanho de arquivo sem reduzir notavelmente sua qualidade.
A compactação também pode remover metadados da câmera que os visitantes nunca veem, tornando os arquivos ainda menores. No WPBeginner, usamos TinyPNG para compactar imagens antes de fazer o upload delas.
Você também pode usar plugins como EWWW Image Optimizer ou Optimole para automatizar a compactação de imagens.
Para instruções passo a passo, consulte nosso guia sobre como otimizar imagens para desempenho na web sem perder qualidade.
Escolha o formato de imagem correto
O formato de imagem correto pode ajudá-lo a equilibrar a qualidade da imagem e o tamanho do arquivo. Veja o que usar para os tipos mais comuns de imagens:
| Formato da Imagem | Ideal para |
|---|---|
| WebP | Uma boa opção para a maioria das fotos e gráficos. Oferece boa qualidade de imagem com tamanhos de arquivo menores do que formatos mais antigos, como JPEG e PNG. |
| AVIF | Fotos e outras imagens detalhadas quando você deseja tamanhos de arquivo muito pequenos. Oferece excelente compactação, mas alguns editores de imagem e ferramentas mais antigas não conseguem abri-lo ou exportá-lo. |
| JPEG | Fotos e outras imagens com muitas cores. Continua sendo uma escolha prática quando você precisa de um formato amplamente suportado. |
| PNG | Logotipos, capturas de tela e gráficos que precisam de transparência ou detalhes nítidos. |
| SVG | Logotipos simples, ícones e outros gráficos vetoriais que precisam permanecer nítidos em diferentes tamanhos. |
Você pode aprender mais sobre as diferenças entre WebP, PNG e JPEG em nosso guia sobre o melhor formato de imagem para WordPress.
Sirva imagens rapidamente: lazy loading, imagens responsivas e uma CDN
O WordPress carrega automaticamente imagens que não estão imediatamente visíveis na tela e usa imagens responsivas com srcset para que os navegadores possam baixar um tamanho de imagem apropriado para cada tela.
A principal coisa a observar é o seu Largest Contentful Paint (LCP), o tempo que o maior elemento visível na página leva para carregar.
Se sua imagem principal aparece perto do topo da página, você não quer que o carregamento lento a atrase. O WordPress já pula o carregamento lento para as três primeiras imagens de uma página.
Se você usa um plugin como o Optimole, pode alterar quantas imagens iniciais são excluídas do carregamento lento. Para mais dicas, veja nosso guia sobre como carregar imagens lentamente no WordPress com facilidade.
Se o seu site tem visitantes do mundo todo ou serve muitas imagens grandes, uma rede de distribuição de conteúdo (CDN) pode ajudar enviando seus arquivos de um servidor mais próximo de cada visitante.
Ajude o Google a encontrar suas imagens: sitemaps de imagens e dados estruturados
A maioria dos sites WordPress não precisa de um sitemap de imagens separado. O Google geralmente pode descobrir imagens rastreando as páginas onde elas aparecem.
Um sitemap de imagens pode ajudar se você tem um site grande e com muitas imagens ou usa imagens que são difíceis de descobrir através da navegação normal e links internos.
Se você usa AIOSEO, não precisa criar um sitemap de imagens separado porque ele adiciona suas imagens ao seu sitemap XML por padrão.
Veja nosso guia sobre como criar um sitemap no WordPress para detalhes.
Para conteúdo onde as imagens são uma parte importante do resultado, os dados estruturados podem dar ao Google mais informações sobre a página.
Por exemplo, o schema de Produto pode descrever a imagem, o preço e a disponibilidade de um produto, enquanto o schema de Receita pode fornecer informações sobre uma receita e sua imagem.
Esses detalhes podem ajudar o Google a entender a página e torná-la elegível para resultados de pesquisa mais ricos.
Você não precisa de um schema especial para Resumos de IA ou Modo IA. O Google pode usar os mesmos sinais de SEO para entender seu conteúdo, então adicione dados estruturados apenas quando eles se encaixarem na sua página.
Para mais informações, siga nosso guia sobre como usar rich snippets no WordPress.
Tutorial em Vídeo
Perguntas Frequentes Sobre SEO de Imagens
WebP é melhor que JPEG ou PNG para SEO?
Não, o Google não dá a nenhum formato de imagem uma vantagem de classificação.
WebP pode fornecer boa qualidade com um tamanho de arquivo menor, mas JPEG, PNG, AVIF e SVG têm situações em que fazem mais sentido. Escolha o formato que lhe dá o equilíbrio certo entre qualidade e tamanho do arquivo.
As pessoas podem encontrar meu site pesquisando com uma foto?
Sim, o Google Lens permite que as pessoas pesquisem com uma imagem para encontrar imagens semelhantes, identificar objetos na imagem e descobrir sites que usam a mesma imagem ou uma semelhante.
Como faço para minhas imagens aparecerem nos Resumos de IA e respostas de IA do Google?
Não há um truque especial de SEO de imagem que garanta a colocação em Resumos de IA ou Modo IA. O Google recomenda os mesmos fundamentos de SEO que usa para a pesquisa regular.
Isso significa criar conteúdo útil, fornecer uma boa experiência de página, manter suas páginas rastreáveis e usar imagens de alta qualidade que aprimoram seu conteúdo.
Recursos Adicionais Sobre Otimização de Imagens no WordPress
- Como Encontrar Imagens Livres de Royalties para Seus Posts de Blog WordPress
- Como Criar uma Galeria de Imagens no WordPress (Passo a Passo)
- Como Corrigir Problemas Comuns de Imagem no WordPress (Guia Fácil)
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
bonmot
O código após “Se você está familiarizado com código, então você também pode fazer isso manualmente adicionando o seguinte código diretamente ao arquivo functions.php do seu tema.” parece estar incompleto. Não deveria haver:
function wpb_redirect_attachment_to_post () {
antes
if ( is_attachment() ) {
?
WPBeginner Support
Obrigado por notar isso, deve estar corrigido no artigo agora
Admin
Jiří Vaněk
O formato da imagem tem algum efeito no SEO? É jpeg, webp ou png? Eu uso webp por causa do tamanho, há uma chance melhor para SEO de que o Google possa preferir este tipo de imagem por causa do seu tamanho?
WPBeginner Support
A menos que ouçamos o contrário, não há vantagem de SEO para o formato da imagem, seria melhor usar o formato de imagem que melhor se adapta ao uso da imagem.
Admin
Jiří Vaněk
Obrigado pela resposta, eu esperava que o Google preferisse um formato de imagem personalizado e também que preferisse o tamanho. Dano. De qualquer forma, obrigado pela resposta. Eu uso webp na Web e continuarei a usá-lo.
Patricia
“Observação: Alterar a tag alt ou a legenda de uma imagem através da Biblioteca de Mídia não a alterará nas postagens e páginas onde a imagem já está sendo usada.”
Se este for o caso, como posso ajustar as tags alt das imagens já em uso?
Joe Staiano
Tudo bem editar todas essas fotos na minha Biblioteca de Mídia do Painel do WP se o site e as páginas individuais já estiverem publicados e ativos? Preciso excluir cada foto e recarregar uma versão copiada da foto que tenha as tags Alt, Título e Descrição corretas?
WPBeginner Support
Se você fez alterações na biblioteca de mídia nas tags de imagem, precisaria reenviar as imagens para que as informações sejam as que você alterou para a mídia já presente em seu site.
Admin
Nelda Schulte
Essa foi uma ótima explicação. Tenho procurado por este tipo específico de informação há dias, a sua foi a melhor que encontrei. Obrigado!
WPBeginner Support
De nada
Admin
Philbeaux
A descrição de uma imagem anexada tem algum efeito no SEO de uma página?
WPBeginner Support
No momento, não tem um grande impacto no SEO.
Admin
Favian
Re: tamanho da imagem – Carreguei imagens de 1200x1200px com <1mb. Faz sentido reduzir o tamanho do arquivo diretamente no WP (por exemplo, inserir imagens não em 'tamanho completo', mas em 'grande', 'médio' etc.)? Ou tenho que cuidar do tamanho da imagem ao carregar as imagens diretamente do meu disco rígido? Obrigado
WPBeginner Support
Nesse ponto, torna-se mais uma questão de preferência pessoal, mas preferimos otimizar e redimensionar as imagens antes de carregá-las em um site WordPress, se é isso que você quer dizer.
Admin
Ahmed
Obrigado por este bom post.
WPBeginner Support
De nada, fico feliz que você gostou do nosso post
Admin
sanjay sajeev
Olá,
Obrigado por compartilhar as dicas de otimização de imagens. Minha preocupação é outra. Por exemplo, publiquei um post de blog incluindo uma imagem. Mais tarde, quero remover essa imagem do post e adicionar uma nova. Se eu removê-la e adicionar uma nova imagem. Isso afetará o SEO do meu site?
WPBeginner Support
Não deve haver uma grande mudança no ranking do SEO do seu site se você alterar a imagem.
Admin
Jad
E o campo Descrição?!
WPBeginner Support
Esse campo serve para exibir texto na página de anexo da imagem ou abaixo da imagem, dependendo do design do seu tema, em vez de algo importante para SEO no momento.
Admin
Denisse
Olá! Muito obrigado por esta informação. Estou procurando um post como este há um tempo.
Para as fotos minhas que vão na minha seção "Sobre mim" no meu blog, elas ainda precisam de metadados?
WPBeginner Support
Recomendamos adicionar metadados a essas imagens também.
Admin
denisse
Agradeço sua rápida resposta.
Avinash
Olá,
Obrigado pelo ótimo artigo.
Existem diretrizes específicas para adicionar texto alternativo à imagem de capa do blog?
WPBeginner Support
Você seguiria o mesmo procedimento para outras imagens; ao selecionar a imagem, você deve ter a opção de editar as tags com o uploader de mídia.
Admin
Tom
Olá:
Ótimo artigo!!!
Tenho uma pergunta, você disse: “Alterar a tag alt ou a legenda de uma imagem através da Biblioteca de Mídia não a alterará nas postagens e páginas onde a imagem já é usada.”
Isso significa que preciso inserir a imagem novamente depois de adicionar a tag alt na Biblioteca de Mídia?
Obrigado
WPBeginner Support
Depois de configurá-lo na biblioteca de mídia, assim que você tentar adicioná-lo a uma postagem, ele deverá trazer as tags que você definiu na biblioteca de mídia.
Admin
ivykaye
Obrigado
WPBeginner Support
De nada
Admin
Franci Hoffman
Isso é muito útil, Syed, especialmente sua explicação sobre “Como Adicionar Texto Alternativo, Título e Legenda a Imagens no WordPress”.
Obrigado.
WPBeginner Support
Fico feliz que nosso artigo foi útil
Admin
Rob
Faço SEO desde antes do Google existir. Vim ler isso apenas por diversão e porque confio no WP beginner.
Na verdade, aprendi algo.
Eu não tinha ideia de que a tag alt era usada na pesquisa de imagens do Google para descrever a imagem.
WPBeginner Support
Fico feliz que nosso artigo pôde ajudar a ensinar algo novo
Admin
Linda
Devido a restrições de tempo e ao grande volume de fotos que me pedem para postar em mais de 5 sites que gerencio para minha organização, muitas vezes negligencio os metadados e me arrependo mais tarde. Este é um artigo muito importante e um ótimo incentivo para todos nós organizarmos nossas bibliotecas de mídia desde o início e nos disciplinarmos com cada imagem adicionada para fornecer essas informações. (Sem mencionar nossas postagens e páginas!)
Obrigado.
WPBeginner Support
Obrigado pelo feedback sobre nosso artigo e a importância dos metadados
Admin
John Monyjok Maluth
Uau! Ótimo artigo novamente. Preciso disso para melhorar minhas imagens. Sim, estou usando Yoast SEO, mas nunca pensei em usá-lo para melhorar as imagens do meu site, especialmente desativando as “páginas de anexo”.
Obrigado por me ajudar a encontrar as melhores dicas do WordPress quando preciso. Você me ensinou muitas coisas.
John Shalom
WPBeginner Support
Ficamos felizes que nosso artigo pôde ajudar
Admin
Nur Salam
Devo usar arquivos originais de fotos de banco de imagens. Porque as imagens são de alta resolução e tamanho. E o gtmetrics sugeriu o uso de fotos otimizadas…
WPBeginner Support
Dependendo de onde você obteve a foto de banco de imagens, você deve verificar o acordo de licença para ter certeza de que isso é permitido.
Admin
Chris
Recebo regularmente uma mensagem no meu desktop sobre o seu site. Como faço para parar isso?
WPBeginner Support
Se o seu navegador aceitou automaticamente nossas notificações push por algum motivo, você deve conseguir clicar com o botão direito nas notificações para pará-las.
Admin