SEO de imagens: como otimizar imagens para pesquisa

Há muito mais na Pesquisa do que 10 links azuis. MozCast mostra que mais de 36% das buscas incluem imagens.

Sem mencionar todas as pesquisas realizadas usando a Pesquisa de imagens do Google. Essa é uma quantidade enorme de engajamento potencial do site para as marcas. No entanto, muitos criadores de sites não gastam tempo otimizando as imagens que usam para seu site – eles acreditam que uma simples linha de texto alternativo é suficiente para agradar o complexo algoritmo de SEO de imagens do Google.

Mas o algoritmo do Google fica mais inteligente a cada dia.

Felizmente, otimizar as imagens do seu site para pesquisa não requer incontáveis ​​horas de implementação de estratégias e fórmulas complexas de SEO. A otimização de imagem para SEO requer algumas etapas fáceis. Ao se concentrar em fatores como tamanho da imagem, velocidade, descrição e conteúdo, você pode fornecer uma melhor experiência ao usuário e ajudar o Google a definir e organizar suas imagens.

Otimização de imagem para experiência do usuário

Embora todos os estrategistas de SEO desejem que seu conteúdo tenha uma classificação alta no Google, é importante criar conteúdo que forneça excelente UX (experiência do usuário). Quanto melhor UX você fornecer, maior a probabilidade de engajamento e conversões. É por isso que a melhor otimização de imagem inclui contexto, relevância e qualidade do site.

Veja como você pode otimizar imagens para a experiência do usuário.

Considere o posicionamento da imagem

A seleção de onde você coloca uma imagem em uma página da Web influencia mais o contexto e a relevância. Muitos criadores de sites lançam uma imagem ou duas em seções aleatórias de sua página da web como forma de quebrar o texto. Mas fazer isso pode acabar confundindo e distraindo seu público. As imagens devem ser colocadas perto do texto mais relevante para fornecer contexto aos visitantes. Observe como a imagem na próxima seção se relaciona com o texto. Isso também ajuda o Google a veicular imagens apropriadas para consultas de pesquisa relacionadas.

Use imagens exclusivas e de alta qualidade

As fotos de banco de imagens são as favoritas de muitos proprietários de sites. Afinal, eles geralmente são gratuitos, fáceis de usar e provavelmente um ou dois são relevantes para o seu site. O problema é que todos os outros criadores de sites provavelmente estão fazendo a mesma coisa, o que significa que as imagens que você usa provavelmente são encontradas em dez outros sites como o seu.

Como explica John Mueller, do Google, “se você está tentando classificar no Google Images, usar a mesma imagem que muitos outros sites não fará muito bem”.

Como parte de seu fluxo de trabalho de otimização, considere criar suas próprias imagens exclusivas que são usadas exclusivamente para seu site. Investir em fotos de alta qualidade pode levar a uma taxa de engajamento muito maior, especialmente se você tiver uma loja de comércio eletrônico onde fotos atraentes de produtos são uma necessidade.

Garanta a compatibilidade com dispositivos móveis

O uso de dispositivos móveis é responsável por mais de 50% de todo o tráfego da Web , por isso é imperativo que você torne suas imagens compatíveis com dispositivos móveis. O Google oferece um teste simples de compatibilidade com dispositivos móveis que verifica sua página da Web e a testa para uso móvel, oferecendo conselhos sobre como otimizar melhor qualquer imagem. Para páginas que não passarem nesse teste, considere usar imagens responsivas que são dimensionadas dependendo do dispositivo com o qual o usuário as acessa.

Normalmente, uma combinação de HTML, CSS e Javascript é usada para fornecer o tamanho correto da imagem com base no dispositivo. A maioria dos sites já é compatível com dispositivos móveis. Se você estiver trabalhando em um site muito antigo ou não tiver certeza, basta ajustar a largura do seu navegador. Você deve ver a escala das imagens à medida que o tamanho da janela do navegador muda. Você pode ler mais sobre como criar imagens responsivas neste guia .

Não se esqueça da qualidade do site

A otimização de imagem é apenas uma parte para garantir uma ótima experiência do usuário. Ter outro conteúdo de alta qualidade em sua página da web aumenta ainda mais sua relevância e utilidade. O Google analisa muitos fatores diferentes ao considerar a qualidade do site , incluindo segurança, experiência, valor, confiabilidade e organização. Quanto mais desenvolvida sua página da web for como um todo, maior será o benefício para as pessoas e maior a probabilidade de o Google se interessar.

Como otimizar imagens para velocidade

De acordo com um relatório do Google , a probabilidade de visitantes que navegam para fora de uma página da web aumenta em 32% à medida que “o tempo de carregamento da página passa de 1 segundo para 3 segundos”. Essa alta estatística mostra que a velocidade de carregamento é um fator influente no sucesso da página da web. E nada deixa uma página mais lenta do que uma imagem que demora muito para carregar.

Felizmente, existem várias maneiras de otimizar sua imagem para obter uma melhor velocidade de carregamento da página.

Escolha o formato de imagem correto

Escolher o formato de imagem correto é o primeiro passo para garantir que sua imagem seja carregada de forma rápida e adequada. Mas como você determina qual formato de imagem é melhor para otimização de velocidade? A primeira etapa é examinar quais opções estão disponíveis para você como formatos de imagem compatíveis com o Google.

1. PNG : os formatos PNG são normalmente usados ​​para gráficos, capturas de tela ou imagens que exigem a preservação da transparência do plano de fundo.
2. JPEG : O formato de imagem mais conhecido, o JPEGS é bom para fotos grandes ou ilustrações.
3. SVG : Ideal para logotipos ou ícones personalizados que podem ser visualizados em tamanhos diferentes.
4. WebP : A melhor opção para resultados de alta qualidade para imagens de tamanho menor.
5. BMP : Considerado mais uma opção desatualizada, o BMP é usado para imagens de bitmap.
6. GIF : Para mover gráficos ou animações.

Há um grande debate com a otimização de imagem sobre se GIFs ou vídeos são melhores do ponto de vista da otimização. Ambos os formatos têm suas vantagens e desvantagens. Os vídeos tendem a receber o maior engajamento – quase 70% dos consumidores são mais propensos a comprar um produto depois de assistir a um vídeo sobre ele. Ao mesmo tempo, os vídeos tendem a demorar mais para carregar do que os gifs, o que pode diminuir a velocidade da página. Qual escolher dependerá dos outros elementos que estão em sua página web. Se for muito texto, considere usar apenas GIFs. Se você tiver menos em sua página, poderá usar o vídeo com segurança sem sacrificar a velocidade de carregamento.

Lembre-se da taxa de compactação da imagem

Depois de escolher o formato certo, você também deve considerar a taxa de compactação da imagem. Muita compactação de imagem pode levar a uma qualidade de imagem ruim, enquanto pouca compactação resultará em um tamanho de arquivo enorme. Muitos sites e aplicativos de edição de fotos permitem que você experimente tamanhos de compactação. O Google forneceu um guia sobre métodos de compactação que você pode aplicar às suas imagens, abrangendo termos como compactação com perdas.

Lembre-se de que não existe uma “resposta certa” para o tamanho do arquivo de imagem de compactação, mas oitenta por cento é um bom ponto de partida. É muito improvável que você perceba qualquer degradação na qualidade da imagem, exceto nos casos mais críticos.

Considere usar um plugin WordPress para otimização de imagem. Para o blog MarketMuse usamos Kraken . Uma vez configurado, ele compacta automaticamente as imagens à medida que são carregadas no CMS. Isso é perfeito para criar um fluxo de trabalho eficiente.

Escolha as dimensões certas da imagem

A exibição de imagens com as dimensões corretas é a última etapa para garantir que as imagens não afetem negativamente a velocidade de carregamento da página e a facilidade de uso. Servir imagens de tamanho grande é um desperdício de largura de banda e adiciona sobrecarga desnecessária. A maioria dos sistemas de gerenciamento de conteúdo cuidará disso para você, mas você ainda precisa ter uma imagem original de tamanho adequado para começar.

A ferramenta de inspeção do navegador Chrome pode ajudá-lo a determinar rapidamente o tamanho apropriado. O tamanho renderizado são as dimensões nas quais a imagem é exibida. No blog do MarketMuse, a largura da coluna é de 760 pixels, que é efetivamente a largura máxima na qual uma imagem será exibida. O tamanho intrínseco é o tamanho da imagem que foi carregada no WordPress (nosso CMS). Normalmente, a largura intrínseca não deve ser maior que a renderizada.

A exceção à regra são as capturas de tela em que você deseja que os visitantes vejam todos os detalhes que perderão em uma imagem de tamanho menor. Por exemplo, no blog do MarketMuse, muitas vezes mostramos capturas de tela de nossa plataforma. Mas muitas vezes é difícil discernir recursos específicos com precisão devido à restrição de largura de coluna de 760 pixels.

Portanto, a imagem original (neste caso, com 1644 pixels de largura) é carregada no WordPress e exibida no tamanho menor de 760 pixels. Quando os leitores clicam na imagem, ela se abre em tamanho real, onde os detalhes podem ser vistos em toda a sua glória.

Nota rápida : quando a compactação de imagem não for suficiente, considere usar uma CDN (rede de entrega de conteúdo). Um CDN é um grupo geograficamente distribuído de servidores que trabalham juntos para fornecer entrega rápida de conteúdo da Internet. Essa diferença de velocidade pode ser bastante substancial e o custo é mínimo e, em alguns casos, gratuito. Leia este guia da Cloudflare para saber mais.

SEO de imagem para descoberta

As imagens não podem ser classificadas no Google se não forem descobertas. Dois itens podem ajudar nesse sentido; um mapa do site de imagem e marcações semânticas.

Utilize sitemaps de imagem

O que é um sitemap de imagens e como ele ajuda o Google a descobrir suas imagens? Um sitemap de imagem é um sitemap XML dedicado a listar todos os URLs de imagem em um site. Um sitemap é essencialmente um plano que ajuda o Google a encontrar, entender e rastrear os URLs relevantes em seu site.

Tecnicamente, você não precisa de um mapa do site. Você pode apenas enviar URLs por meio do Google Search Console. Mas é muito mais eficiente ter um, especialmente quando ele é atualizado automaticamente à medida que novos conteúdos são lançados.

Para o blog do MarketMuse, empregamos o RankMath , um plug-in do WordPress que lida com mapas do site entre uma série de outras tarefas de SEO. É praticamente definido e esquecer. Este guia do Google sobre como criar um mapa do site pode ser útil caso você precise criar um manualmente.

Considere a marcação semântica

Inicialmente, a frase “marcação semântica” pode parecer inicialmente complicada. Felizmente, não é um software excessivamente complexo com o qual você precisa se preocupar. A marcação semântica refere-se à marcação de conteúdo, ou HTML, de uma página específica. Ele ajuda os humanos e os mecanismos de pesquisa a entender melhor o conteúdo de uma página. Isso o torna ideal para otimização de imagem.

Todo HTML deve transmitir informações que descrevam seu site para computadores e seres humanos. Leia a opinião do Google sobre marcações semânticas para HTML para obter as melhores dicas e truques sobre o assunto.

Otimização de imagens SEO para indexação

Há algumas coisas que você pode fazer para garantir que o Google indexe suas imagens com precisão.

Seja descritivo

Incluir títulos descritivos, descrições e nomes de arquivos como parte de seu site ajuda o Google e os humanos a entender melhor seu site. A melhor maneira de garantir que todos os seus elementos de texto sejam descritivos é colocar estrategicamente suas palavras-chave no texto que será apresentado com destaque no mecanismo de busca . Além disso, mantenha descrições de texto curtas, mas eficazes, evitando usar símbolos como sublinhados, pois os algoritmos do Google não os reconhecem. Cada palavra que você usa deve servir a um propósito para um resultado de pesquisa.

Incorporar dados estruturados

Para ajudar você a obter resultados aprimorados no Google, inclua dados estruturados em suas imagens sempre que possível. Com a pesquisa aprimorada, o Google pode fornecer selos que fornecem aos usuários mais informações relevantes sobre sua página enquanto eles realizam uma pesquisa de imagens. O Google oferece suporte a dados estruturados para produtos, vídeos e receitas.

Além disso, o Google possui diretrizes detalhadas de dados estruturados que descrevem todo o processo de incorporação de dados estruturados em seu SEO de imagem, sobre as quais você pode ler mais aqui . As dicas mais importantes são manter suas informações e dados atualizados e não inventar dados irrelevantes que possam enganar os usuários.

Usar tags alt

Se uma imagem não carregar em sua página, aparecerá um texto alternativo que ajuda a descrever sua imagem. Além disso, para pessoas com deficiência visual que acessam seu site, essa tag alt também pode ajudá-los a entender o que está na imagem do Google. Por fim, usar o texto alternativo correto fornece algumas informações adicionais para ajudar o Google a entender melhor a imagem e a página em que ela reside.

Existem algumas dicas importantes para escrever um bom texto alternativo que otimize sua imagem.

• Use suas palavras-chave de destino : adicionar suas palavras-chave de destino em texto alternativo é a principal maneira de ajudar a associar seu site a tópicos relevantes e aumentar sua visibilidade em um mecanismo de pesquisa.
• Mantenha-o curto : 80 a 125 caracteres (cerca de 16 palavras) para máxima acessibilidade . Até 50 palavras para classificação na Pesquisa de imagens do Google.
• Livre-se de frases desnecessárias : nunca inicie uma tag alt com frases como “Esta é uma imagem de ____” ou “Esta é uma imagem de ____”. Isso é redundante e ocupa espaço crucial. Vá direto para a fonte da imagem para brevidade e clareza.

Nota rápida : uma pergunta comum quando se trata de indexação é se o Google indexa imagens CSS. A resposta é não. John Mueller, do Google, afirmou que é melhor usar tags de imagem normais e com o atributo alt apontando para a imagem.

O take-away

A otimização de imagens para pesquisa de imagens é outra estratégia de SEO a ser implementada à medida que você trabalha na criação de páginas da Web úteis e relevantes. Como você pode ver, o SEO de imagem abrange muitas facetas. Para ter uma boa classificação na Pesquisa de imagens do Google, você precisa considerar o tamanho, a velocidade, o conteúdo, o formato e os dados relacionados da imagem. Além disso, certificar-se de criar texto alternativo descritivo, títulos e texto na página ajuda a criar uma página da Web melhor em geral. Feito corretamente, a otimização de imagem pode levar a uma melhor classificação de pesquisa e um site ao qual os usuários voltarão várias vezes.