Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Texto Alt da Imagem vs Título da Imagem no WordPress – Qual é a Diferença?

Você está em:

Texto Alt da Imagem vs Título da Imagem no WordPress – Qual é a Diferença?

Muito conteúdo na web inclui imagens. No entanto, poucos proprietários de sites otimizam suas imagens para velocidade ou melhores classificações de pesquisa.

Mesmo que o WordPress venha com a opção de adicionar texto alternativo e um título de imagem, muitas vezes os iniciantes não entendem a diferença e como usá-los.

Neste artigo, compartilharemos a diferença entre o texto alternativo da imagem e o título da imagem no WordPress, para que você possa melhorar o SEO da sua imagem.

Usando texto alternativo e título da imagem no WordPress

Qual é o texto alternativo e o título da imagem?

Alt text é a abreviação de texto alternativo. É um atributo adicionado a uma tag de imagem em HTML. Isso ajuda os visitantes que não podem ver a imagem e os bots do mecanismo de pesquisa a entender do que se trata uma imagem.

O texto alternativo também é exibido se a imagem em sua página não puder ser encontrada ou não puder ser exibida por qualquer motivo.

O texto alternativo "Ramo de flores" é exibido ao lado de um ícone de imagem quebrada

O texto alternativo é diferente do título da imagem. O título é o texto que é exibido em uma pequena caixa pop-up quando você coloca o cursor do mouse sobre a imagem.

Uma imagem com o texto do título "Flores do meu jardim"

Alt tag e títulos de imagem também são usados para melhorar a acessibilidade do seu site para pessoas com baixa visão ou dispositivos de leitura de tela.

O leitor de tela lerá o texto do seu artigo e, quando se trata de uma imagem, lerá o texto alternativo. Dependendo das configurações do usuário, ele também pode ler o texto do título.

Tanto para acessibilidade quanto para otimização de mecanismos de pesquisa (SEO), o texto alternativo é mais importante que o texto do título. É por isso que recomendamos incluir texto alternativo em todas as suas imagens.

Dica profissional: Recomendamos usar o plugin All in One SEO para WordPress para adicionar um mapa de site de imagem adequado e outros recursos de SEO para melhorar sua classificação de SEO.

Como adicionar texto alternativo a uma imagem no WordPress

O WordPress permite que você adicione facilmente texto alternativo às suas imagens. Basta criar uma nova postagem ou página ou editar uma existente e adicionar um bloco de imagem.

Se você não tiver certeza de como adicionar um bloco ou precisar de ajuda extra com o editor de blocos, confira nosso tutorial sobre como usar o editor de blocos do WordPress .

Primeiro, carregue sua imagem ou arraste e solte-a no bloco Imagem. Você pode então definir o texto alternativo no lado direito da página.

Adicionando texto alternativo a uma imagem no editor de blocos do WordPress

Você também pode adicionar texto alternativo a uma imagem acessando Mídia » Biblioteca e clicando na imagem para editá-la.

Lembre-se de que isso não alterará o texto alternativo de nenhuma instância dessa imagem que você já inseriu em postagens ou páginas. No entanto, se você adicionar a imagem a uma postagem ou página após adicionar o texto alternativo aqui, o texto alternativo será incluído nela.

Visualizando ou editando o texto alternativo da sua imagem na biblioteca de mídia do WordPress

Se você ainda estiver usando o editor clássico do WordPress , poderá adicionar o texto alternativo da imagem ao adicionar a imagem.

Primeiro, clique em ‘Adicionar mídia’ acima da caixa de postagem.

Clique em 'Adicionar mídia' no editor clássico para adicionar uma imagem à sua postagem

Carregue a imagem do seu computador ou clique na guia “Biblioteca de mídia” para visualizar as imagens que você já enviou.

Em seguida, clique na imagem desejada para selecioná-la e digite o texto alternativo desejado nos ‘Detalhes do anexo’ da sua imagem:

Adicionando texto alternativo a uma imagem no editor clássico

Como adicionar título de imagem no WordPress

Existem dois tipos de atributos de título que você pode adicionar às suas imagens.

O atributo de título padrão do WordPress não é adicionado ao código HTML da imagem. Ele é usado internamente pelo WordPress para identificar arquivos de mídia.

Se você quiser adicionar títulos às suas imagens, precisará fazer isso usando a Biblioteca de mídia. Atualmente, você não pode adicionar um título a uma imagem ao editá-la no editor visual.

O título não é necessário para SEO de imagem ou para usuários com leitores de tela. No entanto, pode ser útil em alguns casos, pois permite fornecer informações quando um usuário passa o mouse sobre a imagem.

Uma coisa que costuma confundir os usuários do WordPress, incluindo alguns usuários experientes, é que o WordPress permite que você dê um título às imagens. Isso é completamente separado do atributo de título da imagem.

Por exemplo, você verá um campo “Título” ao editar imagens na biblioteca de mídia :

Visualizando ou editando o título da imagem na biblioteca de mídia

O ‘Título’ aqui é usado pelo WordPress para identificar a imagem. Ao clicar no link ‘Visualizar página de anexo’ na parte inferior da tela, você verá que o título é usado como título nessa página:

Visualizando a página de anexo da imagem, com o título da imagem mostrado

Embora isso possa ser útil em alguns casos, não é a mesma coisa que o atributo title da imagem. Então, como você cria isso?

No antigo editor clássico, você pode adicionar o atributo title clicando em uma imagem e clicando no ícone de lápis:

Editando uma imagem no editor clássico do WordPress

Você verá a tela ‘Detalhes da imagem’. Para definir o atributo do título da imagem, clique na pequena seta para baixo ao lado de “Opções avançadas” na parte inferior:

Clique na seta para baixo para ver os detalhes avançados da sua imagem

Você pode então definir o atributo title da imagem.

Configurando o atributo de título da imagem no editor clássico

Infelizmente, no editor de blocos, não é tão fácil editar o atributo title da imagem. Ainda é possível, no entanto. Você pode adicionar sua imagem normalmente e depois editar o bloco como código HTML.

Para alternar para a visualização HTML do bloco, clique em ‘Mais opções’ (os 3 pontos verticais) e clique em ‘Editar como HTML’.

Editando sua imagem como HTML

Pode parecer um pouco confuso, mas tudo que você precisa saber é que a tag <img> é o que cria sua imagem. Você verá o nome do arquivo da sua imagem lá.

O código HTML da imagem

Para adicionar o atributo title à sua imagem, basta adicionar title=”Your image title here”à tag da imagem assim:

1<img src=”http://www.yourwebsitename.com/wp-content/uploads/2020/03/daffodils-bunch-vase.jpg” title=”Bunch of daffodils” alt=”A lovely bunch of daffodils” class=”wp-image-257″/>

Não importa onde na tag de imagem você coloque o atributo title.

Depois de inserir o título, você verá uma mensagem avisando que “Este bloco contém conteúdo inesperado ou inválido”.

Mensagem de aviso informando que o bloco contém conteúdo inesperado

Basta clicar no botão ‘Converter em HTML’ e seu bloco de imagem será convertido em código HTML. Ela ainda será exibida em seu site exatamente como antes, mas você não poderá editar a imagem usando o editor de blocos.

Por que e como você deve usar o texto alternativo e o título da imagem

Recomendamos fortemente o uso de texto alternativo para todas as imagens. Aqui no WPBeginner, também adicionamos um título a todas as imagens. No entanto, isso é menos importante do que o texto alternativo.

O texto alternativo é importante porque o Google se concentra nele como um fator de classificação para imagens. Ele também é usado por leitores de tela para ajudar os visitantes com deficiência visual a se envolverem totalmente com seu conteúdo.

É importante não colocar palavras-chave em tags alt e title. Torne-os descritivos e úteis, para que sejam úteis para os visitantes que precisam deles. Você pode usar suas palavras-chave onde for relevante, mas não exagere.

Por exemplo, se você estiver escrevendo um artigo sobre a melhor hospedagem do WordPress , sua palavra-chave de destino pode ser “melhor hospedagem do WordPress”.

Você pode ter uma captura de tela em seu artigo mostrando aos usuários como configurar uma conta com um host popular como o Bluehost .

Aqui estão algumas opções possíveis para o seu texto alternativo para essa imagem:

  • “Configuração da conta” – isso não é muito descritivo e também não inclui nada relacionado à sua palavra-chave
  • “Melhor hospedagem WordPress, hospedagem WordPress, melhor hospedagem web para WordPress” – isso não descreve a imagem e está cheio de palavras-chave
  • “Configurando uma conta de hospedagem WordPress” – isso é muito melhor, pois é descritivo e usa parte da palavra-chave de maneira natural e adequada

Esperamos que este artigo tenha ajudado você a entender a diferença entre o texto alternativo da imagem e o título da imagem no WordPress. Você também pode dar uma olhada em nosso guia amigável para iniciantes sobre como otimizar imagens para a web para acelerar seu site e nossa comparação dos melhores plugins e ferramentas de SEO do WordPress para melhorar seus rankings.

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.