Introdução
As imagens geralmente constituem a maior parte das páginas da Web e têm sua própria guia nos resultados do Google. Elas são uma parte crucial de uma estratégia completa de SEO, portanto, otimizá-las é essencial para melhorar a visibilidade.
Como os mecanismos de pesquisa indexam e entendem as imagens
Os mecanismos de pesquisa rastreiam as páginas da Web para descobrir imagens e extrair dados como metadados e nomes de arquivos. O Google usa fatores como o texto ao redor, o nome do arquivo de imagem, o texto alternativo, as legendas e o conteúdo da página para entender o contexto e o conteúdo das imagens.
O que é SEO de imagem?
A otimização de imagens envolve técnicas para aumentar a visibilidade nas páginas de resultados de mecanismos de pesquisa (SERPs) por meio da compactação de imagens, do uso de imagens responsivas, da implementação de carregamento lento, da adição de texto alternativo relevante, do uso de nomes de arquivos descritivos e da implementação de dados estruturados.
1. Escolha o formato de imagem correto
O Google oferece suporte a formatos como JPEG, PNG, WebP, BMP, GIF e SVG. Cada formato tem suas próprias vantagens e desvantagens:
-
PNG: compactação sem perdas, melhor qualidade, suporta transparência, tamanho de arquivo maior.
-
JPEG: compactação com perdas, qualidade ajustável, tamanho de arquivo menor.
-
WebP: eficiente, arquivos de tamanho menor, compatível com todos os principais navegadores.
-
GIF: Sem perdas, limitado a 256 cores, adequado para gráficos e animações simples.
-
SVG: baseado em vetor, escalável, ideal para logotipos e ícones.
-
BMP: grande, não compactado, de alta qualidade, não adequado para a Web devido ao tamanho.
Recomendação: Use PNG e converta para WebP para implantação na Web para obter qualidade e tempos de carregamento ideais.
2. Criar imagens exclusivas
Evite fotos genéricas de banco de imagens. Use imagens originais e de alta qualidade para melhorar a experiência do usuário e o SEO. O Google recomenda que as imagens tenham pelo menos 1200 px de largura e usem a configuração max-image-preview:large na meta tag robots para garantir que elas apareçam como imagens grandes no Google Discover.
<meta name='robots' content='index, follow, max-image-preview:large' />3. Otimize os nomes dos arquivos de imagem
Use nomes de arquivos descritivos e ricos em palavras-chave para ajudar os mecanismos de pesquisa a entender o assunto da imagem. Evite nomes padrão como "IMG_722019".
4. Escreva um texto alternativo amigável para SEO
As tags Alt descrevem o conteúdo de uma imagem e melhoram a acessibilidade. Elas também ajudam os mecanismos de pesquisa a entender o contexto da imagem, auxiliando em melhores classificações.
Exemplo:
<img src="chocolate-1.jpg" alt="barra de chocolate amargo com sabor de café"/>5. Otimize o título e a descrição de sua página
Inclua palavras-chave relevantes no título e na descrição da página para melhorar as classificações de pesquisa de imagens. Certifique-se de que todos os fatores de SEO na página estejam otimizados.
6. Defina suas dimensões
Inclua atributos de largura e altura em cada imagem para evitar problemas de CLS (Cumulative Layout Shift) e melhorar as pontuações do Core Web Vitals.
7. Torne suas imagens compatíveis com dispositivos móveis
Use os atributos srcset e sizes para imagens responsivas que são dimensionadas de acordo com o dispositivo do usuário.
Exemplo:
<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px" alt="Descrição da imagem"> </picture>8. Carregamento lento e pré-carregamento
Use o carregamento lento para imagens que não estejam na janela de visualização para melhorar o desempenho da página. Use pré-carregamento ou fetchpriority="high" para imagens acima da dobra.
Exemplo:
<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Description">9. Adicione imagens ao seu Sitemap
A inclusão de imagens no mapa do site aumenta as chances de elas serem rastreadas e indexadas pelos mecanismos de pesquisa. Use plug-ins como Yoast ou RankMath para WordPress ou ferramentas como Screaming Frog.
10. Adicionar dados estruturados
Aprimore as imagens com dados estruturados para melhorar a visibilidade nos resultados de pesquisa. Use a marcação de esquema para incluir detalhes como preço, disponibilidade e classificações.
Exemplo:
{ "@context": "http://schema.org", "@type": "Article", "headline": "Article Title", "image": [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author": { "@type": "Person", "name": "Author Name" } }11. Use a CDN para obter uma entrega mais rápida de imagens
Uma rede de distribuição de conteúdo (CDN) pode otimizar e fornecer imagens mais rapidamente, servindo-as de locais mais próximos do usuário. Considere o uso de serviços como Cloudflare, Amazon CloudFront, ImageKit ou KeyCDN.
12. Cuidado com os direitos autorais
Certifique-se de que você tem o direito de usar imagens para evitar processos judiciais dispendiosos. Use imagens licenciadas de provedores como Getty, Shutterstock ou DepositFiles.
Principais conclusões sobre a otimização de imagens
-
Escolha o formato e o tamanho corretos do arquivo para obter tempos de carregamento mais rápidos.
-
Certifique-se de que seus elementos de SEO na página estejam otimizados.
-
Crie um mapa do site de imagens para melhorar a capacidade de rastreamento.
Seguindo essas dicas, você pode melhorar o SEO da imagem do seu site e a visibilidade geral da pesquisa. Boa otimização!
