Texto Alternativo De Imagem: O Que é, Como Escrever E Por Que Isso Importa Para SEO
Se você dedica tempo para otimizar o conteúdo, cabeçalho, subcabeçalho e meta descrição do seu blog ou site para mecanismos de pesquisa, a imagem a seguir deve deixar você em alerta:
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.
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.
Também chamado de "alt tags" e "descrições alt", texto alternativo é o texto escrito que aparece no lugar da imagem quando ela não consegue ser carregada em um site. Este texto ajuda ferramentas de leitura de tela a descrever imagens para deficientes visuais e permite que mecanismos de pesquisa reastreiem e classifiquem seu site.
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:
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:
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.
Veja 3 exemplos de textos alternativos de imagem (bons e ruins)
1. Palavra-chave ou detalhe
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"
2. Detalhes ou especificidade
Imagem de Winslow Townson
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.
alt="David Ortiz do Boston Red Sox rebatendo na base principal no Fenway Park"
Leia também: Quais tipos de palavras-chave existem?
3. Especificidade ou contexto
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
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.
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
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.
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 epecí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.