SEO de imagens: Um guia de senso comum para WordPress

O SEO de imagem é uma prática simples que pode aumentar significativamente o tráfego orgânico para seu site.

Imagens bem escolhidas acrescentam interesse visual a uma página e podem fornecer informações úteis.

Quando essas imagens são otimizadas, a Pesquisa Google pode entender melhor sua página e classificá-la (juntamente com suas imagens) para consultas relevantes.

Este guia o guiará pelas etapas de otimização de imagens no WordPress. Quando você terminar, o SEO de imagens não parecerá mais misterioso.

Primeiro, vamos abordar alguns conceitos básicos de SEO de imagens.

O que é SEO de imagem?

O SEO de imagens implica adicionar informações às imagens para ajudar os mecanismos de pesquisa a entendê-las e classificá-las em pesquisas relevantes.

Essa forma de SEO também pode incluir a minimização do tamanho dos arquivos para que as imagens carreguem mais rapidamente. Isso pode ajudar as páginas a carregarem mais rapidamente e proporcionar uma melhor experiência ao usuário.

Embora a velocidade de carregamento da página possa afetar as classificações, há um aspecto relativo nisso. O Google ponderará a qualidade do conteúdo acima da velocidade de carregamento. E levará em consideração a velocidade de carregamento de outras páginas que estão competindo pelas mesmas classificações.

Benefícios do SEO de imagens

A otimização de imagens é uma parte valiosa do SEO que muitas vezes é ignorada. Quando as imagens são otimizadas, elas podem ser importantes geradoras de tráfego orgânico.

Considere a popularidade da pesquisa de imagens.

• 72% dos consumidores pesquisam recursos visuais antes de comprar.
• 74% dizem que as pesquisas por imagem são superiores às pesquisas por texto para compras.
• O uso móvel da pesquisa de imagens cresceu 60% em um período de dois anos, de acordo com o Google.

As imagens otimizadas podem ser exibidas em várias áreas da Pesquisa Google, inclusive em

• Páginas de resultados de mecanismos de pesquisa (SERPs) regulares do Google
• Pesquisa do Google Images, que permite aos usuários pesquisar e encontrar imagens relacionadas a uma palavra-chave ou frase específica.
• Google Discover, um feed de conteúdo personalizado que mostra aos usuários conteúdo adaptado aos seus interesses.

O processo de otimização de imagens ajuda os algoritmos do Google a entender melhor o conteúdo das imagens.

Além disso, a adição de dados estruturados torna sua página qualificada para ser exibida como um resultado avançado, também chamado de rich snippet.

Um rich snippet ou resultado avançado é qualquer snippet do mecanismo de pesquisa que inclua imagens, classificações por estrelas ou outras informações não padronizadas.

Para ver a diferença, aqui está um snippet de pesquisa padrão.

E aqui está um rich snippet.

Os rich snippets podem ser particularmente úteis para sites de comércio eletrônico que usam imagens de produtos para atrair compradores.

Alguns rich snippets se parecem com anúncios. Quando você passa o mouse sobre uma opção, ela se expande e até cinco imagens aparecem e desaparecem em sequência.

Além disso, quando você adiciona dados estruturados, informações sobre preços, frete, descontos e outros detalhes podem ser exibidos nos resultados da pesquisa.

Como o nome indica, os rich snippets são resultados de pesquisa que incluem mídia avançada (não textual), como imagens e vídeos.

Pesquisas demonstraram que os rich snippets atraem mais cliques do que os snippets padrão.

Siga as práticas recomendadas de SEO para imagens

O que ensinarei neste tutorial é baseado nas práticas recomendadas do Google para SEO de imagens.

Essas práticas recomendadas incluem:

• Criação e envio de um mapa do site de imagens
• Uso de nomes de arquivos descritivos
• Adicionar texto alternativo (uma descrição de texto da imagem)
• Otimização do título e da meta descrição de sua página
• Adição de dados estruturados à página

Sua página inteira deve ser otimizada (não apenas as imagens). É aí que entra um plug-in como o All in One SEO (AIOSEO).

O All in One SEO (AIOSEO) automatiza a maioria das tarefas técnicas e simplifica o SEO para que até mesmo os iniciantes possam otimizar.

Esse é um plug-in estabelecido com milhares de avaliações de 5 estrelas no WordPress.org. Atualmente, mais de 3 milhões de proprietários de sites o utilizam.

Como fazer SEO de imagem no WordPress

Como usaremos o All in One SEO em nosso tutorial, a primeira etapa é fazer o download e instalá-lo.

Etapa 1: Faça o download e instale o All in One SEO (AIOSEO)

Após o download e a instalação do AIOSEO, um assistente de configuração será aberto e o guiará por algumas etapas.

Etapa 2: Obter um Sitemap de imagens

O Google recomenda que você crie um mapa do site de imagens e o envie para ele.

O que é um mapa do site? Um sitemap é uma lista de URLs, em código, criada para ser lida pelos mecanismos de pesquisa.

Por que ter um mapa do site? Seu conteúdo, inclusive imagens, precisa ser encontrado pelos rastreadores dos mecanismos de pesquisa antes de aparecer nos resultados de pesquisa. Os sitemaps ajudam os mecanismos de pesquisa a descobrir seu conteúdo.

Você obterá automaticamente um mapa do site de imagens ao instalar o All in One SEO (AIOSEO).

Na verdade, o AIOSEO gerará dois sitemaps para você, de acordo com as recomendações do Google.

• O mapa do site XML contém todos os URLs em seu site.
• O mapa do site RSS inclui URLs recentemente modificados ou publicados.

[XML e RSS referem-se à formatação do mapa do site. XML significa Extensible Markup Language e RSS significa Really Simple Syndication].

Seu sitemap de imagens é agrupado com seu sitemap XML.

Envie o mapa do site: Em seguida, envie o mapa do site para o Google. E envie-o para o Bing.

Etapa 3: Use nomes de arquivos de imagem descritivos

Os nomes de arquivos de imagem devem ser curtos e descritivos, não genéricos.

Esta é uma foto de um porco selvagem nas Bahamas.

Fiz o download da imagem do Unsplash.com, um site que oferece imagens gratuitas (e pagas).

O nome de arquivo da imagem (conforme o download) é: forest-simon-xa-fv2RQCPY-unsplash.jpg

Esse é um nome de arquivo ruim para SEO de imagem porque não contém nenhuma informação sobre o assunto.

Para criar um nome de arquivo melhor, descreva a imagem. Aqui estão alguns exemplos.

• porco selvagem nadando nas Bahamas.jpg
• wild-pig-exuma-beach-bahamas.jpg
• wild-pig-swimming-exuma-beach-bahamas.jpg

Lembre-se de que, ao baixar imagens do telefone ou da câmera, elas provavelmente terão nomes de arquivos genéricos, como IMG00001.jpg, portanto, será necessário alterá-los.

Vamos esclarecer isso para você.

Como alterar o nome de um arquivo de imagem

Na área de trabalho: Clique com o botão direito do mouse na imagem e digite o novo nome. Não se esqueça de manter a extensão, por exemplo, .png, .jpg e assim por diante. (Essa é a parte que vem depois do ponto final.) A extensão ajuda os navegadores a entender o formato da imagem.

No WordPress: Você pode renomear as imagens depois de carregá-las no WordPress. Vá para a Biblioteca de mídia, clique na imagem e digite um novo nome de arquivo.

Saiba mais sobre SEO de nome de arquivo de imagem.

Etapa 4: Posicionamento da imagem

As melhores imagens são aquelas que ajudam os usuários a entender melhor o conteúdo da página. Pense em gráficos, diagramas, capturas de tela e fotos ou ilustrações relevantes.

Ao adicionar imagens, coloque-as perto da passagem de texto relevante.

O posicionamento fornece contexto adicional, o que ajuda os mecanismos de pesquisa a entender a imagem.

Etapa 5: Adicionar texto alternativo

Em seguida, adicione um texto alternativo para cada imagem em uma página da Web. Também chamado de alt tag ou "texto alternativo", ele deve ser uma frase curta e descritiva.

O WordPress e outras plataformas de sites populares fornecem um campo em branco para adicionar texto alternativo à imagem.

No editor do WordPress, clique na imagem, e um campo "TEXTO ALTERNATIVO" aparecerá à direita. Digite a descrição de sua imagem.

Você sabia? As tecnologias de acessibilidade da Web, como os leitores de tela, leem o texto alternativo em voz alta, permitindo que as pessoas com deficiências visuais compreendam as imagens.

Se sua imagem for simplesmente decorativa, é melhor omitir a tag alt. Saiba mais sobre como gerenciar imagens decorativas para SEO.

Metadados: Talvez você já tenha ouvido falar que o texto alternativo é chamado de metadados. Metadados são dados (por exemplo, texto) sobre dados (por exemplo, uma imagem). Os metadados, inclusive os títulos e as descrições das páginas, ajudam os algoritmos dos mecanismos de pesquisa a entender não apenas o conteúdo textual, mas também as imagens da página.

Etapa 6: Use legendas significativas para as imagens

Se você adicionar legendas a uma imagem, trate-as como nomes de arquivos e texto alternativo. As legendas devem ser descritivas e úteis para o usuário.

O Google usa legendas, nomes de arquivos e texto alternativo para entender o conteúdo da imagem.

Aqui está um exemplo da Bloomberg de uma boa legenda de imagem: "O prédio do Tesouro dos EUA em Washington, D.C."

Uma rápida análise do código por trás dessa imagem mostra que não há um nome de arquivo descritivo da imagem, mas a legenda e o texto alternativo são bons e exatamente iguais.

(Se você der um bom nome à sua imagem, poderá usar esse nome também para o texto alternativo).

Etapa 7: SEO na página

Antes de publicar sua página da Web, otimize-a para os mecanismos de pesquisa. Isso ajudará sua página e suas imagens a serem classificadas para consultas relevantes.

Essa prática, chamada de SEO na página, é facilitada com o All in One SEO.

O AIOSEO analisará automaticamente sua página da Web e fornecerá etapas para aprimorá-la.

Para encontrar as recomendações do AIOSEO, faça login no WordPress. Em seguida, navegue até uma página que você deseja otimizar.

Clique no botão AIOSEO no canto superior direito. Isso abrirá a barra lateral do AIOSEO.

Em seguida, clique em General (Geral).

Aqui, você encontrará suas etapas de ação agrupadas em guias:

• Frase-chave do foco
• SEO básico
• Título
• Legibilidade

Clique em uma guia, como Focus Keyphrase, para obter etapas de ação específicas.

Saiba mais sobre

• SEO na página, inclusive como otimizar o título e a meta descrição.
• Frases-chave de foco
• Legibilidade e a pontuação de facilidade de leitura de Flesch

Etapa 8: Adicionar dados estruturados

A etapa final de otimização é adicionar dados estruturados (marcação de esquema) à sua página. Você pode pensar em dados estruturados como tags que rotulam diferentes partes de sua página.

Mas, diferentemente das tags de blog, essas tags aparecem apenas no código e são lidas pelos mecanismos de pesquisa.

Esse código ajuda o Google e outros mecanismos de pesquisa a entender e classificar o conteúdo da sua página. Ele também pode ajudar suas imagens a aparecerem no snippet de pesquisa e em consultas relevantes.

Por padrão, o AIOSEO adiciona o esquema de artigo a cada publicação. Mas há mais de uma dúzia de outros tipos de esquema que você pode adicionar a uma página usando o AIOSEO, incluindo:

• Receita
• Produto
• Avaliações de produtos
• Evento
• Livro
• Conjunto de dados
• Software
• Música

Basta ver qual esquema se encaixa em seu artigo e adicioná-lo clicando em alguns botões no AIOSEO.

Saiba como usar o AIOSEO para adicionar marcação de esquema, incluindo esquema de produto, às suas páginas.

Opcional: Configurações globais de SEO de imagem do AIOSEO

Por fim, o AIOSEO permite que você defina globalmente algumas configurações de SEO de imagem.

Isso inclui a formatação e o revestimento de tags alt, nomes de arquivos, legendas, títulos e descrições de imagens. Isso pode economizar tempo e garantir a consistência para as equipes de conteúdo.

Além disso, você pode optar por gerar automaticamente legendas e descrições no upload.

Veja mais informações sobre as configurações globais de SEO de imagens do AIOSEO.

Como otimizar imagens para mídias sociais

As postagens de mídia social com imagens obtêm muito mais engajamento do que as postagens somente com texto.

Mas você já compartilhou um artigo e viu que a imagem exibida estava errada? Ou talvez não houvesse uma descrição?

Usando o AIOSEO, você pode garantir que, quando seu conteúdo for compartilhado nas mídias sociais, a imagem e a descrição que você preferir sejam exibidas.

Quando estiver no editor do WordPress, você poderá editar como a publicação será exibida nas mídias sociais. O AIOSEO adiciona as tags necessárias do Open Graph nos bastidores.

O Facebook e outras plataformas sociais usam tags OG (uma forma de código) para controlar a exibição de suas publicações. Se essas tags estiverem faltando, sua publicação provavelmente não terá a aparência correta.

Saiba como otimizar seu conteúdo para a mídia social.

Considerações avançadas sobre SEO de imagens

Compartilhamos as etapas mais importantes de SEO de imagens. Quando você se acostumar a otimizar suas imagens e o SEO da página, o processo será mais rápido e se tornará algo natural.

A seguir, forneci orientações adicionais para aqueles que desejam explorar tópicos mais avançados de SEO de imagens.

Formatos de imagem

Em sua documentação sobre SEO de imagens, o Google lista os tipos de arquivos de imagem compatíveis.

Tipos de arquivos compatíveis: BMP, GIF, JPEG, PNG, WebP e SVG

Muitas imagens já estão no formato PNG ou JPG.

No entanto, há vantagens em usar o formato de imagem WebP do Google. Esse padrão usa compactação com e sem perdas para reduzir o tamanho dos arquivos em cerca de 30%. E isso acelera o carregamento da imagem.

Se você for um iniciante em tecnologias da Web, não se preocupe com isso. Mas se for um usuário intermediário ou avançado, considere a possibilidade de converter suas imagens para WebP.

Conversão de tipos de arquivos em uma CDN de imagens

Para aqueles que usam uma CDN de imagem, como Cloudinary ou ImageKit, você pode selecionar facilmente o formato de imagem preferido antes de publicar.

O exemplo abaixo é da minha conta do Cloudinary.

• A captura de tela à direita foi carregada como um arquivo PNG.
• À esquerda, você vê o menu suspenso que permite alterar o tipo de arquivo da imagem, inclusive para WebP.

Otimização do tempo de carregamento da página para SEO de imagens

As imagens geralmente são as culpadas pela lentidão no carregamento das páginas.

Os tamanhos dos arquivos de imagens baixados de sites de banco de imagens geralmente são enormes.

Colocar essa imagem em seu site é como espremer um elefante em um Fiat 500. Alguma coisa tem que ceder, e o que geralmente acontece é a velocidade do site.

Lembra-se da foto do porco na água que compartilhamos? Ela tinha mais de 2 MB de tamanho. Para efeito de comparação, até mesmo 1 MB é enorme.

Então, o que pode ser feito?

Compressão de imagens

Primeiro, saiba que reduzir o tamanho do arquivo de imagem não significa abrir mão da alta resolução. Você pode compactar imagens e ainda assim obter uma resolução de alta qualidade exibida em formato grande.

Há muitas recomendações populares sobre esse tópico, como o uso do TinyPNG.com para compactação de imagens. Para sites de fotos de altíssima resolução, você também pode usar uma ferramenta de captura de tela, como o SnagIt, para capturar a tela da imagem em vez de baixá-la.

Recomendamos o uso de um plug-in do WordPress que comprima e armazene em cache suas imagens automaticamente, como o WP Rocket.

Carregamento lento: Muitos plug-ins de compactação de imagens também incluem o carregamento lento. Esse processo prioriza o carregamento de imagens na parte superior da página porque os visitantes as verão primeiro.

As imagens mais abaixo na página são carregadas em rápida sucessão.

Se um usuário rolar a página para baixo rapidamente, antes que todas as imagens tenham sido carregadas, ele verá uma versão desfocada de cada imagem que gradualmente entra em foco.

Isso é muito melhor do que nos velhos tempos da Internet, quando você via um "x" vermelho no lugar das imagens que ainda não tinham sido carregadas. Isso fazia com que as páginas da Web parecessem quebradas.

O carregamento lento proporciona uma melhor experiência ao usuário porque ajuda a página a parecer que carrega instantaneamente, enquanto o navegador ainda está analisando as imagens mais abaixo na página.

Descubra também que tipo de armazenamento em cache seu host da Web oferece.

Redes de distribuição de conteúdo (CDNs)

A maioria dos hosts da Web usa CDNs (redes de distribuição de conteúdo), que podem acelerar o carregamento de imagens.

As CDNs armazenam cópias do seu site em várias localizações geográficas, de modo que a versão mais próxima do usuário é a que é carregada.

Gosto de comparar isso com a entrega de pizza. Quando você pede uma pizza da Domino's na cidade de Nova York, você não quer que ela seja entregue em Los Angeles.

Verifique seu plano de hospedagem na Web para ver se ele usa uma CDN. Se não usar, mude para um que use.

Perguntas e respostas sobre SEO de imagens

O Google diz que as imagens exigem HTML adequado. Preciso adicionar isso eu mesmo?

Se você estiver usando um sistema de gerenciamento de conteúdo (CMS) moderno, como WordPress, Drupal ou Squarespace, não precisará adicionar HTML às suas imagens. Na verdade, não conheço nenhum CMS que não faça isso automaticamente para você. Na verdade, esse é um dos motivos para usar um CMS.

Specifically, Google states, “Using standard HTML image elements helps crawlers find and process images. Google parses the HTML <img> elements (even when they're enclosed in other elements such as <picture> elements) in your pages to index images . . .”

When you add an image to WordPress or other user-friendly platforms, the <img> element will be automatically added to the code along with attributes like src (the source, i.e., URL for the image) and alt (alt text).

Aqui está um exemplo simplificado de como isso poderia ser.

<img src=”https://mydomain.com/wpcontent/uploads/2023/12/nyc-sunset.jpg” alt=”new york city sunset” />

O WordPress também disponibilizará várias dimensões da mesma foto para os navegadores, e a que melhor corresponder ao tamanho da tela do dispositivo do usuário será a que será exibida. (Para estudantes de HTML: o atributo srcset é usado para isso).

Recursos sobre SEO de imagens

Gostaria de ler mais sobre SEO de imagens? Aqui estão alguns recursos práticos.

• Guia para iniciantes em SEO de imagens
• Como escrever texto alternativo para imagens
• Como carregar imagens lentamente no WordPress (2 métodos)
• Como adicionar CSS personalizado ao controle deslizante de imagens do WordPress
• Yoast vs. RankMath vs. All in One SEO: Qual é o melhor?

Depois de dominar o SEO de imagens ....

Agora que você aprendeu a otimizar imagens para aumentar o tráfego, o que vem a seguir?

Explore como um fabricante de produtos eletrônicos aumentou rapidamente seu tráfego usando a Pesquisa de imagens do Google. Saiba mais sobre SEO de vídeo do WordPress. E não se esqueça de planejar as conversões.

Inscreva-se em nosso canal do YouTube para receber tutoriais curtos sobre SEO para WordPress. E siga-nos no X (Twitter), LinkedIn ou Facebook para ficar por dentro de tudo.

Quer experimentar o AIOSEO gratuitamente?

Digite o URL do seu site WordPress para instalar o AIOSEO Lite.

Ative o JavaScript em seu navegador para preencher este formulário.

Site / URL *

Nome *

E-mail *

Obtenha o All in One SEO agora (gratuito)

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.

Sherrie Gossett Redatora de conteúdo

Sherrie é uma analista de SEO que mora em New Hampshire, nos Estados Unidos. Quando não está ocupada pesquisando, implementando e escrevendo sobre novos desenvolvimentos de SEO, ela pode ser encontrada fazendo caminhadas e tocando violão.

Ver biografia completa

SEO Marketing de crescimento WordPress