Você quer saber como otimizar imagens no WordPress e obter mais tráfego orgânico com a pesquisa de imagens?
Todos os dias, mais de 1 bilhão de pesquisas são feitas no Google Images, o que as torna uma ótima oportunidade para ajudá-lo a se classificar e ganhar mais visibilidade na pesquisa.
Por isso, decidimos criar uma lista de dicas sobre a melhor forma de otimizar suas imagens no WordPress para melhorar as classificações e direcionar mais tráfego para seu site.
Como esta é uma lista abrangente, você pode clicar nos links rápidos para ir direto às diferentes seções:
Neste artigo
- O que é SEO de imagem?
- Como otimizar suas imagens no WordPress
- 1. Use a ferramenta de SEO de imagem correta
- 2. Use nomes descritivos para os arquivos de imagem
- 3. Escreva um texto alternativo amigável para SEO
- 4. Use a legenda da imagem quando necessário
- 5. Considere seu título e sua descrição de SEO
- 6. Desativar páginas de anexos
- 7. Defina as dimensões de sua imagem
- 8. Escolha o formato de imagem correto
- 9. Criar um Sitemap de imagens
- 10. Use dados estruturados de imagem para classificar os rich snippets
- 11. Adicionar miniaturas do Facebook e cartões do Twitter
- 12. Comprima suas imagens para reduzir o tamanho do arquivo
- 13. Carregamento lento de suas imagens
- 14. Use imagens responsivas
- 15. Instalar um plug-in de cache
- 16. Sirva suas imagens por meio de uma CDN de imagens
- 17. Torne seu site compatível com dispositivos móveis
- 18. Prepare-se para a pesquisa visual do Google Lens
O que é SEO de imagem?
O SEO de imagem, também chamado de otimização de imagem, é o processo de otimização das imagens em seu site para facilitar a localização e a classificação de suas imagens pelo Google.
Em outras palavras, ele ajuda o Google e outros mecanismos de pesquisa a entender seu conteúdo e mostrar suas imagens nos resultados da pesquisa de imagens.
E para que isso aconteça, você precisa otimizar suas imagens para a Web, o que mostraremos como fazer. Mas, primeiro, vamos dar uma olhada em por que você deve usar imagens em seu conteúdo, para começar.
Por que você deve usar imagens em seu conteúdo?
Primeiro as coisas mais importantes: Por que você deve usar imagens em seu conteúdo?
Você deve usar imagens porque elas agregam valor ao seu conteúdo e chamam a atenção das pessoas.
Se usadas corretamente, as imagens podem despertar o interesse das pessoas e fazê-las clicar no seu site, aumentando sua classificação nos resultados de pesquisa.
De fato, a pesquisa de imagens representa cerca de 20,45% de todas as pesquisas no Google e em outros sites populares.
Isso deve fazer você entender por que adicionar imagens ao seu conteúdo e otimizá-las para SEO é uma boa ideia.
A primeira coisa que você precisa pensar é se suas imagens são relevantes para o tópico da sua página. Mais importante ainda, se elas estão agregando valor ao seu conteúdo.
Além disso, você deve colocar a imagem mais importante na parte superior da página e tentar usar fotografias originais que sejam exclusivas do seu blog ou site.
Mas há mais do que isso...
...há mais coisas que você precisa fazer se quiser aparecer na pesquisa de imagens do Google e melhorar suas classificações, e é isso que mostraremos a seguir.
Como otimizar suas imagens no WordPress
Para otimizar suas imagens no WordPress, certifique-se de adicionar informações adicionais sobre elas, para que os mecanismos de pesquisa possam entender do que se trata.
Os mecanismos de busca estão ficando mais inteligentes a cada dia. Eles conseguem reconhecer e categorizar imagens muito bem. Mas eles precisam que você forneça contexto à imagem e otimize suas imagens para classificá-las na pesquisa de imagens.
1. Use a ferramenta de SEO de imagem correta
Uma das primeiras etapas para garantir que você acerte no SEO de sua imagem é usar a ferramenta de SEO de imagem correta.
E não há nada melhor do que o All In One SEO (AIOSEO).
O AIOSEO é um poderoso plug-in de SEO para WordPress que tem a confiança de mais de 3 milhões de sites. Os profissionais de marketing experientes o utilizam para ajudar a direcionar o tráfego e obter uma classificação elevada nas SERPs. Com o AIOSEO, você tem acesso a todas as ferramentas avançadas de SEO necessárias para levar seus esforços de SEO para o próximo nível sem precisar ser um especialista em SEO.
Um dos recursos mais adorados do plug-in é o módulo Image SEO. Esse é um módulo avançado que facilita muito a otimização de suas imagens. Por exemplo, você pode otimizar os metadados da imagem:
- Definir um formato (semelhante aos formatos de título/descrição de SEO)
- Eliminação da pontuação
- Conversão da carcaça
- E mais
Para usar esse recurso, acesse o painel do AIOSEO " Search Appearance " Image SEO.
Em seguida, você pode otimizar os metadados da imagem clicando na guia relevante (Título, Alt Tag, Legenda, Descrição ou Nome do arquivo). Você também pode escolher as páginas nas quais deseja implementar essas otimizações:
Otimizar suas imagens dessa forma facilita para os mecanismos de pesquisa entenderem do que se trata a sua imagem, pois ajuda a adicionar contexto. Isso também aprimora a experiência do usuário.
Consulte este guia de instalação para obter instruções detalhadas sobre como instalar o AIOSEO em seu site.
2. Use nomes descritivos para os arquivos de imagem
Você deve sempre nomear suas imagens com nomes de arquivo tão descritivos quanto possível.
Veja o que o Google diz sobre nomes de arquivos de imagens:
"[...] o nome do arquivo pode dar ao Google pistas sobre o assunto da imagem. Por exemplo, my-new-black-kitten.jpg é melhor do que IMG00023.jpg."
Para dar outro exemplo, aqui está a foto de um gatinho preto brincalhão. Em vez de nomeá-la IMG00021.jpg, nós a nomeamos playful-black-kitten.jpg, que é uma descrição melhor da imagem.
Tente ser específico. Por exemplo, big-eyed-playful-black-kitten.jpg é melhor do que apenas black-kitten.jpg.
Além disso, considere as palavras-chave que os usuários digitariam no Google para encontrar sua imagem.
3. Escreva um texto alternativo amigável para SEO
O texto alternativo é crucial para o SEO de imagens. Ele ajuda o Google a entender do que se trata a imagem. É um atributo HTML adicionado à tag de imagem, que é usada para mostrar imagens em uma página.
Pode ter a seguinte aparência em um código HTML simples:
<img src="img_playful-black-kitten.jpg" alt="Playful black kitten" width="500" height="600">Conforme mencionado, o texto alternativo é usado para descrever sua imagem. E se a sua imagem não puder ser exibida, os usuários ainda poderão entender do que se trata a imagem lendo o texto.
Isso é bom para pessoas que usam leitores de tela ou têm conexões de baixa largura de banda. Os textos alternativos também são úteis como textos âncora se você estiver vinculando imagens.
Não use apenas uma ou duas palavras para escrever seu texto alternativo. Em vez disso, imagine como você descreveria sua imagem para uma pessoa cega.
Por exemplo, em vez de apenas "chocolate", use "muffins de pão de banana com chocolate amargo". Isso também ajudará o Google a classificar a sua imagem, pois ele usa uma combinação de textos alternativos, algoritmos de visão computacional e o conteúdo da sua página para entender do que se trata a sua imagem.
Mas não encha seu texto alternativo com palavras-chave diferentes achando que isso o ajudará a se classificar melhor na pesquisa de imagens. Na verdade, isso pode resultar no oposto, e o Google pode considerar seu site como spam.
Não há necessidade de adicionar texto alternativo às imagens decorativas. Saiba mais em nosso guia para gerenciar imagens decorativas para SEO.
Adição de texto alternativo no editor de blocos do WordPress
Adicionar texto alternativo às suas imagens é muito fácil quando se usa o editor de blocos do WordPress.
Basta rolar a tela para baixo no post ou na página que está editando e clicar na imagem para que ela seja marcada com a moldura azul. Em seguida, vá para as Configurações de imagem na coluna direita do editor e digite o texto alternativo no campo Alt Text (texto alternativo) .
Os textos alternativos não são visíveis em seu site, enquanto as legendas são exibidas abaixo das imagens, o que veremos a seguir.
4. Use a legenda da imagem quando necessário
As legendas das imagens tornam seu conteúdo digitalizável. As pessoas tendem a examinar os títulos, as imagens e as legendas quando estão passando os olhos rapidamente por uma página.
No entanto, elas podem fazer com que seu conteúdo pareça desorganizado e não são realmente necessárias, pois você está explicando a imagem no próprio conteúdo.
Ainda assim, as legendas podem ser úteis:
- Fotos de família ou de eventos
- Fotos que precisam de explicação adicional, descrevendo uma história de fundo
- E galerias de imagens de produtos
Adição de legendas de imagens no editor de blocos do WordPress
Para adicionar a legenda da imagem no editor de blocos do WordPress, basta rolar para baixo no post ou na página que está editando e clicar na imagem, para que ela seja marcada com a moldura azul. Em seguida, digite a legenda da imagem no campo Caption (Legenda ), abaixo da imagem, e ela será adicionada!
5. Considere seu título e sua descrição de SEO
O Google também usa o título e a descrição de SEO da sua página ao decidir qual descrição mostrar abaixo da sua imagem nos resultados da pesquisa.
Veja o que o Google diz:
"O Google Images gera automaticamente um título e um snippet para explicar melhor cada resultado e como ele se relaciona com a consulta do usuário... Usamos várias fontes diferentes para essas informações, incluindo informações descritivas no título e meta tags."
Para ilustrar melhor isso, veja um exemplo dos resultados da pesquisa de imagens no Google para "muffins de chocolate saborosos":
Como você pode ver, todas as imagens têm descrições abaixo delas. E o Google usa o título e a descrição de SEO da sua página para gerá-los.
É por isso que suas imagens devem estar relacionadas ao título e à descrição. Se quiser saber como editar facilmente seu título de SEO, consulte nosso guia sobre como alterar o título de SEO no WordPress.
6. Desativar páginas de anexos
O WordPress cria uma página para todas as imagens que você carrega em seus posts e páginas. Ela é chamada de página de anexos.
A única coisa que essa página faz é mostrar uma versão maior do seu mage, o que, na verdade, pode prejudicar seu SEO. Os mecanismos de pesquisa consideram as páginas com pouco ou nenhum texto como de baixa qualidade ou "thin content".
Felizmente, é fácil desativar as páginas de anexo em seu site WordPress. E a maneira mais fácil de fazer isso é instalar e ativar o melhor plugin de SEO para WordPress do mercado, o All in One SEO (AIOSEO).
Desativar as páginas de anexos de imagens também é uma ótima maneira de eliminar parâmetros de URL desnecessários em seu site. A eliminação desses parâmetros é uma excelente maneira de aumentar a eficiência do rastreamento em seu site.
Depois que você ativar o AIOSEO, ele desativará automaticamente os URLs de anexos. Você também pode desativá-los manualmente visitando All in One SEO " Search Appearance e clicando na guia Media (Mídia).
Certifique-se de que a opção Redirecionar URLs de anexos esteja definida como Anexo, e pronto!
7. Defina as dimensões de sua imagem
Você deve redimensionar suas imagens para que se ajustem ao conteúdo do blog da sua página. Mesmo que seu site ocupe toda a largura da tela, a seção do blog tem uma largura máxima definida. E o uso de imagens maiores tornará o carregamento da página mais lento e afetará negativamente o SEO.
Por exemplo, se a largura máxima do seu blog for 706 px, suas imagens nunca serão exibidas com mais de 706 px. E se você tiver um site responsivo, o navegador redimensionará as imagens com largura superior a 706 px para ajustá-las à tela.
Pelo menos isso faz com que seu site pareça bom, certo?
Bem, há um problema...
...ao usar imagens grandes, o navegador ainda precisa carregar a imagem em tamanho real. Pior ainda, as imagens grandes são pesadas em termos de tamanho de arquivo e reduzem a velocidade de carregamento da página.
É por isso que você deve redimensionar e carregar suas imagens para a largura máxima de seu blog ou página. Felizmente, é fácil verificar isso.
Para começar, vá para as configurações do Web Developer em seu navegador e clique na ferramenta Inspector . Em seguida, basta passar o mouse sobre a coluna que deseja verificar, e uma caixa preta com as dimensões será exibida.
Como você pode ver, a largura do blog do AIOSEO é de 706 px, que é a largura máxima em que nossas imagens devem ser carregadas para não tornar o carregamento da página mais lento.
8. Escolha o formato de imagem correto
Como acabamos de explicar, as imagens geralmente tornam seu site grande em tamanho de arquivo e muito pesado. Seu site não carregará rápido o suficiente para que os visitantes esperem por ele.
Em vez disso, eles escolherão outro site que esteja carregando mais rápido, e você perderá tráfego e clientes em potencial. Isso também prejudicará suas classificações nos mecanismos de pesquisa, pois sua taxa de rejeição aumentará.
Dependendo do formato de imagem que você usar, o tamanho do arquivo de imagem será maior ou menor. Isso também afetará a qualidade de suas imagens.
Os tipos de arquivos de imagem mais comuns são JPG, PNG e GIF. Cada um deles tem sua finalidade, dependendo das imagens que você está criando ou carregando no seu site:
- O JPG é melhor para gráficos de sites que tenham muitos tons de cores
- PNG é melhor quando você quer qualidade superior e o tamanho não é um problema
- GIF é para animações ou imagens em movimento
Em geral, os JPGs são menores em tamanho de arquivo do que os PNGs e GIFs. No entanto, o PNG é melhor para imagens de alta qualidade, como capturas de tela, desenhos e imagens com texto em que é necessário manter a qualidade da imagem.
9. Criar um Sitemap de imagens
Você pode ajudar o Google a indexar e rastrear suas imagens mais rapidamente criando um mapa do site de imagens.
Ao usar o AIOSEO, a criação de um mapa do site de imagens XML é tão fácil quanto um passeio no parque. Na verdade, todas as imagens do seu site são incluídas automaticamente no mapa do site em XML. E essa função é o que chamamos de Sitemap de imagens.
Tudo o que você precisa fazer é ativar o AIOSEO, e ele criará automaticamente um mapa do site para você. Você pode verificar se ele está ativado navegando até Sitemaps no menu All in One SEO e clicando na guia General Sitemap (Sitemap geral ).
Isso abrirá a janela General Sitemap, onde você poderá ver que Enable Sitemap está definido como ativado.
Simples assim!
Se quiser saber como personalizar o mapa do site e excluir determinadas imagens ou conteúdo, consulte nosso guia sobre como criar um mapa do site no WordPress.
Além disso, certifique-se de que suas imagens não estejam bloqueadas pelo arquivo robots.txt. Se não quiser que o Google rastreie suas imagens, você pode proibi-las usando o robots.txt. Para obter mais detalhes, consulte nosso guia sobre como editar facilmente um arquivo robots.txt no WordPress.
10. Use dados estruturados de imagem para classificar os rich snippets
Se você adicionar marcação de esquema ou dados estruturados ao seu site, o Google Imagens poderá mostrar suas imagens como resultados avançados com um emblema destacado do assunto da sua página.
Veja um exemplo de quando a marcação de esquema de receita é adicionada ao seu site:
Como você pode ver, ele mostra um emblema em destaque com um garfo e uma faca, indicando que se trata de uma receita. Isso fornece aos usuários mais informações sobre sua página, o que aumentará sua CTR (taxa de cliques) e direcionará mais tráfego orgânico para seu site.
O Google Images oferece suporte à marcação de esquema para:
- Produtos
- Vídeos
- Receitas
Você pode adicionar facilmente a marcação de esquema ao seu site e obter esses resultados avançados de boa aparência usando o AIOSEO. Para saber como fazer isso, confira nosso guia sobre como adicionar rich snippets ao WordPress.
11. Adicionar miniaturas do Facebook e cartões do Twitter
Outra maneira de direcionar mais tráfego para o seu site é utilizar seus perfis de mídia social. E a primeira etapa é garantir que as imagens certas sejam exibidas quando compartilhadas nas mídias sociais.
Com o AIOSEO, você pode otimizar suas imagens e controlar a aparência delas quando o conteúdo é compartilhado no Twitter e no Facebook. Você pode fazer isso facilmente adicionando cartões do Twitter e miniaturas do Facebook ao seu site.
Por exemplo, esta é a aparência de uma de nossas publicações depois de escolher qual miniatura será usada quando for compartilhada no Facebook:
E aqui está um cartão do Twitter quando a publicação da OptinMonster é compartilhada no Twitter:
Veja como configurar isso facilmente visitando como corrigir a miniatura errada do Facebook e como adicionar Twitter Cards no WordPress.
12. Comprima suas imagens para reduzir o tamanho do arquivo
Conforme mencionado, a velocidade do site é crucial para o SEO. O Google confirmou que ela é um fator de classificação tanto no desktop quanto no celular. E isso também se aplica à pesquisa de imagens.
A partir de maio de 2021, o Google fará da velocidade de carregamento do site uma parte de seus Core Web Vitals. Esses são fatores que o Google considera importantes para oferecer aos usuários a melhor experiência ao visitar seu site. Por exemplo, ele analisará a velocidade do seu site, a capacidade de resposta e a rapidez com que diferentes elementos, como imagens e fontes, são carregados.
A primeira etapa para otimizar suas imagens para a velocidade do site é compactá-las. E você pode usar serviços gratuitos, como o:
- TinyPNG para arquivos PNG e JPG
- CompressJPEG para arquivos JPG
- Optimizilla para arquivos PNG e JPG
Isso pode reduzir o tamanho do arquivo de imagem em 70% ou mais, afetando positivamente a velocidade do site.
13. Carregamento lento de suas imagens
Se você tiver muitas imagens e conteúdo em seu site, é sempre bom usar o lazy loading.
O carregamento lento mostra as imagens na sua página somente quando elas estão visíveis para o usuário enquanto ele rola o conteúdo para baixo. Isso torna a comunicação entre seu site e o servidor mais eficiente, o que faz com que sua página seja carregada mais rapidamente.
Veja o que o Google diz sobre lazy-loading:
"O carregamento lento pode acelerar significativamente o carregamento em páginas longas que incluem muitas imagens abaixo da dobra, carregando-as conforme necessário ou quando o conteúdo principal tiver terminado de carregar e renderizar."
Adivinhe só...
...se você estiver usando o WordPress 5.4 e versões mais recentes, ele carregará suas imagens de forma preguiçosa por padrão. Portanto, você não precisa se preocupar em instalar um plug-in de carregamento lento.
No entanto, se quiser adicionar o carregamento lento a outros elementos HTML, como iframes, vídeos e imagens de fundo, você poderá usar um plug-in de carregamento lento, como o WP Rocket, para acelerar ainda mais o carregamento da página.
14. Use imagens responsivas
O uso de imagens responsivas permite que seu site mostre uma imagem maior e com resolução mais alta em seu desktop. Ele também permite que os sites para celular mostrem uma imagem ampliada no celular e diminua o tamanho da imagem, aumentando a velocidade de carregamento da página.
Se você estiver usando o WordPress, não precisa se preocupar com isso. O WordPress torna suas imagens responsivas automaticamente após o upload e as exibe em tamanhos diferentes em seu site.
Dito isso, se quiser saber como suas imagens afetam a velocidade do site, você pode testar isso usando a ferramenta PageSpeed Insights do Google.
15. Instalar um plug-in de cache
O cache do navegador pode ajudar a acelerar o seu site armazenando alguns dos arquivos maiores do site, inclusive imagens, localmente no navegador da Web do usuário.
Um plug-in de cache faz uma cópia da sua página após o primeiro carregamento da página e, em seguida, fornece essa versão em cache para outros usuários.
Por exemplo, o WP Rocket oferece um conjunto abrangente de ferramentas para ajudar a acelerar seu site, como o cache e o pré-carregamento de páginas.
Se quiser conhecer mais opções, confira nossa postagem sobre os melhores plug-ins de cache do WordPress que recomendamos.
16. Sirva suas imagens por meio de uma CDN de imagens
Se quiser acelerar ainda mais seu site, use uma CDN (Content Delivery Network) de imagens.
Ele escolhe uma versão em cache de sua imagem no servidor mais próximo de sua localização geográfica. Isso acelerará seu site, pois limita o número de saltos na Internet necessários para exibir a imagem do servidor original (seu provedor de hospedagem na Web).
Para saber mais sobre a CDN e como conectar seu site, consulte o guia do WPBeginner sobre como instalar e configurar a CDN do WordPress.
17. Torne seu site compatível com dispositivos móveis
Por que isso é importante para o SEO de imagens, você pode pensar?
Porque o aumento dos dispositivos móveis fez com que deixar de cuidar do SEO para dispositivos móveis fosse uma sentença de morte. O Google não mostrará seu conteúdo na pesquisa de imagens se o seu site não estiver otimizado para dispositivos móveis. De fato, o Google agora tem um índice mobile-first e classifica melhor os sites otimizados para celular.
A maneira mais fácil de tornar seu site compatível com dispositivos móveis é usar um tema responsivo do WordPress que se adapte a diferentes tamanhos de tela e dispositivos. Para encontrar um tema responsivo, visite a postagem do WPBeginner sobre os 44 melhores temas responsivos para WordPress.
18. Prepare-se para a pesquisa visual do Google Lens
Se você administra, por exemplo, uma loja de comércio eletrônico ou um restaurante, precisa se preparar para a pesquisa visual do Google Lens.
O Google Lens é a nova ferramenta de reconhecimento de imagens do Google. Ela permite que os usuários toquem e segurem uma imagem no aplicativo do Google ou no navegador Chrome no Android para descobrir onde podem comprar um produto ou pedir uma refeição.
Em breve, esse recurso também será adicionado ao aplicativo do Google no iOS. Portanto, pode ser uma boa ideia otimizar suas imagens para o Google Lens.
Isso fez com que você se sentisse sobrecarregado?
Na verdade, é mais fácil do que parece...
...se você usar todas essas dicas para otimizar suas imagens no WordPress, estará no caminho certo.
Esperamos que este post tenha ajudado você a entender por que o SEO de imagens é importante e como você pode aproveitar o SEO de imagens para melhorar as classificações no Google Images e direcionar mais tráfego para o seu site.
Você também pode dar uma olhada em nosso guia definitivo de SEO para WordPress ou na lista de verificação de SEO para posts de blog para saber como aumentar ainda mais as classificações.
Quer experimentar o AIOSEO gratuitamente?
Digite o URL do seu site WordPress para instalar o AIOSEO Lite.
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.
