O que é, como escrevê-lo e por que é importante para o SEO

Hoje, quase 19% dos SERPs do Google mostram imagens. Isso significa que, apesar de seus melhores esforços de SEO, você ainda pode perder outra fonte de tráfego orgânico: as imagens do seu site.

Como você entra nessa fonte de tráfego? Texto alternativo da imagem. Nesta parte, abordaremos como escrever texto alternativo de imagem para que suas imagens tenham uma classificação alta nos mecanismos de pesquisa e gerem tráfego.

Índice

Independentemente de você realizar SEO para o seu negócio ou não , otimizar o texto alternativo da imagem do seu site é o seu ingresso para criar uma melhor experiência do usuário para seus visitantes, independentemente de como eles o encontraram pela primeira vez.

Por que o texto alternativo da imagem é importante?

O texto alternativo da imagem é importante por três motivos: acessibilidade, experiência do usuário e tráfego de imagens. Entender esses motivos ajudará você a escrever um texto alternativo eficaz para todas as suas imagens. Vamos mergulhar.

Acessibilidade

Em 1999, o W3C publicou suas Diretrizes de Acessibilidade de Conteúdo da Web 1.0 para explicar como tornar o conteúdo mais acessível para usuários com deficiências. Uma dessas diretrizes era “Fornecer alternativas equivalentes ao conteúdo auditivo e visual”. Isso significava que qualquer página da web com imagens (ou filmes, sons, applets, etc.) deveria incluir informações equivalentes ao seu conteúdo visual ou auditivo.

Em primeiro lugar, alternativas de texto descritivo para conteúdo auditivo e visual garantem que todos possam se beneficiar do conteúdo que você compartilha, especialmente aqueles com deficiência visual que podem usar leitores de tela para absorver o conteúdo em uma página da web. Uma imagem sem descrição não é útil para alguém que usa essa tecnologia e cria uma experiência de usuário insatisfatória e, em alguns casos, uma percepção de marca insatisfatória.

Por exemplo, digamos que uma página da Web contenha a imagem de uma seta para cima que leva a um sumário. Um equivalente em texto pode ser “Ir para o sumário”. Isso permitiria que um usuário com um leitor de tela ou outra tecnologia assistiva entendesse a finalidade da imagem sem vê-la.

Em outras palavras, o texto alternativo ajuda a garantir que seu conteúdo visual seja acessível a todos os usuários, independentemente de sua capacidade visual.

Experiência de usuário

O texto alternativo promove a acessibilidade e oferece uma melhor experiência de usuário para todos os usuários. Por exemplo, digamos que um visitante tenha uma conexão de largura de banda baixa, então suas imagens não carregam. Em vez de apenas ver um ícone de link quebrado, eles também verão um texto alternativo para entender o que a imagem transmite.

Por exemplo, um usuário em seu site pode ver a imagem à esquerda. Se não puderem, por qualquer motivo, ouvirão ou verão o texto alternativo à direita. Isso ajudará a fornecer uma melhor experiência do usuário do que se não houvesse texto alternativo.

Fonte da imagem

Tráfego de imagem

Outra coisa importante que o texto alternativo faz por você é exibir suas imagens nos resultados de pesquisa, seja no Imagens do Google ou como pacotes de imagens. Pacotes de imagens são resultados especiais exibidos como uma linha horizontal de links de imagens que podem aparecer em qualquer posição orgânica (incluindo o primeiro lugar em uma SERP, como visto no exemplo da introdução).

E as imagens que aparecem nos dois tipos de resultados de pesquisa são outra forma de receber visitantes orgânicos. Isso pode resultar em milhares de visitantes a mais - pelo menos, no caso da HubSpot.

A partir de 2018, a equipe do HubSpot Blog implementou uma nova estratégia de SEO que, em parte, se concentrou mais intensamente na otimização do texto alternativo da imagem. Isso ajudou a aumentar o tráfego de imagens do blog em 779% em menos de um ano, o que resultou em mais 160.000 visualizações orgânicas. Você pode ler mais sobre o sucesso da equipe nesta postagem do blog.

Como adicionar texto alternativo às suas imagens

Na maioria dos sistemas de gerenciamento de conteúdo (CMSs), clicar em uma imagem no corpo de uma postagem de blog produz uma otimização de imagem ou módulo rich text, onde você pode criar e alterar o texto alternativo da imagem.

Vamos percorrer as próximas etapas para CMS Hub e WordPress abaixo.

Como adicionar texto alternativo no HubSpot CMS

No HubSpot, depois de clicar em uma imagem e clicar no ícone de edição (que se parece com um lápis), uma caixa pop-up de otimização de imagem aparecerá.

Aqui está a aparência desta janela de otimização de imagem no CMS dentro do seu portal HubSpot:

Seu texto alternativo é automaticamente gravado no código-fonte HTML da página da Web, onde você pode editar o texto alternativo da imagem ainda mais se o seu CMS não tiver uma janela de texto alternativo facilmente editável. Veja como essa tag alt pode aparecer no código-fonte de um artigo:

Como adicionar texto alternativo no WordPress CMS

No WordPress, clicar em uma imagem abrirá automaticamente a guia Bloco na barra lateral. Na seção "Configurações de imagem", adicione o texto alternativo no campo vazio.

Quando estiver pronto, clique em Atualizar na barra de ferramentas na parte superior da tela.

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

3 exemplos de texto alternativo de imagem (o bom e o ruim)

1. Palavra-chave x Detalhe

Texto Alt Ruim

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

O que há de errado com a linha de texto alternativo acima? Muitas referências ao HubSpot. Usar o texto alternativo para colocar palavras-chave em frases fragmentadas adiciona muita confusão à imagem e pouco contexto. Essas palavras-chave podem ser importantes para o editor, mas não para os rastreadores da web.

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

Pior ainda, o Google distribui penalidades por excesso de palavras-chave.

Bom texto alternativo

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

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Detalhe vs. Especificidade

Fonte da imagem

Texto Alt Ruim

alt="Baseball player hitting a ball at a baseball field"

A linha do texto alternativo acima segue tecnicamente a primeira regra do texto alternativo - seja descritivo - mas não está sendo descritivo da maneira certa. Sim, a imagem acima mostra um campo de beisebol e um jogador rebatendo uma bola de beisebol. Mas esta também é uma foto do Fenway Park - e o número 34 do Red Sox, David Ortiz, acertando um no campo direito. Essas são especificações importantes que o Google precisaria para indexar adequadamente a imagem se ela estiver, digamos, em um post de blog sobre esportes em Boston.

Bom texto alternativo

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

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Especificidade vs. Contexto

Fonte da imagem

Ambas as imagens acima têm um contexto claro que pode nos ajudar a escrever um bom texto alternativo — uma é de um escritório da HubSpot e a outra é do Fenway Park. Mas e se sua imagem não tiver um contexto oficial (como o nome de um lugar) para descrevê-la?

É aqui que você precisará usar o tópico do artigo ou página da Web em que está publicando a imagem. Aqui estão alguns exemplos bons e ruins de texto alternativo com base no motivo pelo qual você o está publicando:

Para um artigo sobre como frequentar a escola de negócios

Texto Alt Ruim

alt="Woman pointing to a person's computer screen"

A linha de texto alternativo acima normalmente passaria como um texto alternativo decente, mas como nosso objetivo é publicar esta imagem com um artigo sobre ir para a escola de negócios, estamos perdendo algumas opções de palavras-chave que podem ajudar o Google a associar a imagem com certas seções do artigo.

Bom texto alternativo

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

alt="Business school professor pointing to a student's computer screen"

Para uma página da Web sobre software educacional para professores de escolas de negócios

Texto Alt Ruim

alt="Teacher pointing to a student's computer screen"

A linha de texto alternativo acima é quase tão descritiva e específica quanto o bom texto alternativo do exemplo anterior, então por que não é suficiente para uma página da Web sobre software educacional? Este exemplo mergulha ainda mais fundo no tópico da escola de negócios e especifica que o público ideal para esta página da web são os professores. Portanto, o texto alternativo da imagem precisa refletir isso.

Bom texto alternativo

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

alt="Professor using education software to instruct a business school student"

Práticas recomendadas para texto alternativo de imagem

Em última análise, o texto alternativo da imagem precisa ser específico, mas também representativo do tópico da página da Web que está suportando. Entendeu a ideia até agora? Aqui estão algumas chaves importantes para escrever um texto alternativo de imagem eficaz:

• Descreva a imagem e seja específico.
• Use o assunto e o contexto da imagem para guiá-lo.
• Adicione contexto relacionado ao tópico da página.
• Se a imagem não apresentar um lugar ou pessoa reconhecível, adicione contexto com base no conteúdo da página.
• Por exemplo, o texto alternativo para uma imagem de estoque de uma pessoa digitando em um computador pode ser “Mulher otimizando o site WordPress para SEO” ou “Mulher pesquisando plataformas gratuitas de blogs”, dependendo do tópico da página.
• Mantenha seu texto alternativo com menos de 125 caracteres .
• As ferramentas de leitura de tela geralmente param de ler o texto alternativo neste ponto, cortando o texto alternativo prolixo em momentos difíceis ao verbalizar essa descrição para deficientes visuais.
• Não comece o texto alternativo com “imagem de…” ou “Imagem de…” Vá direto para a descrição da imagem.
• As ferramentas de leitura de tela (e o Google também) irão identificá-lo como uma imagem do código-fonte HTML do artigo.
• Use suas palavras-chave, mas com moderação. Inclua apenas a palavra-chave de destino do seu artigo se ela for facilmente incluída em seu texto alternativo. Caso contrário, considere palavras-chave semânticas ou apenas os termos mais importantes em uma palavra-chave de cauda longa. Por exemplo, se a palavra-chave principal do seu artigo for “como gerar leads”, você pode usar “geração de leads” em seu texto alternativo, pois “como fazer” pode ser difícil de incluir naturalmente no texto alternativo da imagem.
• Não coloque sua palavra-chave no texto alternativo de cada imagem. Se a postagem do seu blog contiver uma série de imagens corporais, inclua sua palavra-chave em pelo menos uma dessas imagens. Identifique a imagem que você acha que é mais representativa do seu tópico e atribua a ela sua palavra-chave. Atenha-se a descrições mais estéticas na mídia circundante.
• Revisão de erros de ortografia. Palavras com erros ortográficos no texto alternativo da imagem podem prejudicar a experiência do usuário ou confundir os mecanismos de pesquisa que rastreiam seu site. Você deve revisar o texto alternativo como faria com qualquer outro conteúdo da página.
• Não adicione texto alternativo a todas as imagens. Você deve adicionar texto alternativo à maioria das imagens em uma página da Web por causa de SEO, UX e acessibilidade – no entanto, há exceções. Imagens puramente decorativas ou descritas em texto próximo, por exemplo, devem ter um atributo alt vazio. Para uma análise mais detalhada de quando adicionar texto alternativo e quando não, confira esta árvore de decisão.

Como o Alt Text afeta o SEO

De acordo com o Google, o texto alternativo é usado – em combinação com algoritmos de visão computacional e o conteúdo da página – para entender o assunto das imagens.

O texto alternativo, portanto, ajuda o Google a entender melhor não apenas sobre o que são as imagens, mas também sobre o que é a página da web como um todo. Isso pode ajudar a aumentar as chances de suas imagens aparecerem nos resultados da pesquisa de imagens.

Com o lançamento da experiência generativa de pesquisa (SGE) do Google, o texto alternativo contextual e de alta qualidade garante que seu conteúdo esteja no mix do novo instantâneo de informações importantes com tecnologia de IA.

Por exemplo, o Google observa que seu SGE pode oferecer às pessoas uma experiência de compra completa com opções notáveis, descrições de produtos, preços e imagens em um único instantâneo. Se as imagens do seu produto tiverem um texto alternativo descritivo e específico, você fornecerá aos mecanismos de pesquisa o contexto para saber quando exibir seu produto como uma escolha de alta qualidade nos resultados de alguém.

Ao criar conteúdo sobre um tópico, considere como seu público pode preferir encontrar respostas para suas perguntas sobre esse tópico. Em muitos casos, os pesquisadores do Google não querem o clássico resultado de pesquisa azul com hiperlinks - eles querem a própria imagem incorporada em sua página da web.

Por exemplo, um visitante procurando como remover duplicatas no Excel pode preferir uma captura de tela para que possa entender como concluir a tarefa rapidamente.

Fonte da imagem

Como essa imagem possui texto alternativo otimizado, ela aparece nos resultados de pesquisa de imagens para a palavra-chave de cauda longa “como remover duplicatas no Excel”. Como a postagem também aparece nos resultados da pesquisa na Web para a mesma palavra-chave, os visitantes podem acessar a postagem do blog por meio desses dois canais diferentes.

Adicionando texto alternativo de imagem ao seu site

Então, por onde você começa ao desenvolver texto alternativo para suas postagens de blog e páginas da web? Considere realizar uma auditoria básica de seu conteúdo existente para ver onde você pode incorporar texto alternativo em imagens previamente não marcadas. Assista para ver como seu tráfego orgânico muda entre as páginas que você atribui a novas tags alt.

Quanto mais imagens você otimizar, melhor será sua estratégia de SEO.

Nota do editor: esta postagem foi publicada originalmente em setembro de 2018 e foi atualizada para maior abrangência.