Como Adicionar Facilmente o Atributo Title a Imagens no WordPress (2 Métodos)

Após publicar milhares de artigos no WPBeginner, aprendemos que pequenos detalhes podem ter um grande impacto. Adicionar um atributo de título às suas imagens é uma dessas pequenas coisas que fazem uma grande diferença.

É um passo fácil de perder, mas esquecê-lo significa que você está perdendo uma chance de melhorar tanto a acessibilidade do site quanto o SEO de imagens. Este atributo simples fornece contexto adicional tanto para seus visitantes quanto para os motores de busca.

Felizmente, o WordPress facilita a adição de títulos de imagem, e você não precisa de nenhuma habilidade especial. Vamos guiá-lo por dois métodos simples para fazer isso.

O que é o Atributo de Título em Imagens?

Rastreadores da web, bots e dispositivos de leitura de tela não conseguem realmente ver suas imagens. Em vez disso, eles veem HTML como:

<img src="/path/to/image/fruits.jpg" width="100" height="100" /> 

Na maioria das vezes, este código não ajuda as ferramentas de acessibilidade e os motores de busca a entenderem do que se trata a imagem.

É por isso que recomendamos adicionar uma tag de título às suas imagens. Por exemplo:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" /> 

Uma tag de título útil e relevante ajudará os motores de busca como o Google a indexar suas imagens corretamente e, em seguida, mostrá-las às pessoas que estão procurando por conteúdo como o seu. Isso pode melhorar o SEO de suas imagens e aumentar o tráfego do seu blog.

Ferramentas de acessibilidade, como leitores de tela, também lerão o título em voz alta, o que é útil para visitantes com problemas de visão.

Você também pode adicionar um atributo de tag alternativo, que seu site WordPress exibirá se não conseguir mostrar a imagem real, por exemplo, devido a um erro do WordPress.

Dito isso, vamos ver como você pode adicionar atributos de título a imagens em seu blog ou site WordPress. Simplesmente use os links rápidos abaixo para pular para o método que você deseja usar:

• Método 1: Adicionando Atributo de Título a Imagens Usando o Editor de Blocos
• Método 2: Adicionar Atributo de Título a Imagens Usando o Editor Clássico do WordPress
• Dicas Bônus para Otimizar o SEO de Imagens
• Perguntas Frequentes (FAQs)
• Recursos adicionais para otimização de imagens

Método 1: Adicionando Atributo de Título a Imagens Usando o Editor de Blocos

Você pode facilmente adicionar texto alternativo e atributos de título a qualquer imagem no editor de conteúdo do WordPress. Simplesmente vá em Posts » Adicionar Novo e crie um post.

Em seguida, clique no ícone '+' e selecione o bloco Imagem para adicionar uma imagem ao post ou página.

Agora você pode escolher uma imagem da biblioteca de mídia ou fazer o upload de uma imagem do seu computador. Não importa qual opção você escolha, certifique-se de clicar para selecionar a imagem na biblioteca de mídia.

Agora você pode adicionar texto alternativo digitando no campo 'Título'.

Há também um campo 'Título', mas este é o título que o WordPress usa internamente para identificar arquivos de mídia na Biblioteca de Mídia. Para mais informações sobre este tópico, por favor, veja nosso guia sobre texto alt da imagem vs. título da imagem no WordPress – qual a diferença?

Para adicionar um atributo de título de imagem HTML, você precisará prosseguir e adicionar a imagem à sua página ou post, normalmente. Em seguida, clique para expandir a seção 'Avançado' no menu do lado direito.

Isso tem um campo 'Atributo de título', que é o verdadeiro atributo de título de imagem HTML.

Simplesmente digite as informações que você deseja usar no campo.

Agora você pode prosseguir e clicar em 'Atualizar' ou 'Publicar' para tornar suas alterações visíveis.

Agora, simplesmente passe o mouse sobre a imagem e você verá um pop-up contendo sua tag de título.

Método 2: Adicionar Atributo de Título a Imagens Usando o Editor Clássico do WordPress

Se você estiver usando o editor clássico mais antigo, o processo de adicionar um atributo de título é um pouco diferente. No editor clássico, clique no botão ‘Adicionar Mídia’ e selecione sua imagem.

Agora, carregue uma nova imagem ou escolha uma imagem da biblioteca de mídia. Você pode então adicionar o texto alternativo e um título usando os campos à direita da biblioteca de mídia.

Mais uma vez, lembre-se de que ‘Título’ é usado internamente pelo WordPress e não é o verdadeiro atributo de título da imagem que pode melhorar o SEO e a acessibilidade.

Quando estiver pronto, clique no botão ‘Inserir no post’.

A partir daí, clique para selecionar sua imagem e, em seguida, selecione o pequeno ícone de lápis. Isso abrirá o pop-up ‘Detalhes da imagem’.

Basta clicar para expandir a seção ‘Opções Avançadas’ e, em seguida, digitar a tag de título no campo ‘Atributo de Título da Imagem’.

Não se esqueça de clicar no botão ‘Atualizar’ para salvar suas alterações.

Agora você pode prosseguir e publicar a página ou postagem para que o texto alternativo da imagem e a tag de título fiquem ativos.

Dicas Bônus para Otimizar o SEO de Imagens

Assim que você fizer o upload de suas imagens para a biblioteca de mídia, é hora de otimizá-las para os motores de busca. Isso facilitará para o Google indexar suas imagens e classificá-las mais alto.

Para fazer isso, você deve se lembrar de adicionar palavras-chave relevantes nas legendas, no título e nos atributos de texto alternativo.

Para uma solução poderosa e automatizada, recomendamos o uso do All in One SEO (AIOSEO). É o melhor plugin de SEO do mercado e o que usamos aqui no WPBeginner para lidar com nossa otimização on-page.

Seu módulo de SEO de Imagem economiza muito tempo. Nós o usamos para gerar automaticamente atributos de título e texto alternativo apropriados para nossas imagens, garantindo que tudo esteja otimizado sem um trabalho manual tedioso.

O plugin também adiciona suas imagens a um sitemap XML para ajudar os motores de busca a encontrá-las e classificá-las mais rapidamente. Para um detalhamento completo de seus recursos, consulte nossa análise completa do All in One SEO.

Além disso, o plugin permite desativar páginas de anexos. Essas páginas mostram apenas uma versão maior da imagem real, afetando negativamente seu SEO.

Para desativar as páginas de anexos, visite a página All in One SEO » Aparência de Pesquisa e mude para a aba ‘SEO de Imagem’. A partir daqui, certifique-se de que a opção ‘Redirecionar URLs de Anexo’ esteja definida como ‘Anexo’.

Agora, as páginas de anexos serão redirecionadas para as próprias imagens.

Além disso, você também pode usar texto descritivo para arquivos de imagem, comprimir imagens e adicionar backlinks para impulsionar o ranking. Para mais dicas e truques, confira nosso guia para iniciantes em SEO de imagens.

Perguntas Frequentes (FAQs)

Aqui estão as respostas para algumas das perguntas mais comuns que recebemos sobre como adicionar atributos de título de imagem no WordPress.

Qual é a diferença entre o texto alternativo da imagem e o atributo de título da imagem?

O texto alternativo é exibido quando uma imagem não carrega e é vital para leitores de tela e SEO. O atributo de título fornece informações extras como uma dica (tooltip) quando um usuário passa o mouse sobre a imagem.

Embora ambos sejam úteis, o texto alternativo é mais crítico para acessibilidade e rankings de busca.

O 'Título' na Biblioteca de Mídia é o mesmo que o 'Atributo de Título'?

Não, eles servem a propósitos diferentes. O campo 'Título' na Biblioteca de Mídia é para seu uso interno para ajudar a organizar seus arquivos.

O 'Atributo de Título' é o atributo HTML que os mecanismos de busca leem e que cria a dica (tooltip) de passar o mouse para os visitantes.

Posso adicionar títulos de imagem automaticamente no WordPress?

Sim, você pode usar um plugin como o All in One SEO (AIOSEO). Seu módulo de SEO de Imagem pode gerar automaticamente títulos e texto alternativo a partir dos nomes dos seus arquivos de imagem, o que pode economizar muito tempo.

Recursos adicionais para otimização de imagens

Esperamos que este guia tenha ajudado você a adicionar atributos de título às suas imagens. Para mais dicas sobre como melhorar os visuais e o SEO do seu site, confira estes artigos relacionados:

• Nossa seleção especializada dos melhores plugins de compressão de imagem
• Como usar IA para gerar imagens no WordPress
• Guia para iniciantes em SEO de imagens

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