Como fazer SEO para imagens e por que isso importa?

Última atualização em 21/08/2024 às 5:09

Uma imagem diz mais  que mil palavras?

Bom, se isso é verdade sempre, não me cabe dizer. Mas é indiscutível que as imagens são valiosas. E para quem trabalha com conteúdo na internet, é preciso pensar em SEO para imagens.

Muitas vezes, todo o foco vai para o texto — e isso é compreensível, afinal, é geralmente para isso que as pessoas acessam as informações. No entanto, há várias formas de contribuir para o texto e essa é uma delas.

Isso porque não estou nem falando do próprio Google Imagens (provavelmente também o maior buscador de imagens do mundo), que também é uma ferramenta que se sustenta por si só.

O grande ponto é que a otimização de imagens é uma dos fatores de ranqueamento de um site e se você não tem se tentado a isso, trago a oportunidade perfeita para você começar a pensar diferente.

Afinal, o que eu quero hoje é justamente falar sobre SEO para imagens e como elas importam!

Vamos nessa?

Mas antes de qualquer coisa, preciso te apresentar o checklist de etapas de SEO que meu time preparou com muito cuidado. Ele vai além de imagens e apresenta outras partes bem importantes para quem precisa otimizar seu site. Só baixar!

O que é SEO para imagens?

Sem muitos rodeios: 

O SEO para imagens é o processo de otimizar suas fotos, gráficos e outros elementos visuais para que eles se destacam aos olhos das máquinas, ou seja, os motores de busca. 

A ideia é fazer com que essas imagens sejam facilmente encontradas e indexadas por buscadores como o Google (e nisso, o Google Imagens também).

Assim como no caso do texto, você deve imaginar, isso envolve uma série de técnicas que garantem que suas imagens sejam carregadas rapidamente, apareçam em pesquisas relevantes e contribuam para o desempenho geral do seu site.

Por que é importante otimizar as imagens para o Google?

Há várias razões pelas quais a otimização de imagens pode realmente fazer a diferença.

Vou elencar as 3 principais:

Para aparecer nos resultados da SERP

O primeiro grande motivo é, sem dúvida, garantir que suas imagens apareçam nos resultados da Página de Resultados do Motor de Busca (SERP). 

Por exemplo, imagine que você tenha uma loja online de acessórios para ciclistas. 

Ao otimizar as imagens de seus produtos, como capacetes decorados ou luzes de bicicleta LED, você aumenta a chance de essas imagens aparecem quando alguém busca por “acessórios de ciclismo estilosos” no Google. 

Isso não apenas melhora a visibilidade do seu produto, mas também direciona tráfego relevante para seu site.

Outro ponto importante de falar é que existem alguns termos que já incluem imagens da SERP nos painéis de informações, principalmente quando se tratam de representações visuais.

Quando falamos de um planeta, é natural que se espere ver imagens dele.

Nesse exemplo de plutão, já existem as imagens no card. E todas elas direcionam para algum site — porque foram extraídas deles.

Além disso, se você clicar em mais imagens, é direcionado para o Google Imagens. 

Vale dizer que, quando eu procurei informações no Quora, descobri que 10,1% de todo o tráfego do Google é para o Google Imagens.

Melhorar a experiência do usuário

Otimizar imagens também melhora significativamente a experiência do usuário em seu site. 

Imagens que são otimizadas para carregar rapidamente garantem que seu site seja mais ágil, o que é crucial para manter os visitantes satisfeitos e engajados. 

É só pensar em um blog de viagens com imagens de destinos diferentes. 

Se essas imagens carregam lentamente, os visitantes podem ficar frustrados e sair antes mesmo de começarem a sonhar com as próximas férias, não é mesmo?

Por outro lado, imagens rápidas e responsivas convidam os visitantes a permanecerem mais tempo e explorarem mais conteúdo!

Melhorar o ranking de SEO

A maioria do conteúdo online é uma combinação de texto e imagens, certo?

Então as imagens otimizadas influenciam diretamente o ranking de SEO do seu site. 

O Google leva em conta a otimização do site como um todo, incluindo as imagens, ao determinar as classificações. 

Vamos dizer que você tem um site de receitas. 

Se as imagens dos pratos preparados forem bem otimizadas, isso não apenas torna seu site mais atraente, mas também ajuda nas classificações de busca.

Mais pessoas vão encontrar suas receitas deliciosas quando pesquisarem por novas ideias de jantares!

E se tiver vídeos, é melhor ainda que você anexe no conteúdo.

Como fazer SEO para imagens?

Há muitas maneiras de fazer SEO para imagens.

Como o próprio Google diz: os requisitos técnicos para incluir seu conteúdo no resultado da pesquisa do Google também se aplicam a imagens. 

Só que o grande ponto é que elas tem um formato diferente do HTML. Ou seja, existem mais requisitos para esse tipo de indexação. 

Encontrar as imagens no seu site é diferente de encontrar um texto.

Além disso, a apresentação delas também influencia se uma imagem é indexada e se é para as palavras-chaves certas.

Aqui vão as dicas do próprio Google sobre como otimizar imagens para SEO:

Use bons nomes de arquivo, títulos e texto alternativo

O nome do arquivo de uma imagem é mais do que apenas uma etiqueta: ele entrega pistas valiosas ao Google sobre o conteúdo da imagem. 

Pense no nome do arquivo como o título de um livro, onde um nome como “gato-preto.jpg” revela muito mais sobre o conteúdo do que um genérico “IMG00023.JPG”. 

Ou seja, escolha nomes que sejam descritivos e relevantes. De preferência, que evitem sequências genéricas como “image1.jpg” ou “pic.gif”. 

Se o seu site possui muitas imagens, a automação pode ser uma saída.

Outro ponto é que as legendas e títulos das imagens são essenciais, pois o Google utiliza essas informações para entender melhor o contexto e o conteúdo das imagens. 

Então, deixe suas imagens próximas a textos relevantes e em seções do site que se alinham ao tema da imagem. 

O texto alternativo (alt text) é crucial tanto para SEO quanto para acessibilidade!

Ele permite que pessoas que usam leitores de tela entendam o que está sendo mostrado na imagem e também ajudam aqueles com conexões lentas de internet.

Ao escrever texto alternativo, foque em duas coisas: ser descritivo e informativo. O ideal é integrar palavras-chave de forma natural e pertinente. 

Evite o excesso de otimização, que pode prejudicar a experiência do usuário e potencialmente penalizar seu site nos rankings de busca.

Resumindo tudo isso, na exemplificação do próprio Google:

Utilize elementos de imagem HTML para incorporar

O elemento <img> no HTML é o coração da incorporação de imagens na web. Para que esse elemento trabalhe a seu favor no campo do SEO, é essencial usar corretamente seus atributos. 

O atributo src deve conter o URL da imagem, indicando ao navegador onde encontrar o arquivo que precisa ser exibido. 

Certifique-se de que o caminho seja correto e acessível, para evitar erros de carregamento que podem prejudicar a experiência do usuário e a percepção do site pelos motores de busca.

O Google pode encontrar imagens no atributo src do elemento <img> (mesmo quando é filho de outros elementos, por exemplo, o elemento <picture>). 

Ah, e ele  não indexa imagens CSS.

Exemplo de uma boa prática:

Escolha formatos de imagem compatíveis

O Google Pesquisa suporta uma variedade de formatos de imagem: BMP, GIF, JPEG, PNG, WebP e SVG. 

Cada formato tem suas peculiaridades e melhores usos.

Por exemplo, JPEG é ótimo para fotografias com muitos detalhes e cores, enquanto PNG é ideal para imagens com transparências. WebP, por outro lado, oferece uma compressão superior, o que pode ajudar a carregar suas páginas mais rapidamente sem sacrificar a qualidade visual.

Não esqueça de combinar a extensão do nome de arquivo com o tipo de arquivo. 

A inclusão de imagens in-line usando URIs de dados é outra tática que pode ser extremamente útil, especialmente quando você está tentando reduzir as solicitações HTTP para acelerar os tempos de carregamento da página. 

Você pode fazer isso codificando suas imagens em Base64, como mostrado no exemplo do Google:

<img src=”data:image/svg+xml;base64,[data]”>

Essa abordagem embute diretamente a imagem no HTML, eliminando a necessidade 

de solicitações HTTP adicionais que seriam necessárias para buscar imagens externas. 

No entanto, usar imagens in-line tem suas desvantagens: elas podem aumentar significativamente o tamanho da sua página HTML.

Paradoxalmente, é algo pode acabar retardando o tempo de carregamento se não usado com moderação!

A dica que fica é: use imagens in-line para arquivos menores que são cruciais para o carregamento inicial da página, como ícones ou pequenos gráficos. 

Para imagens maiores ou menos críticas, é melhor referenciá-las externamente para manter o tamanho da página otimizado.

Otimize a velocidade e a qualidade

A chave aqui é garantir que suas imagens sejam tanto visualmente atraentes quanto rapidamente carregáveis.

Fotos em alta qualidade não são apenas um capricho; elas são essenciais para capturar a atenção do usuário. 

Mas aqui está o desafio: imagens de alta resolução podem ser pesadas, e carregar esses arquivos grandalhões pode ser como tentar correr uma maratona com um saco de tijolos nas costas — lento e desgastante!

Para manter suas imagens tanto atraentes quanto leves, empregue as técnicas mais recentes de otimização de imagem.

 Comprimir imagens sem perder qualidade visual é possível com ferramentas modernas que ajustam a resolução, o formato e a compressão de acordo com as necessidades do usuário final.

Por exemplo, formatos como JPEG 2000, JPEG XR e WebP oferecem compressão superior com perda mínima de qualidade, tornando suas imagens mais leves e rápidas de carregar.

Use também ferramentas como o PageSpeed Insights para analisar a velocidade do seu site e identificar como as imagens podem estar afetando o desempenho. 

Ele oferece insights valiosos e recomendações específicas para melhorar a velocidade de carregamento das suas páginas,

Escolha imagens responsivas

As imagens responsivas garantem que cada usuário, não importa o dispositivo que esteja usando, tenha uma experiência visual excelente.

Ok, e como garantir isso?

O elemento <picture> agrupa diferentes versões de uma imagem.

Ou seja, garante que a mais adequada seja exibida dependendo das características do dispositivo do usuário, como tamanho de tela e densidade de pixels. 

Esse elemento é especialmente útil para uma degradação suave em navegadores que ainda não suportam os formatos mais novos. Por exemplo:

<picture>

  <source type=”image/svg+xml” srcset=”pyramid.svg”>

  <source type=”image/webp” srcset=”pyramid.webp”>

  <img src=”pyramid.png” alt=”An 1800s oil painting of The Great Pyramid”>

</picture>

Neste exemplo, o navegador escolhe a melhor opção entre SVG e WebP, recorrendo ao PNG se necessário. Essa flexibilidade assegura que todos os visitantes recebam uma imagem clara e adequada às suas condições de visualização.

O atributo srcset do elemento <img> permite especificar várias versões de uma imagem para diferentes resoluções de tela. 

Isso é fantástico para otimizar a experiência do usuário, garantindo que ele veja a imagem mais apropriada sem sobrecarregar seu dispositivo. 

O código informa ao navegador para escolher a imagem baseada na largura da tela, proporcionando assim a melhor versão possível sem desperdiçar largura de banda.

Apesar de srcset e <picture> serem poderosos, é importante lembrar que nem todos os navegadores e rastreadores compreendem esses atributos avançados.

Para garantir que sua imagem sempre seja acessível, sempre inclua um atributo src como um fallback. É o plano B para quando as tecnologias mais recentes não forem suportadas!

Atente-se aos dados estruturados

O  Google adora dados estruturados!

A razão disso é porque eles ajudam a entender melhor o conteúdo do seu site e, com isso, podem melhorar significativamente a maneira como suas imagens são exibidas nas pesquisas.

Incluir dados estruturados em suas imagens pode dar a elas uma chance de aparecer em pesquisas aprimoradas no Google, como as que mostram selos de destaque nas imagens do Google. 

Para garantir que suas imagens sejam elegíveis para esses recursos especiais, é crucial seguir as diretrizes gerais de dados estruturados do Google, bem como quaisquer diretrizes específicas para o tipo de dado estruturado que você está implementando. 

Cada imagem deve ter dados estruturados associados que sejam precisos e completos. 

Ah, e em todos os tipos de dados estruturados que você pode adicionar ao seu site, o campo da imagem é obrigatório se você deseja se qualificar para o selo de destaque e para aparecer nas pesquisas aprimoradas do Imagens do Google. 

E falando em Google, não posso deixar de dar aquele segundo lembrete sobre o checklist de etapas de SEO que meu time preparou para você. É só baixar e aproveitar!

Conclusão

Recapitulando, SEO para imagens é uma ferramenta de SEO importantíssima, mesmo que muitos negócios não foquem qualquer energia nisso. 

Espero que você concorde comigo!

Com a otimização de nomes de arquivos, uso de texto alternativo adequado e implementação de dados estruturados, suas imagens podem alcançar uma visibilidade maior nos resultados de pesquisa, atraindo mais tráfego para seu site.

Imagens responsivas e de carregamento rápido também garantem que todos, independentemente do dispositivo ou da velocidade da conexão, tenham uma experiência suave e agradável em seu site. 

E por serem otimizadas, elas são mais propensas a serem compartilhadas e engajadas em redes sociais e outras plataformas.

O que quero dizer, então, é:investir tempo em SEO para imagens vale a pena.

Muito mais do que embelezar seu site,  você fortalece a sua presença online e otimiza um dos principais fatores de ranqueamento.

Agora, quero saber: o que você tem feito com as imagens do seu site hoje?

Me conte nos comentários!

Nos vemos em breve?

Perguntas frequentes

O que é SEO para imagens?

SEO para imagens envolve otimizar fotos e gráficos no seu site para que eles sejam mais facilmente encontrados e indexados pelos motores de busca. Isso inclui ajustes nos nomes de arquivos, textos alternativos e garantir que as imagens contribuam para a relevância do conteúdo da página.

Por que é importante otimizar as imagens para o Google?

Otimizar imagens para o Google melhora a visibilidade do seu site nos resultados de busca, aumenta o carregamento rápido da página e melhora a experiência do usuário. Imagens otimizadas podem atrair mais tráfego para o site e aumentar o engajamento dos visitantes.

Como fazer SEO para imagens?

Para fazer SEO para imagens, nomeie os arquivos de imagem de forma descritiva, utilize texto alternativo rico em palavras-chave, reduza o tamanho do arquivo para carregamento rápido e inclua dados estruturados.