Se você dedica tempo a otimizar o conteúdo do seu blog ou site, incluindo títulos, subtítulos e meta descrições para mecanismos de busca, a seguinte imagem deve lhe interessar:
Hoje, as páginas de resultados de busca (SERPs) do Google oferecem tantos resultados em imagem quanto em texto. A captura de tela acima mostra a primeira SERP que o Google exibe para o termo "design de newsletter eletrônica". Observe como, além da aba "Imagens" no topo, o Google apresenta um conjunto de imagens logo no início da página inicial, onde você pode clicar nelas mesmo antes dos resultados de texto orgânico serem exibidos.
Apesar dos seus esforços em SEO, você pode estar perdendo outra fonte de tráfego orgânico: as imagens do seu site. Como otimizá-las? Com texto alternativo.
Cada vez mais, empresas e editoras exigem imagens para acompanhar seus textos. Se você estiver escrevendo sobre fotografia, por exemplo, exemplos são cruciais para a experiência do leitor. Ao explicar como usar um software, capturas de tela são a melhor maneira de reforçar o entendimento.
Se você criar conteúdo sobre um tópico que requer suporte visual, considere como seu público prefere aprender. Em muitos casos, os usuários do Google não pesquisam pelo resultado clássico com hiperlink, mas sim pela própria imagem explicativa.
Uma das coisas mais importantes que o texto alternativo das imagens pode fazer por você é transformar suas imagens em resultados de busca, oferecendo mais uma maneira de atrair visitantes orgânicos.
Também chamado de "tag alt", o texto alternativo é um atributo HTML que descreve uma imagem. Ele permite que os mecanismos de busca rastreiem e classifiquem melhor seu site, além de ajudar softwares leitores de tela a descrever imagens para usuários com deficiência visual.
Independentemente de você já estar implementando estratégias de SEO para o seu negócio ou não, otimizar o texto alternativo do seu site é uma oportunidade para criar uma melhor experiência para o usuário, independentemente de como ele chegou ao seu site.
Qual é a finalidade do atributo alt em HTML?
Algumas das vantagens do atributo alt são:
- Isso facilita aos mecanismos de busca a compreensão do conteúdo de uma imagem.
- Isso ajuda no posicionamento orgânico através do uso de palavras-chave.
- Fornece informações para softwares de leitura utilizados por usuários com deficiência visual.
- Ela fornece uma descrição da imagem quando uma página não carrega corretamente.
Como adicionar texto alternativo às suas imagens
Na maioria dos sistemas de gerenciamento de conteúdo (CMS ou Content Management System ), ao clicar em uma imagem, você pode otimizá-la ou um módulo de texto rico será exibido, onde você poderá criar e alterar o texto alternativo.
O texto alternativo é inserido automaticamente no código HTML da página, onde você pode editá-lo caso seu CMS não possua uma janela de edição intuitiva. Veja como a tag alt ficaria no código-fonte de um artigo:
Você sabe qual é a regra mais importante para textos alternativos? Seja descritivo e específico. No entanto, lembre-se de que essa regra não é suficiente se o seu texto alternativo não incluir o contexto da imagem. Veja os exemplos abaixo para aprender o que é recomendado e o que não é.
3 exemplos de texto alternativo de imagem (com sucessos e fracassos)
1. Palavra-chave vs. detalhe
Texto alternativo incorreto
alt="Parede laranja do escritório da HubSpot em Singapura, com o tema 'Envie' (Ship It)"
O que há de errado com esta linha de texto alternativo? Ela contém muitas referências ao HubSpot. Usar texto alternativo para inserir palavras-chave em frases fragmentadas adiciona muita trivialidade e pouco contexto. Essas palavras-chave podem ser importantes para o editor, mas não para o Google.
Na verdade, o texto alternativo acima dificulta que o Google entenda como a imagem se relaciona com o restante da página da web ou com o artigo em que está publicada, impedindo que a imagem seja classificada para as palavras-chave de cauda longa mais relevantes.
Texto alternativo correto
Um texto alternativo melhor para esta imagem seria:
alt="Mural laranja com a frase 'ship it' em uma parede do escritório da HubSpot em Singapura"
2. Detalhe versus Especificidade
Imagem de Winslow Townson
Texto alternativo incorreto
alt="Jogador de beisebol rebatendo uma bola em um campo de beisebol"
Este texto alternativo segue a primeira regra, pois é descritivo, mas não da maneira correta. Embora a imagem acima mostre um campo de beisebol e um jogador rebatendo uma bola, na verdade é David Ortiz, do Red Sox, no Fenway Park, rebatendo uma bola por cima do campo direito. Esses são detalhes importantes que o Google precisaria para indexar a imagem corretamente se ela estivesse, por exemplo, em uma postagem sobre esportes de Boston.
3. Especificidade versus contexto
Imagem via UCLA
As duas imagens acima têm um contexto claro que é útil para criar um bom texto alternativo: uma é de um escritório da HubSpot e a outra é do Fenway Park, mas e se a sua imagem não tiver um contexto oficial (como o nome de um local) para descrevê-la?
Aqui você deve usar o tema do artigo ou da página da web onde está publicando a imagem. A seguir, alguns exemplos de abordagens corretas e incorretas, dependendo do objetivo da publicação.
Para um artigo sobre frequentar uma escola de negócios.
Texto alternativo incorreto
alt="Mulher apontando para a tela do computador de uma pessoa"
Este texto alternativo pode ser aceitável, mas, como seu objetivo é publicar esta imagem em um artigo sobre frequentar uma escola de negócios, você está perdendo várias palavras-chave que poderiam ajudar o Google a associar a imagem a determinadas seções do artigo.
Texto alternativo apropriado
Um texto alternativo melhor para esta imagem seria:
alt="Professor de escola de negócios aponta para a tela do computador do aluno"
Para um site sobre software educacional para professores de negócios.
Texto alternativo incorreto
alt="Professor aponta para a tela do computador de um aluno"
Este texto alternativo é quase tão descritivo e específico quanto o exemplo anterior, então por que não seria ideal para um site sobre software educacional? Este exemplo aprofunda-se ainda mais no tema de escolas de negócios e especifica que os professores são seu público-alvo ideal. Portanto, o texto alternativo da imagem deveria refletir isso.
Texto alternativo correto
Um texto alternativo melhor para esta imagem seria:
alt="Professor usa software educacional para instruir um aluno de escola de negócios"
Boas práticas para a criação de texto alternativo
Em última análise, o texto alternativo deve ser específico e representativo do tema da página web que ele visualmente suporta.
Aqui estão alguns pontos-chave para ajudá-lo a escrever o melhor texto alternativo dentro da sua estratégia de SEO:
- Descreva a imagem e seja específico. Use o tema e o contexto da imagem como guia.
- Limite o texto alternativo a 125 caracteres. O software de conversão de texto em fala trunca o texto alternativo após esse número de caracteres. Se for mais longo, verbalizá-lo para usuários com deficiência visual torna-se difícil.
- Não comece com "Imagem de". Descreva diretamente, pois o Google e os softwares de leitura de imagens já sabem que se trata de uma imagem graças ao código HTML.
- Use suas palavras-chave, mas com moderação. Inclua a palavra-chave principal do seu artigo no texto alternativo somente se ela fizer sentido naturalmente. Caso contrário, use palavras-chave semânticas ou os termos mais relevantes dentro de uma palavra-chave de cauda longa. Por exemplo, se a palavra-chave principal do seu artigo for "como gerar leads", você poderia usar "geração de leads" no texto alternativo.
- Não force a inclusão da sua palavra-chave no texto alternativo de cada imagem. Se você adicionou várias imagens ao corpo do texto, inclua sua palavra-chave em pelo menos uma delas, especialmente naquela que você considera mais representativa. Escreva descrições distintas e envolventes para as imagens secundárias.
Quanto mais imagens você otimizar, mais progresso verá em sua estratégia de SEO!
Este artigo foi originalmente publicado em blog.hubspot.es . Você pode ler o artigo original aqui.
