Texto alternativo de imagem: o que é, como fazer e porque é importante

Tudo sobre Inbound Commerce
Maria Coppola
Maria Coppola

Atualizado:

Publicado:

Se você dedica tempo para otimizar o conteúdo, cabeçalho, subcabeçalho e metadescrição do seu blog ou site para mecanismos de pesquisa, a imagem a seguir deve deixar você em alerta:

Texto alternativo de imagem: o que é, como fazer e porque é importante
Conjunto de imagens em uma página de resultados de mecanismo de pesquisa do Google

Hoje as páginas de resultados do mecanismo de pesquisa (SERP) do Google retornam resultados de imagens e resultados baseados em texto. A captura de tela acima é a primeira SERP que o Google oferece para o termo de busca “design para informativo de e-mail”. Perceba que, além da aba “Imagens” no topo, o Google agrupa um número expressivo de imagens clicáveis no início da principal página de resultados antes mesmo de qualquer resultado de texto orgânico ser visualizado.

Como ranquear em 1º no Google

Aumente a relevância do seu conteúdo e apareça no topo das buscas do Google

  • Dicas de SEO
  • Busca de palavra-chave
  • Conheça tendências
  • Estratégias e mais
Saiba mais

    Baixe agora

    Todos os campos são obrigatórios.

    Está tudo pronto!

    Clique neste link para acessar este recurso a qualquer momento.

    Apesar dos seus melhores esforços de SEO, você ainda pode estar perdendo outra fonte de tráfego orgânico: as imagens do seu site. Como é possível capturar esta fonte de tráfego? Com o texto alternativo de imagem.

    Cada vez mais, o conteúdo que negócios e editores criam precisa de imagens para acompanhar suas palavras. Se você vai escrever sobre fotografia, por exemplo, exemplos fotográficos sobre o seu ponto de vista são fundamentais para a experiência de leitura do seu visitante. Ao explicar como se usa um certo tipo de software, capturas de tela são geralmente a melhor forma de demonstrá-lo.

    Se você vai criar conteúdo sobre um assunto que precise de suporte visual, pense em como o seu público pode preferir encontrar respostas para suas dúvidas sobre este assunto. Em muitos casos, quem pesquisa no Google não quer o clássico resultado de busca com hiperlinks azuis, eles querem a própria imagem incorporada no seu site.

    Uma das coisas mais importantes que o texto alternativo de imagem pode fazer por você é transformar suas imagens em resultados de pesquisa vinculados, oferecendo para o seu site uma outra forma de receber visitantes orgânicos.

    Independentemente de você executar ou não SEO para o seu negócio, otimizar o texto alternativo das imagens do seu site é o seu ingresso para criar uma experiência melhor de usuário para seus visitantes, não importa como eles encontrem você pela primeira vez.

     

    Como adicionar texto alternativo as suas imagens

    Na maioria dos sistemas de gerenciamento de conteúdo (CMS), ao clicar em uma imagem no corpo do post de um blog, surge um módulo de rich text ou de otimização de imagem onde você pode criar ou editar o texto alternativo da imagem.

    Usuários da HubSpot: esta é a janela de otimização de imagens no CMS dentro do portal da HubSpot:

    janela-otimizacao-imagem

    Seu texto alternativo é então automaticamente escrito no código-fonte HTML do site, onde você pode editar o texto alternativo da imagem caso o seu CMS não tenha uma janela de edição fácil de texto alternativo. Esta é a tag alt no código-fonte de um artigo:

    Tag de texto alternativo de imagem no HTML de um post de blog

    A regra mais importante de texto alternativo? Seja descritivo e específico. Tenha em mente, contudo, que esta regra pode perder seu valor se o seu texto alternativo não considerar também o contexto da imagem. O texto alternativo pode errar o alvo de três formas diferentes. Considere os exemplos abaixo.

    Baixe 250 imagens gratuitas  para o seu negócio

    Veja 3 exemplos de textos alternativos de imagem (bons e ruins)

    1. Palavra-chave ou detalhe

    Mural laranja que diz “ship it” em uma parede no escritório da HubSpot em Singapura

    Texto alternativo ruim

    alt="Parede do escritório da HubSpot em Singapura murais no ambiente de trabalho de inbound marketing parede laranja ship it"

    O que há de errado na frase de texto alternativo acima? Muitas referências à HubSpot. Usar texto alternativo para agrupar palavras-chave em frases fragmentadas adiciona muita superficialidade à imagem e pouco contexto. Estas palavras-chave podem ser importantes para o editor, mas não para o Google.

    Na verdade, o texto alternativo acima torna mais difícil para o Google entender como a imagem se relaciona com o resto da página ou artigo em que ela está publicada, impedindo que a imagem seja classificada para palavras-chave de cauda longa relacionadas que têm níveis mais altos de interesse por trás delas.

    Texto alternativo bom

    Com o texto alternativo ruim (acima) em mente, um texto alternativo melhor para esta imagem poderia ser:

    alt="Mural laranja que diz 'ship it' em uma parede no escritório da HubSpot em Singapura" Entenda como tornar mais eficiente as suas estratégias de tráfego pago e  orgânico

    2. Detalhes ou especificidade

    David Ortiz do Boston Red Sox rebatendo na base principal no Fenway Park

    Imagem de Winslow Townson

    Texto alternativo ruim

    alt="Jogador de baseball acertando a bola em um campo de baseball"

    A frase do texto alternativo acima segue, tecnicamente, a primeira regra de texto alternativo, ser descritivo, mas não está sendo descritivo do jeito correto. Sim, a imagem acima mostra um campo de baseball e um jogador acertando a bola. Mas esta também é a imagem do Fenway Park e do #34 do Red Sox, David Ortiz, acertando em cheio no campo direito. Essas são especificidades que o Google precisaria para indexar de forma adequada a imagem se ela estivesse, digamos, em um post de blog sobre esportes de Boston.

    Texto alternativo bom

    Com o texto alternativo ruim (acima) em mente, um texto alternativo melhor para esta imagem poderia ser:

    alt="David Ortiz do Boston Red Sox rebatendo na base principal no Fenway Park"

    3. Especificidade ou contexto

    Professora de marketing apontando para a tela do computador de uma aluna durante uma aula sobre texto alternativo

    Imagem via UCLA

    As imagens anteriores têm um contexto claro que pode nos ajudar a escrever um bom texto alternativo: a primeira é de um escritório da HubSpot e a segunda é o Fenway Park. Mas e se a sua imagem não tiver um contexto oficial (como um nome de lugar) para descrevê-la?

    Nesse caso, você poderá usar o assunto do artigo ou do site em que está publicando a imagem. Aqui estão alguns exemplos bons e ruins de texto alternativo com base no motivo pelo qual você está publicando:

    Para um artigo sobre escola de negócios

    Texto alternativo ruim
    alt="Mulher apontando para a tela do computador de uma pessoa"

    A frase acima poderia passar normalmente como um texto alternativo decente, mas uma vez que nosso objetivo é publicar esta imagem em um artigo sobre escola de negócios, estamos deixando passar algumas escolhas de palavras importantes que podem ajudar o Google a associar a imagem a certas seções do artigo.

    Texto alternativo bom

    Com o texto alternativo ruim (acima) em mente, um texto alternativo melhor para esta imagem poderia ser:

    alt="Professora de escola de negócios apontando para a tela do computador de uma aluna"

    Para um site sobre software de educação para professores de escolas de negócios

    Texto alternativo ruim
    alt="Professora apontando para a tela do computador de uma estudante"

    A frase de texto alternativo acima é quase tão descritiva e específica quanto o texto alternativo bom do exemplo anterior, então por que não é adequada para um site de software de educação? Este exemplo aprofunda ainda mais o assunto da escola de negócios e especifica que o público ideal para esta página são professores. Portanto, o texto alternativo da imagem precisa refletir isso.

    Descubra o que você precisa fazer para  aparecer no topo do ranking do Google
    Texto alternativo bom

    Com o texto alternativo ruim (acima) em mente, um texto alternativo melhor para esta imagem poderia ser:

    alt="Professora usando software de educação para instruir uma aluna da escola de negócios"

    Melhores práticas para texto alternativo

    Por fim, o texto alternativo de imagem precisa ser específico, mas também precisa ser representativo sobre o assunto do site que está colaborando. Captou a ideia até agora? Aqui estão algumas dicas importantes para escrever textos alternativos de imagens eficientes com SEO em mente:

    • Descreva a imagem e seja específico. Use tanto o assunto da imagem como o contexto para guiar você.
    • Mantenha seu texto alternativo com no máximo 125 caracteres. Ferramentas de leitura de tela geralmente param de ler textos alternativos neste ponto, cortando textos alternativos prolixos em momentos inconvenientes ao verbalizar esta descrição para deficientes visuais.
    • Não comece o texto alternativo com “foto de...” ou “imagem de...” Pule direto para a descrição da imagem. Ferramentas de leitura de tela (e o Google, nesse caso) irão identificá-la como uma imagem do código-fonte HTML do artigo.
    • Use suas palavras-chave, mas com moderação. Só inclua uma palavra-chave direcionada no seu artigo se ela puder ser facilmente incluída no seu texto alternativo. Caso contrário, use palavras-chave semânticas ou apenas os termos mais importantes em uma palavra-chave de cauda longa. Por exemplo, se a principal palavra-chave do seu artigo é “como gerar leads”, você pode usar “geração de leads” no seu texto alternativo, uma vez que “como” pode ser difícil de incluir no seu texto alternativo de imagem com naturalidade.
    • Não coloque sua palavra-chave em todos os textos alternativos de imagem. Se o seu post de blog contém uma série de imagens, inclua sua palavra-chave em pelo menos uma destas imagens. Identifique a imagem que considera mais representativa sobre o seu assunto e atribua a sua palavra-chave. Prefira descrições mais estéticas na mídia ao redor.

    E então, por onde você começa quando desenvolve textos alternativos para post de blog ou sites? Realize uma auditoria básica do seu conteúdo atual para ver onde pode incorporar textos alternativos em imagens não marcadas anteriormente. Observe como o seu tráfego orgânico muda entre as páginas que você atribui novas alt tags.

    Quanto mais imagens você otimiza, mais a sua estratégia de SEO evolui.

    Nova chamada à ação
    Tópicos: SEO

    Artigos relacionados

    Veja como utilizar a metodologia Inbound Commerce no seu negócio

      Marketing software that helps you drive revenue, save time and resources, and measure and optimize your investments — all on one easy-to-use platform

      START FREE OR GET A DEMO