Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar facilmente o atributo de título a imagens no WordPress (2 métodos)

Adicionar atributos de título a imagens no WordPress é uma maneira simples e eficaz de aumentar a acessibilidade e fornecer contexto adicional para seus recursos visuais.

Os atributos de título oferecem informações adicionais quando os usuários passam o mouse sobre uma imagem. Isso ajuda os leitores de tela e os mecanismos de pesquisa a entender do que se trata a imagem, o que é ótimo para SEO.

Temos um blog há mais de 16 anos e aprendemos a importância de tornar as postagens visualmente atraentes. Para fazer com que nosso conteúdo se destaque, sempre adicionamos imagens para quebrar o texto e chamar a atenção dos leitores.

Além disso, sempre incluímos atributos de título para cada imagem. Com o tempo, vimos como esses pequenos detalhes podem criar uma aparência refinada e melhorar a interação do usuário com o nosso conteúdo.

Neste artigo, mostraremos a você como adicionar facilmente atributos de título a imagens no WordPress.

Adding the title attribute to images in WordPress

O que é o atributo Title em imagens?

Os rastreadores da Web, bots e dispositivos de leitura de tela não conseguem 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, esse código não ajuda as ferramentas de acessibilidade e os mecanismos de pesquisa a entender 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 mecanismos de pesquisa, como o Google, a indexar suas imagens corretamente e, em seguida, mostrá-las às pessoas que estão procurando conteúdo como o seu. Isso pode melhorar o SEO da sua imagem 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 puder mostrar a imagem real, por exemplo, devido a um erro do WordPress.

Broken image path

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

Método 1: Adicionar atributo de título a imagens usando o Block Editor

Você pode adicionar facilmente atributos de texto alternativo e título a qualquer imagem no editor de conteúdo do WordPress. Basta acessar Posts ” Add New e criar uma postagem.

Em seguida, clique no ícone “+” e selecione o bloco Image (Imagem) para adicionar uma imagem ao post ou à página.

Add image block

Agora você pode escolher uma imagem da biblioteca de mídia ou carregar uma imagem do seu computador. Independentemente da opção escolhida, certifique-se de clicar para selecionar a imagem na biblioteca de mídia.

Agora você pode adicionar um texto alternativo digitando-o no campo “Title” (Título).

Adding a title to an image in WordPress

Há também um campo “Título”, mas esse é o título que o WordPress usa internamente para identificar arquivos de mídia na Biblioteca de mídia. Para saber mais sobre esse tópico, consulte nosso guia sobre texto alternativo de imagem vs. título de imagem no WordPress – qual é a diferença?

Para adicionar um atributo de título de imagem HTML, você precisará ir em frente e adicionar a imagem à sua página ou postagem, como de costume. Em seguida, clique para expandir a seção “Advanced” (Avançado) no menu à direita.

The 'Advanced' image settings in the WordPress page and post editor

Ele tem um campo “Title attribute”, que é o verdadeiro atributo de título da imagem HTML.

Basta digitar as informações que você deseja usar no campo.

Adding a title attribute to images in WordPress

Agora, você pode clicar em “Update” (Atualizar) ou “Publish” (Publicar) para tornar suas alterações efetivas.

Agora, basta passar o mouse sobre a imagem e você verá uma janela pop-up contendo a tag de título.

An example of an image with a title attribute in WordPress

Método 2: Adicionar atributo de título a imagens usando o editor clássico do WordPress

Se estiver usando o editor clássico mais antigo, o processo de adição de um atributo de título é um pouco diferente. No editor clássico, clique no botão “Adicionar mídia” e selecione a imagem.

Add image classic editor

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

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

Select image classic editor

Quando estiver pronto, clique no botão “Insert into post” (Inserir na postagem).

A partir daí, clique para selecionar sua imagem e, em seguida, selecione o pequeno ícone de lápis. Isso abrirá a janela pop-up “Image Details” (Detalhes da imagem).

Basta clicar para expandir a seção “Advanced Options” (Opções avançadas) e digitar a tag de título no campo “Image Title Attribute” (Atributo do título da imagem).

Image title attribute field

Não se esqueça de clicar no botão “Update” (Atualizar) para salvar suas alterações.

Agora, você pode ir em frente e publicar a página ou o post para ativar o texto alternativo da imagem e a tag de título.

Image title attribute popup

Dicas de bônus para impulsionar o SEO de imagens

Depois de fazer upload das imagens para a biblioteca de mídia, é hora de otimizá-las para os mecanismos de pesquisa. Isso facilitará para o Google indexar suas imagens e classificá-las em uma posição mais alta.

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

Add relevant keywords in the caption, title, and alt text

Você também pode usar o All in One SEO para WordPress, que é o melhor plug-in de SEO do mercado.

Ele vem com um incrível complemento Image SEO que define 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 para melhorar sua classificação de SEO.

All in One SEO

Além disso, o plug-in permite que você desative as 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 ” Search Appearance e alterne para a guia “Image SEO”. A partir daí, verifique se a opção “Redirecionar URLs de anexos” está definida como “Anexo”.

Disable attachment pages

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, compactar imagens e adicionar backlinks para aumentar as classificações. Para obter mais dicas e truques, consulte nosso guia para iniciantes em SEO de imagens.

Esperamos que este artigo tenha ajudado você a adicionar facilmente o atributo de título às imagens no WordPress. Você também pode dar uma olhada em nosso guia definitivo sobre como usar IA para gerar imagens no WordPress e em nossa seleção especializada dos melhores plug-ins de compactação de imagens.

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

15 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Costas Draco

    How can you change attribute title for the hero image?

    Thanks
    BR

    • WPBeginner Support

      If you mean the featured image then that would read the title set for the image from your media library.

      Administrador

  3. Dave

    How do I change the html title for existing images on the website?

    • WPBeginner Support

      You would be able to go back and edit the title by editing the post.

      Administrador

  4. Rubb

    “Restore Image Title” is not available anymore

    • WPBeginner Support

      Thank you for letting us know, we’ll be sure to look into updating this article as we are able

      Administrador

      • Rubb

        Thanks, hope someone will create plugin or share the code

  5. Roshni

    Thank you for the explanation.

    Message on wordpress site for this plugin “This plugin was closed on December 24, 2018 and is no longer available for download. Reason: Guideline Violation.”

    Is there a substitute available?

    • WPBeginner Support

      While we don’t have a recommendation at the moment, we will be sure to take a look for alternatives.

      Administrador

  6. Ehsan

    thanks for this great article !

  7. Diana Auerhammer

    Like it!! Now, I have to decide if I will go back and fix old images.

  8. Miha

    Is there a way to add tite tags to all old pics?

  9. Daniel

    This method does not appear to work images in WP galleries.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.