Práticas recomendadas de SEO para o Imagens do Google

O Imagens do Google é uma forma de encontrar visualmente informações na Web. Com mais contexto relacionado às imagens, os usuários têm acesso rápido a informações. Para isso, eles contam com novos recursos, como legendas de imagem e selos em destaque.

Com esse contexto a mais, os resultados podem se tornar muito mais úteis, o que pode resultar em um tráfego de maior qualidade para seu site. Você pode ajudar no processo de descoberta. Basta garantir que suas imagens e seu site estejam otimizados para o Imagens do Google, por exemplo, usando atributos alt para imagens ou marcação de dados estruturados. Siga nossas diretrizes para aumentar a probabilidade de exibição do seu conteúdo nos resultados da pesquisa do Imagens do Google.

Criar uma ótima experiência do usuário

Para aumentar a visibilidade do seu conteúdo no Imagens do Google, concentre-se no usuário ao oferecer uma ótima experiência: crie as páginas para os usuários, e não para os mecanismos de pesquisa. Veja algumas dicas:

• Forneça um bom contexto: garanta que seu conteúdo visual seja relevante para o tema da página. Sugerimos que você mostre imagens apenas onde elas agregam valor original. Não encorajamos páginas em que nem as imagens, nem o texto são conteúdos originais.
• Otimize o posicionamento: sempre que possível, coloque as imagens perto do texto relevante. Caso apropriado, coloque a imagem mais importante perto do topo da página.
• Não incorpore textos importantes nas imagens: evite essa prática, especialmente elementos de texto importantes, como cabeçalhos de páginas e itens de menu, porque nem todos os usuários conseguem acessá-los. Além disso, as ferramentas de tradução de páginas não funcionarão nas imagens. Para garantir que o conteúdo seja totalmente acessível, mantenha o texto em HTML e forneça um texto alternativo para as imagens.
• Crie sites informativos e de alta qualidade: um bom conteúdo na sua página da Web é tão importante quanto o conteúdo visual do Imagens do Google. Ele fornece contexto e torna o resultado mais útil. O conteúdo da página pode ser usado para gerar um snippet de texto para a imagem, e o Google considera a qualidade do conteúdo ao classificar as imagens.
• Crie sites otimizados para dispositivos móveis: os usuários pesquisam mais no Imagens do Google pelo dispositivo móvel do que pelo computador. Por esse motivo, é importante que você projete seu site para todos os tipos e tamanhos de dispositivo. Use o teste de compatibilidade com dispositivos móveis para avaliar como suas páginas funcionam nesses aparelhos e receber comentários sobre o que precisa ser corrigido.
• Crie uma boa estrutura de URL para suas imagens: o Google usa o caminho do URL e o nome do arquivo para entender imagens. Organize o conteúdo de imagem de modo que os URLs sejam criados de maneira lógica.

Verificar o título e a descrição da sua página

O Imagens do Google gera automaticamente um link de título e um snippet para explicar melhor cada resultado e como ele se relaciona com a consulta do usuário. Isso ajuda os usuários a decidir se querem ou não clicar em um resultado. Veja dois exemplos de como os links de títulos e snippets são exibidos em uma página de resultados da Pesquisa Google:

Usamos várias fontes para esses dados, como as informações descritivas do título e as meta tags de cada página.

Você pode nos ajudar a melhorar a qualidade do link de título e do snippet exibidos para suas páginas seguindo as diretrizes de título e snippet do Google.

Adicionar dados estruturados

Se você incluir dados estruturados, o Imagens do Google poderá exibir suas imagens como pesquisa aprimorada, incluindo um selo de destaque, o que dará aos usuários informações relevantes sobre a página e poderá direcionar um tráfego segmentado melhor para seu site. O Imagens do Google é compatível com dados estruturados destes tipos:

• Produto
• Vídeo
• Receita
• Metadados de imagens

Siga as diretrizes gerais de dados estruturados, bem como qualquer diretriz específica para seu tipo de dado estruturado. Caso contrário, eles podem não estar qualificados para a exibição de pesquisa aprimorada no Imagens do Google. Em cada um desses tipos de dado estruturado, o atributo de imagem é um campo obrigatório para fins de qualificação para o selo e para a pesquisa aprimorada no Imagens do Google. Veja dois exemplos de como a pesquisa aprimorada é exibida no Imagens do Google:

Otimizar para mais agilidade

As imagens geralmente são as que mais contribuem para o tamanho da página, o que pode tornar o carregamento delas lento e caro. Use as técnicas mais recentes de otimização de imagem e de imagem responsiva para criar uma experiência do usuário rápida e de alta qualidade.

Analise a velocidade do site com o PageSpeed Insights e confira a página Por que a velocidade é importante? para conhecer práticas recomendadas e técnicas para melhorar o desempenho do site.

Adicionar fotos em alta qualidade

Fotos em alta qualidade atraem mais os usuários do que imagens borradas e pouco nítidas. Além disso, imagens claras são mais bonitas na miniatura de resultado e aumentam a probabilidade de atrair o tráfego de usuários.

Incluir títulos, legendas, nomes de arquivo e textos descritivos para as imagens

O Google extrai informações sobre o assunto da imagem do conteúdo da página, incluindo legendas e títulos da imagem. Sempre que possível, garanta que as imagens sejam colocadas perto de textos relevantes e em páginas significativas para o assunto delas.

Da mesma forma, o nome de arquivo pode dar ao Google pistas sobre o assunto da imagem. Sempre que possível, use nomes de arquivo curtos, mas descritivos. Por exemplo, my-new-black-kitten.jpg é melhor que IMG00023.JPG. Evite usar nomes de arquivo genéricos, como image1.jpg, pic.gif e 1.jpg, quando possível. Se o site tiver milhares de imagens, considere automatizar o nome delas.

Se você localizar as imagens, traduza os nomes dos arquivos, tendo em mente as diretrizes de codificação de URL se estiver usando caracteres não latinos ou especiais.

Use texto alternativo descritivo no atributo alt

O texto alternativo, aquele que descreve uma imagem, melhora a acessibilidade para pessoas que não conseguem ver imagens em páginas da Web, incluindo usuários que utilizam leitores de tela ou têm conexões com baixa largura de banda.

O Google usa o texto alternativo com algoritmos de visão computacional e o conteúdo da página para entender o assunto da imagem. Além disso, o texto alternativo nas imagens é útil como texto âncora se você decidir usar uma imagem como link.

Ao escrever o texto alternativo, concentre-se na criação de conteúdo útil e informativo que use palavras-chave de maneira apropriada e esteja no contexto do conteúdo da página. Evite o excesso de palavras-chave nos atributos alt, porque isso gera uma experiência do usuário negativa e pode fazer com que o site seja visto como spam.

Ruim (sem texto alternativo):

<img src="puppy.jpg"/>

Ruim (excesso de palavras-chave):

<img src="puppy.jpg" alt=" filhotinho cachorrinho cãozinho filhotinhos cachorrinhos cãezinhos ninhada retriever labrador wolfhound setter jack russell terrier petiscos ração barata"/>

Melhor:

<img src="puppy.jpg" alt="filhote"/>

Muito melhor:

<img src="puppy.jpg" alt="Cachorrinho Dálmata brincando de busca"/>

Considere também a acessibilidade do seu texto alternativo, de acordo com as diretrizes da W3. Para o elemento <img>, é possível adicionar o atributo alt do elemento. Para os elementos <svg> inline, use o elemento <title>. Por exemplo:

<svg aria-labelledby="svgtitle1">
  <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title>
</svg>

Recomendamos testar seu conteúdo: verifique a acessibilidade e use um emulador de conexão de rede lenta.

Ajude o Google a encontrar todas as suas imagens

Usar elementos de imagem HTML semântico para incorporar imagens

O uso de marcação HTML semântica ajuda os rastreadores a encontrar e processar imagens. O Google analisa os elementos HTML <img> (mesmo quando eles estão entre outros elementos, como <picture>) nas páginas para indexar imagens, mas não indexa imagens CSS.

Bom:

<img src="puppy.jpg" alt="Filhote de Golden Retriever" />

Ruim:

<div style="background-image:url(puppy.jpg)">Filhote de Golden Retriever</div>

Usar um sitemap de imagem

Forneça o URL de imagens que provavelmente não seriam encontrados enviando um sitemap de imagem.

Os sitemaps de imagem podem conter URLs de outros domínios, ao contrário dos sitemaps comuns, que impõem restrições entre domínios. Assim você pode usar redes de fornecimento de conteúdo (CDNs) para hospedar imagens. Se você estiver usando uma CDN, recomendamos que verifique a propriedade do nome de domínio da CDN no Search Console para que possamos informar sobre quaisquer erros de rastreamento que encontrarmos.

Usar formatos de imagem compatíveis

As Imagens do Google são compatíveis com imagens nos seguintes formatos: BMP, GIF, JPEG, PNG, WebP e SVG . Também é uma boa ideia combinar a extensão do nome de arquivo com o tipo de arquivo.

Você também pode usar imagens in-line como URIs de dados. Com os URIs de dados, é possível incluir arquivos in-line (como imagens) definindo o atributo src do elemento img como uma string codificada em Base64 com este formato:

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

Embora as imagens in-line possam reduzir as solicitações HTTP, avalie com cuidado quando usá-las, já que elas podem aumentar consideravelmente o tamanho da página. Para saber mais sobre isso, veja a seção de prós e contras de criar imagens inline na nossa página Fundamentos da Web.

Imagens responsivas

A criação de páginas da Web responsivas promove uma melhor experiência do usuário, já que elas podem ser acessadas de vários tipos de dispositivos. Consulte nosso guia de imagens responsivas para saber mais sobre as práticas recomendadas de manuseio de imagens em sites.

As páginas da Web usam o elemento <picture> ou o atributo srcset de um elemento img para especificar imagens responsivas. No entanto, alguns navegadores e rastreadores não entendem esses atributos. É recomendável sempre especificar um URL substituto com o atributo src.

O atributo srcset permite especificar diferentes versões da mesma imagem para vários tamanhos de tela.

Exemplo: <img srcset>

<img
  srcset="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w"
  sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
  src="maine-coon-nap-800w.jpg"
  alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace">

O elemento <picture> é um contêiner usado para agrupar diferentes versões <source> da mesma imagem. Ele oferece a funcionalidade de substituto para que o navegador possa escolher a imagem certa de acordo com os recursos do dispositivo, como a densidade de pixels e o tamanho da tela. O elemento picture também é útil para usar novos formatos de imagem com degradação suave incorporada quando os clientes ainda não são compatíveis com esses formatos.

Conforme a seção 4.8.1 da norma HTML, inclua um elemento img como substituto com um atributo src ao usar o elemento picture com o seguinte formato:

Exemplo: <picture>

<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>

Otimizar para o SafeSearch

O SafeSearch é uma configuração das contas de usuário do Google que especifica se é necessário mostrar ou bloquear imagens, vídeos e sites explícitos nos resultados da Pesquisa Google. Confira se o Google entende a natureza do seu site para que possa aplicar filtros do SafeSearch a ele, se apropriado. Saiba mais sobre como marcar páginas com rótulos do SafeSearch.

Desativar a vinculação inline do Imagens do Google

Se quiser, desative a vinculação in-line nos resultados da pesquisa do Imagens do Google para impedir que a imagem em tamanho original apareça na página de resultados.

Siga estas instruções para desativar a vinculação in-line:

1. Quando sua imagem for solicitada, examine o cabeçalho do referenciador HTTP na solicitação.
2. Se a solicitação vier de um domínio do Google, responda com um código de status HTTP 200 ou um código de status HTTP 204 e sem conteúdo.

O Google ainda vai rastrear sua página e ver a imagem, mas exibirá uma imagem em miniatura gerada no momento do rastreamento nos resultados da pesquisa. Essa desativação pode ser feita a qualquer momento e não exige o reprocessamento das imagens de um site. Esse comportamento não é considerado uma técnica de cloaking de imagem e não resultará em ações manuais.

Você também pode impedir que a imagem apareça nos resultados de pesquisa por completo.

E, por fim…

Leia nosso Guia de SEO para iniciantes, que tem muitas informações úteis para melhorar a classificação do seu site. Caso tenha outras dúvidas, faça uma postagem na Comunidade de Ajuda da Central da Pesquisa Google.