Guia para iniciantes em SEO de imagens – Otimize imagens para mecanismos de pesquisa

A pesquisa de imagens é uma fonte poderosa de tráfego de sites, muitas vezes ignorada. A otimização de suas imagens para mecanismos de pesquisa pode aumentar significativamente a visibilidade do seu site e atrair novos visitantes.

Quando os usuários pesquisam imagens relacionadas ao seu conteúdo, as imagens otimizadas têm maior probabilidade de aparecer nos resultados de pesquisa, direcionando o tráfego para o seu site. Na WPBeginner, nos esforçamos muito para otimizar as imagens de nosso próprio blog para palavras-chave e práticas recomendadas de SEO.

Este guia para iniciantes oferece uma abordagem prática para otimizar o SEO de suas imagens seguindo as práticas recomendadas, permitindo que você libere todo o potencial da pesquisa de imagens e atraia mais visitantes.

Aqui está uma breve visão geral do que você aprenderá neste artigo:

Otimização de suas imagens para SEO e velocidade

A velocidade de carregamento da página desempenha um papel importante no SEO e na experiência do usuário. Os mecanismos de pesquisa sempre classificam melhor os sites rápidos. Isso também se aplica à pesquisa de imagens.

As imagens aumentam o tempo total de carregamento da página. Elas levam mais tempo para serem baixadas do que o texto, o que significa que sua página será carregada mais lentamente se houver vários arquivos de imagem grandes para baixar.

É por isso que você precisa garantir que as imagens do seu site WordPress sejam otimizadas para a Web. Pode ser um pouco difícil se acostumar com isso, pois muitos iniciantes não são especialistas em gráficos e edição de imagens.

A melhor maneira de otimizar imagens é editá-las em seu computador usando um software de edição de fotos como o Adobe Photoshop. Isso permite que você escolha o formato de arquivo correto para criar um arquivo de tamanho pequeno.

Você também pode usar um plug-in de compactação de imagem para o WordPress. Os plug-ins de otimização de imagem permitem reduzir automaticamente o tamanho do arquivo durante o upload de uma imagem para o WordPress.

Você pode saber mais em nosso guia prático sobre como otimizar corretamente as imagens antes de fazer upload de qualquer imagem para o seu site.

Tutorial em vídeo

Se você preferir instruções por escrito, continue lendo.

O que é texto alternativo?

Alt text ou texto alternativo é um atributo HTML adicionado à tag img que é usada para exibir imagens em uma página da Web. Ele tem a seguinte aparência no código HTML simples:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

Ele permite que os proprietários de sites descrevam a imagem em texto simples. O principal objetivo do texto alternativo é melhorar a acessibilidade, permitindo que os leitores de tela leiam o texto alternativo para usuários com deficiência visual.

O texto alternativo também é crucial para o SEO de imagens. Ele ajuda os mecanismos de pesquisa a entender o contexto da imagem.

Os mecanismos de pesquisa modernos podem reconhecer uma imagem e seu conteúdo usando inteligência artificial. No entanto, eles ainda dependem dos proprietários de sites para descrever a imagem com suas próprias palavras.

O texto alternativo também acompanha as imagens na pesquisa de imagens do Google, o que ajuda os usuários a entender a imagem e aumenta suas chances de obter mais visitantes para o seu blog WordPress.

Normalmente, o texto alternativo não é visível em seu site.

No entanto, se uma imagem estiver quebrada ou não puder ser encontrada, seus usuários poderão ver o texto alternativo com um ícone de imagem quebrada ao lado.

Qual é a diferença entre texto alternativo e títulos?

O texto Alt é usado para acessibilidade e SEO da imagem, enquanto o campo de título é usado internamente pelo WordPress para pesquisas de mídia.

O WordPress insere a tag alt no código real usado para exibir a imagem. A tag de título é armazenada no banco de dados do WordPress para localizar e exibir imagens.

No passado, o WordPress também inseria a tag de título no código HTML. No entanto, essa não era uma situação ideal do ponto de vista da acessibilidade, e é por isso que eles a removeram.

Qual é a diferença entre texto alternativo e legendas?

O texto alternativo é usado para descrever a imagem para mecanismos de pesquisa e leitores de tela. Por outro lado, a legenda é usada para descrever a imagem para todos os usuários.

O texto alternativo não fica visível em seu site, enquanto as legendas ficam visíveis abaixo das imagens.

O texto alternativo é fundamental para melhorar o SEO da imagem em seu site. A legenda é opcional e pode ser usada quando você precisar fornecer informações adicionais sobre a imagem aos visitantes do site.

Como adicionar texto alternativo, título e legenda a imagens no WordPress

O texto alternativo, o título e a legenda compõem os metadados da imagem que você pode adicionar às imagens ao carregá-las no WordPress.

Quando você adiciona uma imagem usando o bloco Imagem padrão, o WordPress permite que você adicione uma legenda e um texto alternativo para ela.

O WordPress gera automaticamente um título para a imagem a partir do nome do arquivo.

Você pode alterar o título expandindo as configurações do bloco “Advanced” da imagem. Aqui você encontrará um campo “Title Attribute” (Atributo de título) no qual poderá adicionar seu próprio título personalizado para a imagem.

Você também pode editar a tag alt e o título das imagens que já foram carregadas no WordPress.

Para fazer isso, você precisa visitar a página Mídia ” Biblioteca e localizar a imagem que deseja editar.

Basta clicar em uma imagem para abrir a janela pop-up de detalhes do anexo.

Aqui, você pode inserir o texto alternativo, um título, uma legenda e uma descrição opcional que é exibida na página do anexo.

Quando usar legendas para imagens no WordPress

As legendas permitem que você forneça detalhes adicionais de uma imagem a todos os seus usuários. Elas são visíveis na tela para todos os usuários, incluindo mecanismos de pesquisa e leitores de tela.

Como você deve ter notado, a maioria dos sites normalmente não usa legendas nas imagens de seus posts ou páginas de blog. Isso ocorre porque as legendas geralmente não são necessárias para explicar uma imagem.

As legendas são mais adequadas nos seguintes cenários:

• Fotos de família ou de eventos
• Fotos que precisam de explicações adicionais descrevendo a história de fundo
• Galerias de imagens de produtos

Na maioria dos casos, você poderá explicar a imagem no próprio conteúdo do artigo.

Uso do All in One SEO para gerenciar automaticamente o SEO de suas imagens (recomendado)

OAll in One SEO (AIOSEO) é o melhor plug-in de SEO para WordPress do mercado, e seu complemento Image SEO definirá automaticamente o texto alternativo, os títulos das imagens, as legendas e muito mais. Ele também adicionará um mapa do site de imagens adequado e outros recursos de SEO para melhorar sua classificação de SEO.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in All in One SEO. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress. Para usar o recurso Image SEO, você precisará do plano Plus ou superior.

Após a ativação, o plug-in iniciará automaticamente o assistente de configuração. Você pode saber como configurar o plug-in em nosso guia sobre como configurar corretamente o All in One SEO.

Agora você precisa navegar até All in One SEO ” Search Appearance e clicar na guia “Image SEO”. Depois disso, clique no botão “Activate Image SEO” (Ativar SEO de imagem) para ativar os recursos premium de SEO de imagem.

Configuração de títulos de imagem automáticos usando o All in One SEO

Ao navegar até a guia “Title” (Título) na página Image SEO, você pode escolher um formato de título usando tags inteligentes que serão usadas automaticamente para gerar atributos de título para suas imagens.

Por exemplo, adicionar a tag “+ Image Title” usará automaticamente o título da imagem usado na biblioteca de mídia do WordPress.

Você também pode adicionar outras tags, como o título do seu site, remover a pontuação do título e alterar a capitalização.

Configuração automática de texto alternativo usando o All in One SEO

Em seguida, você pode clicar na guia “Alt Tag” para formatar automaticamente o texto alternativo de suas imagens.

Por padrão, o AIOSEO simplesmente usará o texto alternativo da biblioteca de mídia. Se desejar, você também pode adicionar o título do seu site e outras informações ao texto alternativo de cada imagem em seu site.

O complemento Image SEO do All in One SEO também pode gerar automaticamente legendas de imagens, desativar páginas de anexos, conforme abordaremos a seguir, e muito mais.

Como desativar páginas de anexos no WordPress

O WordPress cria uma página para cada imagem que você carrega em seus posts e páginas. Ela é chamada de página de anexo. Essa página mostra apenas uma versão maior da imagem real e nada mais.

Isso pode ter um impacto negativo de SEO em suas classificações de pesquisa. Os mecanismos de pesquisa consideram as páginas com pouco ou nenhum texto como de baixa qualidade ou com pouco conteúdo.

Por isso, recomendamos que você desative as páginas de anexos em seu site.

Desativação de páginas de anexo usando o All in One SEO

A maneira mais fácil de fazer isso é instalando e ativando o plug-in All in One SEO. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, ele desativa automaticamente os URLs de anexos. Você também pode desativar manualmente as páginas de anexos no WordPress visitando a página All in One SEO ” Search Appearance e clicando na guia “Image SEO”.

Aqui, certifique-se de que a opção “Redirecionar URLs de anexos” esteja definida como “Anexo”.

As páginas de anexos agora serão redirecionadas para as próprias imagens. Isso significa que sempre que um mecanismo de pesquisa ou visitante acessar o URL de uma página de anexo, ele verá a imagem em vez da página de anexo.

Desativação de páginas de anexo usando um plug-in

Se você não estiver usando o plug-in AIOSEO, poderá instalar o plug-in Attachment Pages Redirect. Esse plug-in simplesmente redireciona as pessoas que visitam a página de anexos para a postagem em que a imagem é exibida.

Desativação de páginas de anexo usando código

Você também pode desativar as páginas de anexos adicionando código ao arquivo functions.php do seu tema. A maneira mais segura de fazer isso é com o WPCode, o plug-in de trechos de código mais popular que facilita a adição de trechos de código no WordPress.

O melhor é que o WPCode vem com uma biblioteca de snippets integrada, na qual você pode encontrar todos os snippets de código mais populares do WordPress, inclusive a desativação de páginas anexas.

Primeiro, você precisa instalar e ativar o plug-in gratuito WPCode. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, vá até Code Snippets ” + Add Snippet. Você precisa pesquisar a biblioteca de snippets para localizar o snippet Disable Attachment Pages.

Ao passar o mouse sobre o snippet, você verá alguns botões.

Basta clicar no botão “Usar snippet”, e um novo snippet será criado para você.

Tudo o que você precisa fazer agora é alternar a chave “Active” (Ativo) para a posição “On” (Ligado) e clicar no botão “Update” (Atualizar). Agora você desativou com êxito as páginas de anexos.

Se você estiver familiarizado com códigos, também poderá fazer isso manualmente, adicionando o seguinte código diretamente ao arquivo functions.php do seu tema.

function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit();
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit();
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );

Dicas adicionais para melhorar o SEO de imagens

Adicionar uma tag alt não é a única coisa que você pode fazer para melhorar o SEO da imagem. Veja a seguir algumas dicas adicionais que você deve ter em mente ao adicionar imagens aos posts do seu blog.

1. Escreva um texto alternativo descritivo

Muitos iniciantes costumam usar apenas uma ou duas palavras como texto alternativo para a imagem. Isso torna a imagem muito genérica e mais difícil de classificar.

Por exemplo, em vez de apenas “gatinhos”, você pode usar “Gatinhos brincando com um pato de borracha amarelo”.

2. Use nomes de arquivos descritivos para suas imagens

Em vez de salvar suas imagens como DSC00434.jpeg, você precisa nomeá-las adequadamente. Pense nas palavras-chave que os usuários digitarão na pesquisa para encontrar essa imagem específica.

Seja mais específico e descritivo nos nomes de seus arquivos de imagem. Por exemplo, red-wooden-house.jpeg é melhor do que apenas house.jpeg.

3. Forneça contexto para suas imagens

Os mecanismos de pesquisa estão ficando mais inteligentes a cada dia. Eles conseguem reconhecer e categorizar imagens muito bem. No entanto, eles precisam que você forneça o contexto da imagem.

Suas imagens precisam ser relevantes para o tópico geral do post ou da página. Também é útil colocar a imagem próxima ao texto mais relevante do artigo.

4. Siga as práticas recomendadas de SEO

Você também precisa seguir as diretrizes gerais de SEO do seu site. Isso melhora suas classificações gerais de pesquisa, inclusive a pesquisa de imagens.

5. Use fotografias e imagens originais

Há muitos sites de banco de imagens gratuitos que você pode usar para encontrar imagens gratuitas para as publicações do seu blog. Entretanto, o problema com as fotos de banco de imagens é que elas são usadas por milhares de sites.

Tente usar fotografias originais ou criar imagens de qualidade que sejam exclusivas de seu blog.

Guias especializados sobre a otimização de imagens do WordPress

O SEO de imagens é apenas um aspecto da otimização de imagens no WordPress. Talvez você queira ver alguns outros guias relacionados ao aprimoramento de imagens em seu site WordPress.

• Como otimizar imagens para desempenho na Web sem perder a qualidade da imagem
• Como adicionar imagens corretamente no WordPress (passo a passo)
• Como adicionar imagens em destaque ou miniaturas de postagens no WordPress
• Ferramentas para criar imagens melhores para suas postagens no blog
• Ótimos plug-ins do WordPress para gerenciar imagens (atualizado)
• Como criar uma galeria de imagens no WordPress (passo a passo)
• Como carregar facilmente imagens em modo preguiçoso no WordPress
• Como corrigir problemas comuns de imagem no WordPress (guia fácil)
• WebP vs. PNG vs. JPEG: O melhor formato de imagem para WordPress
• Onde o WordPress armazena as imagens em seu site?

Sabemos que a maioria dos blogueiros não é fotógrafo nem designer gráfico. Felizmente, existem algumas ferramentas on-line excelentes que você pode usar para criar gráficos para seus sites.

Esperamos que este artigo tenha ajudado você a aprender sobre SEO de imagens para seu website. Talvez você também queira ver nosso guia sobre como corrigir problemas comuns de imagem no WordPress ou nossas escolhas de especialistas para os melhores plug-ins e ferramentas de SEO para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.