Guia para iniciantes em SEO de imagens

Table of Contents

1. Introdução
2. O que é otimização de imagens para SEO?
3. Importância do SEO de imagens
4. Melhores práticas para otimização de imagens
   • 4.1 Escolher imagens originais
   • 4.2 Escolher o formato de imagem adequado
   • 4.3 Dar um nome descritivo ao arquivo da imagem
   • 4.4 Redimensionar as imagens para a escala apropriada
   • 4.5 Comprimir as imagens para melhorar a velocidade de carregamento
   • 4.6 Remover dados EXIF das imagens
   • 4.7 Adicionar título à imagem
   • 4.8 Adicionar texto alternativo (ALT) à imagem
   • 4.9 Utilizar legendas para descrever as imagens
   • 4.10 Utilizar imagens responsivas
   • 4.11 Utilizar o carregamento preguiçoso (lazy loading)
   • 4.12 Servir imagens através de uma CDN (Content Delivery Network)
   • 4.13 Criar um sitemap XML para imagens
   • 4.14 Adicionar dados estruturados às imagens
   • 4.15 Configurar Open Graph e Twitter Cards

Introdução

No mundo do SEO, muitas vezes nos concentramos apenas no conteúdo textual e nos links, mas as imagens também desempenham um papel fundamental na otimização dos mecanismos de busca. A otimização de imagens para SEO é um elemento essencial para melhorar a visibilidade e a relevância das imagens em um site, o que pode resultar em classificações mais altas nos mecanismos de busca e maior tráfego orgânico. Neste artigo, discutiremos a importância do SEO de imagens e compartilharemos as melhores práticas para otimizar suas imagens para um desempenho máximo nos mecanismos de busca.

O que é otimização de imagens para SEO?

A otimização de imagens para SEO envolve aprimorar a visibilidade e a relevância das imagens em um site, a fim de melhorar suas classificações nos mecanismos de busca. Quando os mecanismos de busca classificam as páginas da web, eles consideram não apenas o conteúdo textual, mas também as imagens e a velocidade de carregamento das páginas. Imagens não otimizadas podem impactar negativamente a velocidade de carregamento do site, o que pode levar a rankings mais baixos nos mecanismos de busca. Além disso, as imagens podem melhorar o engajamento dos usuários, reduzir as taxas de rejeição e aumentar o tráfego orgânico do site quando otimizadas adequadamente.

Importância do SEO de imagens

• Aumento do engajamento e redução das taxas de rejeição: As imagens têm o poder de engajar os usuários de forma mais eficaz do que o texto, pois somos seres visuais e as imagens podem transmitir uma quantidade significativa de informações. Imagens otimizadas mantêm os visitantes em uma página por mais tempo e reduzem as taxas de rejeição, o que são sinais positivos de classificação para o Google.

• Potencial de aumento do tráfego orgânico: Imagens otimizadas têm maior visibilidade nos resultados de pesquisa de imagens, o que pode levar a mais tráfego orgânico para o site. Quando as pessoas clicam em uma imagem otimizada, elas são redirecionadas para o site de origem, aumentando o tráfego e a oportunidade de conversão.

• Melhor otimização para dispositivos móveis: Imagens otimizadas para dispositivos móveis, que são redimensionadas e carregam rapidamente, proporcionam uma melhor experiência de usuário em dispositivos móveis. Isso pode levar a rankings mais altos nos mecanismos de busca e maior tráfego orgânico de dispositivos móveis.

• Aumento da acessibilidade e inclusão: Ao otimizarem imagens de maneiras específicas, os sites podem proporcionar uma experiência inclusiva para as pessoas com deficiência visual. Mesmo que essas pessoas não possam ver as imagens fisicamente, elas ainda podem entender o conteúdo das imagens por meio de descrições alternativas e dados estruturados.

• Destaque nos Rich Snippets e Featured Snippets: A combinação de dados estruturados e imagens permite que as imagens apareçam nos Rich Snippets e Featured Snippets das páginas de resultados dos mecanismos de busca. Isso torna os resultados de pesquisa mais atraentes e aumenta as taxas de cliques.

• Aumento das taxas de cliques: Imagens otimizadas têm maior probabilidade de atrair a atenção dos usuários e gerar cliques em comparação com um simples texto. Isso pode resultar em mais tráfego orgânico e melhores taxas de conversão.

Dadas todas essas razões, é essencial otimizar adequadamente as imagens em seu site para obter melhores classificações nos mecanismos de busca e maximizar o tráfego orgânico. Nos próximos tópicos, compartilharemos as melhores práticas para otimizar suas imagens para SEO.

Melhores práticas para otimização de imagens

4.1 Escolher imagens originais

Uma das melhores práticas para otimização de imagens é escolher imagens originais. Em um cenário online cheio de imagens recicladas e de estoque, imagens originais se destacam e fornecem autenticidade e exclusividade ao seu site. Evite usar fotos comuns e imagens de banco de imagens que já foram utilizadas inúmeras vezes, pois elas tendem a não despertar interesse nos usuários. Ao criar suas próprias imagens, você tem a oportunidade de transmitir sua mensagem de forma mais eficaz e envolvente.

4.2 Escolher o formato de imagem adequado

Existem vários tipos de formatos de imagem disponíveis, como BMP, GIF, JPEG, PNG, WebP e SVG. A escolha do formato de imagem adequado é crucial para garantir uma boa qualidade visual e um tamanho de arquivo otimizado. Cada formato tem suas próprias vantagens e desvantagens.

• BMP: Esse formato é raramente usado na web devido ao seu tamanho de arquivo grande. No entanto, é adequado para determinadas aplicações especiais, como texturização em design gráfico.

• GIF: Os arquivos GIF oferecem benefícios básicos de SEO, como suporte à transparência e animações. Eles são comumente usados para criar gráficos animados, mas têm uma paleta de cores limitada.

• JPEG: O formato JPEG é amplamente utilizado para fotografias e imagens complexas. No entanto, ele não suporta transparência. O JPEG é conhecido por sua compressão eficiente, o que melhora os tempos de carregamento das páginas.

• PNG: Os arquivos PNG são amplamente utilizados na web e são adequados para imagens com bordas nítidas, textos e transparência. Eles oferecem compressão sem perdas e suporte à transparência.

• WebP: Esse formato está se tornando mais popular devido à sua eficiência em termos de compressão e suporte à transparência. O WebP é ainda mais eficiente que o JPEG e o PNG e é especialmente adequado para a web.

• SVG: O formato SVG é perfeito para ícones, logotipos e gráficos que precisam ser dimensionados sem perder qualidade. Ele oferece benefícios de SEO através da escalabilidade e tamanhos menores de arquivo.

Em resumo, os formatos WebP e SVG são as melhores escolhas quando possível, seguidos pelos formatos JPEG e PNG. Evite usar BMPs ou GIFs, pois eles não são tão adequados para a web e têm tamanhos de arquivo maiores.

4.3 Dar um nome descritivo ao arquivo da imagem

O nome do arquivo de uma imagem não é apenas uma etiqueta, mas uma oportunidade de fornecer contexto aos mecanismos de busca e aos usuários. Certifique-se de usar nomes de arquivos claros, relevantes e concisos que descrevam com precisão o conteúdo da imagem. Por exemplo, se você tem uma imagem de um cachorro preto com uma coleira vermelha em uma floresta com uma cabana de madeira, um nome de arquivo apropriado seria "cachorro preto com coleira vermelha na floresta com cabana de madeira.jpg". Você também pode encurtar um pouco o nome do arquivo, desde que ele ainda transmita as informações principais.

4.4 Redimensionar as imagens para a escala apropriada

Redimensionar suas imagens para a escala apropriada é uma prática essencial para melhorar a experiência do usuário e os tempos de carregamento da página. Imagens com resoluções muito altas resultam em arquivos grandes e carregamento lento da página. No entanto, se as imagens forem muito pequenas, elas podem perder qualidade e parecer borradas. Portanto, é importante encontrar um equilíbrio adequado.

Por exemplo, se você tem uma imagem de um gato com uma resolução alta de 3.332 por 3.432 pixels, o tamanho do arquivo será de 2,7 megabytes, o que é muito grande para a web. Redimensionar a imagem para 1024 por 1024 pixels mantém uma resolução adequada, preservando os detalhes do gato, e reduz o tamanho do arquivo para apenas 233 kilobytes. Ao ajustar as dimensões da imagem para corresponder ao tamanho de exibição pretendido nas páginas, você pode garantir que as imagens sejam carregadas rapidamente e exibidas corretamente em diferentes dispositivos.

4.5 Comprimir as imagens para melhorar a velocidade de carregamento

Após redimensionar suas imagens, é recomendável comprimi-las para reduzir ainda mais o tamanho do arquivo. A compressão de imagens reduz o tamanho do arquivo enquanto preserva a qualidade da imagem o máximo possível. Existem várias ferramentas disponíveis que permitem comprimir imagens sem sacrificar a qualidade. Alguns exemplos de ferramentas populares são ImageOptim, ImageRecycle, Optimus, JPEGmini e TinyPNG. Essas ferramentas são fáceis de usar e oferecem boas opções de compressão.

Por exemplo, ao usar a ferramenta "Image Compressor", você pode fazer o upload de uma imagem de um papagaio e ajustar o controle deslizante para reduzir a qualidade para cerca de 66%. A ferramenta fornecerá uma comparação entre a versão original e a versão comprimida, mostrando a economia no tamanho do arquivo. Essa compressão reduz o tamanho do arquivo em 71% sem comprometer significativamente a qualidade da imagem. Ao comprimir as imagens antes de enviá-las para o seu site, você pode reduzir o tamanho do arquivo e melhorar o desempenho de carregamento.

4.6 Remover dados EXIF das imagens

Os dados EXIF (Exchangeable Image File Format) são metadados armazenados nas imagens, como configurações da câmera e informações de localização. Esses dados geralmente são desnecessários para as imagens do site e podem representar riscos à privacidade, especialmente quando compartilhadas online. É recomendável remover os dados EXIF das imagens para melhorar a segurança e reduzir o tamanho do arquivo. Muitas ferramentas de compressão de imagens têm essa opção integrada ou como um complemento. Caso contrário, você pode pesquisar no Google por ferramentas específicas de remoção de dados EXIF.

4.7 Adicionar título à imagem

Adicionar um título à imagem é uma prática opcional, mas pode ser valiosa para fornecer informações adicionais ou contexto sobre o conteúdo da imagem. O título da imagem é exibido como uma dica de ferramenta quando os usuários passam o cursor sobre a imagem. Essa é uma oportunidade para fornecer descrições mais detalhadas e até mesmo adicionar uma chamada para ação, principalmente quando a imagem contém um link. Por exemplo, ao passar o mouse sobre uma imagem no Unsplash, você verá uma dica de ferramenta com o título da imagem, como "Cão preto do lado de fora em uma floresta ensolarada de outono". Adicionar um título à imagem pode melhorar o engajamento do usuário e fornecer informações adicionais.

4.8 Adicionar texto alternativo (ALT) à imagem

O texto alternativo (ALT) é uma parte essencial da otimização de imagens, tanto para acessibilidade quanto para SEO. O texto alternativo é uma descrição textual da imagem usada pelos leitores de tela e pelos mecanismos de busca para entender o conteúdo e o contexto da imagem. É importante ser preciso e relevante ao descrever a imagem no texto alternativo. Imagine-se descrevendo a imagem para alguém que não pode vê-la e tente transmitir todas as informações importantes de forma clara e concisa.

Por exemplo, para a mesma imagem de um cachorro preto com uma coleira vermelha em uma floresta com uma cabana de madeira, o texto alternativo poderia ser "Duas mãos em um laptop sobre uma mesa, com software de análise de SEO aberto na tela". O texto alternativo descreve o conteúdo da imagem de forma clara e detalhada, permitindo que pessoas com deficiência visual entendam o que é mostrado.

4.9 Utilizar legendas para descrever as imagens

A utilização de legendas pode fornecer descrições mais profundas ou contexto adicional para as imagens. As legendas são visíveis para os usuários e geralmente são exibidas abaixo da imagem em fonte menor. Elas são úteis para transmitir informações que não são imediatamente aparentes na imagem, como explicar um gráfico ou uma história relacionada à imagem. As legendas podem enriquecer a experiência do usuário, fornecendo mais informações sobre a imagem e incentivando o engajamento.

4.10 Utilizar imagens responsivas

Se o seu CMS permitir a edição de conteúdo responsivo, você pode usar imagens de diferentes tamanhos para cada tipo de dispositivo. Isso garantirá que as imagens sejam exibidas corretamente em diferentes dispositivos e agilizará o carregamento da página. Alguns CMSs e plataformas de criação de sites automatizam esse processo, redimensionando automaticamente as imagens para diferentes tamanhos e usando a versão adequada em cada dispositivo. Caso o seu CMS não ofereça esse recurso, você precisará fazer isso manualmente, criando diferentes versões de imagens e ajustando as dimensões para cada dispositivo.

4.11 Utilizar o carregamento preguiçoso (lazy loading)

O carregamento preguiçoso (lazy loading) atrasa o carregamento das imagens até que os usuários rolem a página. Essa técnica de carregamento eficiente melhora o desempenho geral das páginas, evitando que todos os elementos da página sejam carregados imediatamente quando alguém acessa o site. Isso reduz o tempo de carregamento inicial da página e melhora a experiência do usuário. Você pode habilitar o carregamento preguiçoso no seu CMS ou usando um plugin específico, como o PageSpeed para WordPress.

4.12 Servir imagens através de uma CDN (Content Delivery Network)

Uma CDN (Content Delivery Network) é um serviço que distribui arquivos em vários servidores globalmente. Isso reduz a carga do servidor principal e melhora os tempos de carregamento, especialmente para visitantes de diferentes países. Embora seja mais relevante para websites auto-hospedados, que usam um único servidor, algumas plataformas de criação de sites, como Wix e Squarespace, já possuem CDNs integradas. Isso significa que você não precisa se preocupar com isso em plataformas como essas.

4.13 Criar um sitemap XML para imagens

Um sitemap XML separado para imagens ou a inclusão de imagens no sitemap XML existente é uma prática recomendada para ajudar os mecanismos de busca a descobrir e indexar suas imagens com mais eficiência. Muitas plataformas de CMS e plugins de SEO já possuem essa funcionalidade integrada, listando automaticamente todas as imagens presentes em uma página. Caso esteja fazendo isso manualmente, certifique-se de seguir as diretrizes específicas para incluir imagens em um sitemap XML.

4.14 Adicionar dados estruturados às imagens

A adição de dados estruturados às imagens pode fazer com que elas apareçam como Rich Snippets nos resultados de pesquisa. Isso aumenta as taxas de clique, pois um resultado de pesquisa com uma imagem é visualmente mais atraente do que apenas um texto simples. Verifique o site schema.org para ver os tipos de entidades que podem usar atributos de imagem para Rich Snippets. Muitas dessas entidades usam dados estruturados para fornecer mais contexto e informações às imagens.

4.15 Configurar Open Graph e Twitter Cards

Configurar Open Graph e Twitter Cards permite controlar como o conteúdo é exibido quando compartilhado em mídias sociais. Isso inclui a exibição das imagens no conteúdo compartilhado. Ao definir as tags adequadas para imagens, você garante que o conteúdo visual seja apresentado de forma atraente quando compartilhado em plataformas como Facebook e Twitter. Esses detalhes adicionais ajudam a impulsionar as taxas de cliques e a aumentar o tráfego orgânico.

Agora que discutimos as melhores práticas para otimização de imagens para SEO, é hora de aplicar essas técnicas ao seu site. Lembre-se de que a otimização de imagens é uma parte essencial do SEO e pode trazer benefícios significativos para as classificações dos mecanismos de busca, o engajamento dos usuários e o tráfego orgânico.