SEO de Imagens: 9 Elementos-chave para Otimizar

1. Considerações gerais sobre SEO de imagens

Frequentemente colocamos todo o nosso esforço em ranquear nossas URLs com valor de SEO nas SERPs. No entanto, como mencionamos antes, otimizar imagens é importante para ranquear mais alto nos resultados de busca do Google Imagens e aumentar nossas possibilidades de atrair tráfego orgânico através delas.

Os bots do Google não conseguem "ler" imagens. Eles foram feitos para ler código em um site, não em uma animação ou imagem específica. Por essa razão, precisamos fornecer essa informação a eles seguindo um conjunto simples de diretrizes de SEO. Isso vai determinar se os bots conseguem interpretar a informação que estamos tentando mostrar, avaliar imagens e ranqueá-las mais alto na seção do Google Imagens.

2. Tamanho e peso da imagem

Dois dos principais fatores a considerar ao otimizar imagens são seu peso e tamanho.

Peso:

Usar imagens pesadas no seu site pode aumentar o tempo de carregamento da URL onde elas são implementadas e, portanto, do site inteiro. O tempo de carregamento é um dos fatores que afetam o ranqueamento orgânico no desktop e mobile, tornando a otimização de imagens essencial.

Ferramentas para reduzir o peso das imagens:

Há muitas ferramentas que podemos usar para reduzir o peso das imagens. Mesmo que não tenhamos software profissional de edição de imagens como Photoshop ou Illustrator, podemos usar plataformas online como:

• ›

  ImageOptim ou TinyJPG, que reduzem o peso da imagem sem afetar a qualidade.

• ›

  Website Speed Test Image Analysis Tool permite baixar novos formatos de imagem facilmente.

Tamanho:

Adicionalmente, também é importante implementar vários tamanhos de imagem para cada site para exibir o mais apropriado dependendo do dispositivo em que é visualizado. Mesmo que existam plugins que adaptam o tamanho da imagem, essa opção pode não ser a melhor na prática. A razão é que, por exemplo, uma imagem de 1000px pode ser redimensionada para 400px, reduzindo seu tamanho visual, mas a imagem continuará tão pesada quanto uma imagem de 1000px, afetando o desempenho e a velocidade do seu site.

Ferramentas:

O fator mais importante ao escolher imagens é conhecer a plataforma na qual vamos trabalhar. Se trabalhamos no WordPress, por exemplo, podemos usar SmushIt, um plugin que permite definir uma largura e altura máximas para nossas imagens antes de redimensioná-las, comprimi-las e enviá-las ao servidor.

Se, pelo contrário, trabalhamos com uma plataforma de código próprio, devemos criar um processo manual ou automático que permita otimizar as imagens antes de enviá-las ao servidor.

3. Formato de imagem amigável para SEO

Atualmente, a forma mais ideal de salvar imagens web é usando um dos quatro formatos a seguir:

• ›

  WebP: pode reduzir o peso original de uma imagem em 25-35%. É um dos formatos mais recomendados no momento; embora algumas versões de navegadores ainda não consigam lê-los, é um dos formatos que permite mais compressão sem afetar a qualidade da imagem.

• ›

  PNG: é a melhor escolha para imagens com poucas cores e fundos transparentes. É amplamente usado em logos.

• ›

  JPG: o formato que deve ser usado para fotografias e imagens em geral. Um pouco de qualidade se perde ao comprimi-las, mas as cores e tons são mantidos iguais.

• ›

  GIF: usado em animações e imagens em movimento.

Recomendações:

• ›

  Sempre use o formato de imagem mais adequado em termos de peso e compatibilidade.

• ›

  Sempre comprima imagens, seja manualmente ou através de uma ferramenta de processamento automático.

• ›

  Se a web contém vários ícones, agrupe-os em uma única imagem por meio de CSS Sprites para reduzir o número de requisições ao servidor e melhorar o desempenho do seu site.

4. Campos de SEO para Imagens

Toda imagem vem com um conjunto de campos associados para fornecer aos robôs dos buscadores (e aos usuários, claro) acessibilidade aprimorada.

Nome da imagem

O nome da imagem se refere ao nome do arquivo. É o título da imagem, que usa hifens e underscores entre as palavras. É recomendado incluir a palavra-chave para a qual queremos ranquear nossa imagem mais alto, evitando caracteres incomuns (como "ñ", "?" ou letras com acento, "á", etc.)

Também é aconselhável omitir preposições ou outros caracteres não essenciais no nome da imagem para encurtar a URL e torná-la o mais amigável possível para SEO.

Title

É o texto que aparece ao colocar o cursor sobre a imagem. Recomendamos preenchê-lo para adicionar um título semântico à imagem, incluindo a palavra-chave para a qual queremos ranquear mais alto.

Pode ser o mesmo que o texto alt, embora reescrever esse atributo com leves modificações não leve muito tempo.

Atributo "Alt"

Esse é o elemento mais importante, já que é o que o Google lê. Ele deve conter a palavra-chave principal para a qual queremos ranquear nossa URL mais alto e supõe-se que contenha descrições curtas.

Sua sintaxe é a seguinte:

<img src="LINK DA IMAGEM" alt="DESCRIÇÃO ALT DA IMAGEM" />

Exemplo de uma imagem otimizada:

Vamos ver como cada campo poderia ser otimizado para esta imagem com base na palavra-chave alvo "ciberseguridad pymes", cuja média mensal de buscas é 90 (na Espanha):

Nome do arquivo:

• ›

  Errado: 04745892595295.jpg

• ›

  Certo: ciberseguridad-pymes.jpg

Título: Consejos de ciberseguridad para empresarios y pymes. (Conselhos de cibersegurança para empresários e PMEs.)

Texto Alt: Ciberseguridad para pymes y empresarios: consejos. (Cibersegurança para PMEs e empresários: dicas.)

Dessa forma, vamos otimizar todos os campos e obter uma imagem que está pronta para brigar pelas primeiras posições. Claro que otimizar imagens não garante que elas vão aparecer em primeiro, mas é um primeiro passo para conseguir :)

5. Contexto semântico

O Google considera que as imagens mais relevantes são aquelas que estão em sintonia com o conteúdo que as rodeia. Portanto, é recomendado incluir texto relacionado. Dessa forma, vamos expandir o contexto semântico total na URL.

6. Sitemap específico para imagens

Para ajudar os bots do Google a rastrear nossas imagens de forma mais eficiente, é necessário criar um sitemap.xml exclusivo com esse tipo de arquivo. No WordPress, ele pode ser criado automaticamente com ferramentas (plugins) como Yoast ou RankMath. Se você não está trabalhando no WordPress, pode usar ferramentas alternativas ou ferramentas de programação manual (rastreamento de URLs).

A seguir, você verá um exemplo de sitemap com duas imagens dentro do artigo:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Algumas das tags mais comumente usadas ao criar um sitemap de imagens são:

→ Título da imagem

→ A URL ou o caminho onde o arquivo está salvo

→ A legenda

→ Tipo de licença

→ Informação de geolocalização

• ›Documentação: uma grande quantidade de informação pode ser encontrada no blog do Google sobre sitemaps de imagens com exemplos, tutoriais de implementação e mais.

Após terminar a implementação, poderemos verificar o status da cobertura de indexação no Search Console.

7. Lazy Loading de Imagens (Carregamento sob Demanda)

As imagens são alguns dos recursos mais usados em sites, porque, "uma imagem vale mais que mil palavras", dizem. Por isso, o aspecto visual de cada site é cuidadosamente desenvolvido usando esses elementos multimídia. No entanto, não otimizá-las pode ter um impacto negativo na experiência do usuário e no tempo de carregamento da web. Por essa razão, o lazy loading é aconselhável.

Graças ao lazy loading, as imagens só são carregadas quando aparecem na tela. Por exemplo, se elas estão em uma parte inferior da página que ainda não está visível na tela do dispositivo, não serão carregadas até que o usuário role para baixo. Isso reduz muito o número de requisições HTTPS e diminui os tempos de carregamento, tornando sua página mais agradável para o Google.

Plugins para implementar Lazy loading no WordPress

Se você está gerenciando sites nessa plataforma de software, há um conjunto de plugins que vão chamar sua atenção se você quiser otimizar imagens implementando lazy loading. Lembre-se de verificar se o tema instalado inclui essa função. Se não, aqui estão alguns interessantes:

• ›

  BJ Lazy Load: fácil de instalar e configurar, é uma das ferramentas mais populares, com mais de 90.000 instalações. Graças a esse complemento, você pode escalar imagens para adaptá-las a diferentes tamanhos de tela.

• ›

  Lazy Load by WP Rocket: simples e fácil de configurar (basicamente porque não oferece opções diferentes), a vantagem desse plugin é não usar uma biblioteca JavaScript como jQuery.

8. Usando uma CDN para imagens

Uma CDN (Content Delivery Network) é um conjunto de servidores distribuídos pelo mundo que facilitam o conteúdo em cache de um site dependendo de onde o solicitante está localizado. Graças a essa rede de hospedagem, o servidor mais próximo do solicitante vai fornecer uma cópia do site solicitado.

Portanto, usar uma CDN ajuda a fazer com que nossas URLs baixem mais rápido, reduzindo os tempos de carregamento do nosso site e promovendo seu ranqueamento orgânico.

Se usamos uma CDN (por exemplo, Cloudflare) para mostrar imagens, elas serão baixadas e exibidas mais rapidamente. Esse fluxo direto vai melhorar diretamente o nosso SEO.

9. Outras considerações

Imagens com valor de SEO, ou seja, aquelas que queremos ranquear mais alto, devem ser incluídas no código-fonte da URL. Aquelas implementadas como propriedade de fundo no CSS não serão visíveis para o Google, já que ele não consegue compreender esse tipo de folhas de estilo.

Adicionalmente, há outros detalhes imperdíveis a se manter em mente ao otimizar nossas imagens:

• ›

  Exif: com cada imagem, um conjunto de atributos é salvo, como a data em que a foto foi tirada e outros dados relevantes para profissionais nessa área. No entanto, essa informação não tem valor de SEO e só ocupa espaço. Apagar essa informação pode ajudar a otimizar imagens e torná-las menos pesadas.

• ›

  "longdesc": esse atributo é geralmente esquecido, mas pode ser interessante implementar nas nossas imagens. Essa é uma descrição longa da imagem.

• ›

  Linkagem: o link-building tem um papel fundamental no crescimento orgânico das nossas páginas, mas também das nossas imagens. Elas também podem ser linkadas e, portanto, alcançar um maior reconhecimento nos buscadores.

Estamos esquecendo de alguma dica essencial? Adoraríamos te ouvir. Deixe um comentário abaixo e sinta-se à vontade para compartilhar seu conhecimento!