O que você acha dessa nossa imagem de capa? Curtiu? Será que ela faz sentido pra você?
Assim como esta, ao longo deste artigo existe uma série de imagens que nós selecionamos com cuidado para ilustrar o conteúdo e dar aquele respiro visual! Elas servem justamente para trazer um pouco mais de vida ao texto, além de contextualizar os pontos importantes que queremos te mostrar.
Mas e o que acontece com as pessoas que não podem ver essas imagens?
É aí que entra o Alternate Text, ou alt text para os íntimos. Estamos falando daquelas descrições que colocamos nas imagens para que todos possam aproveitar o conteúdo por completo, facilitando a jornada do usuário. Dessa forma, pessoas cegas, com qualquer nível de deficiência visual, ou mesmo aquelas que preferem consumir conteúdo por áudio, podem fazê-lo com a ajuda de ferramentas de leitura de tela.
Além disso, ele ainda ajuda os buscadores a encontrarem as suas páginas na internet com mais facilidade. É como se fosse uma legenda superpoderosa, que faz o conteúdo ser mais inclusivo, que ainda dá uma força no SEO e aumenta suas chances de aparecer entre os primeiros resultados da SERP.
Quer saber mais? Então, continua com a gente! Hoje vamos te contar tudo que você precisa saber sobre alternate text.
Mas antes, que tal melhorar essa imagem do começo e deixar todo mundo na mesma página?
Alt text: Ilustração gerada por IA, mostrando as mãos de uma pessoa que digita no teclado de um computador, com uma caneca de café ao lado.
Agora sim, vamos lá!
Neste artigo, você vai ver:
O que é Alt Text?
O texto alternativo - ou alt text - é uma descrição incluída no código HTML de uma página da web para explicar o conteúdo de uma imagem. Então, basicamente, esse termo é uma descrição dos elementos visuais da imagem para que ela fique melhor posicionada nas pesquisas e para que pessoas com deficiência visual possam compreender o que existe ali.
Você também já deve ter visto em algum site por aí, quando uma imagem não carrega direito e, em seu lugar, aparece uma curta descrição do que deveria haver ali, né? Pois esse é Alt Text!
Essa descrição permite que os mecanismos de pesquisa entendam e classifiquem seu site da melhor maneira, bem como facilita aos usuários que utilizam ferramentas para leitura de tela. Esse é o caso de pessoas cegas, com baixa ou baixíssima visão, ou ainda aqueles usuários e usuárias que preferem consumir um conteúdo em formato de áudio.
Para facilitar, você pode pensar assim: como você descreveria uma imagem ou objeto para uma pessoa cega ou com deficiência visual? Ou ainda, e se você tivesse que fazer a mesma descrição para alguém com quem está conversando ao telefone?
Pensar em acessibilidade dessa maneira, permite que as pessoas que utilizam ferramentas de leitura, sigam em uma jornada agradável e fluída pelo seu site. Essa é uma das razões pelas quais o Google pode entender que seu site atende às necessidades do usuário e priorize seu conteúdo na página de resultados, a famosa SERP.
Aqui está um exemplo simples de como o alt text aparece no código HTML:
<img src="https://www.exemplo.com/imagem.jpg" alt="Descrição da imagem">
Neste exemplo:
‘src’ define o caminho da imagem, seja local ou um URL externo.
‘alt’ é o texto alternativo que descreve a imagem.
Alt Text e SEO: compreenda o impacto deste texto incluído no código fonte HTML
A utilização de maneira adequada do alternative text é essencial para as estratégias de SEO do seu site, bem como para a acessibilidade.
As descrições relevantes e precisas são capazes de melhorar a visibilidade da sua página nos resultados de pesquisa.
Dá uma olhada em alguns benefícios que listamos pra você:
Acessibilidade: O alternative text possibilita que pessoas que utilizam leitores de tela compreendam o conteúdo da imagem. Dessa forma, estes aplicativos lerão o alt text, e ao oferecer uma descrição precisa, você assegura que todos os usuários tenham uma boa experiência, independentemente das circunstâncias.
Aumento do potencial de classificação nas pesquisas de imagens do Google: Uma descrição relevante e precisa facilita que sua imagem seja encontrada nos resultados de busca, o que aumenta a visibilidade do seu site.
Aperfeiçoamento da experiência do usuário ao fornecer informações adicionais sobre a imagem: O alt text também melhora a experiência do usuário quando uma imagem não carrega corretamente. Nesse caso, a descrição do alt text é exibida no lugar da imagem, informando o que ela representa. Isso assegura uma boa experiência para o usuário e permite que a empresa transmita a mensagem mesmo quando o recurso visual está indisponível.
Google Imagens: descubra por que o texto alternativo é importante no SEO para imagens
Conforme o First Site Guide, as buscas do Google Imagens correspondem a 22,6% de todas as pesquisas feitas no site. Evidentemente, isso transforma as imagens em uma ferramenta eficaz para aumentar o tráfego através de estratégias de SEO.
Otimizar o texto alternativo de suas imagens pode gerar mais tráfego por meio das diferentes formas de pesquisa no Google, visto que a plataforma lê o texto alternativo para entender estas imagens.
Ainda que não seja possível afirmar com certeza, sem um alt text, elas talvez deixem de ganhar classificações em uma busca no Google Imagens. Afinal, os algoritmos dos buscadores ainda não conseguem compreender o conteúdo de um elemento visual sem essa ajuda.
Inclusão e acessibilidade são fundamentais para um conteúdo de qualidade
Um conteúdo passa a ter o selo de qualidade máxima a partir do momento em que ele faz a inclusão de todos os tipos de pessoas, possibilitando a maior acessibilidade! Como a gente sempre diz por aqui e já comentamos ali em cima, tudo é feito para garantir que o usuário aproveite ao máximo a jornada pelo seu site. Isso também pode ser traduzido em mais autoridade pra sua marca.
Dessa forma, o alternate text é um elemento muito importante para a composição de qualquer imagem, ainda mais se está presente em um artigo de blog ou textos no geral.
Seja em sites ou em redes sociais, ele é essencial para garantir mais acessibilidade para pessoas cegas ou deficientes visuais que dependem de leitores de tela.
Ah… E se você está pensando em dar os primeiros passos para produzir conteúdo para dar mais autoridade para a sua marca e ainda compartilhar conhecimento, aproveite esse nosso artigo exclusivo sobre como criar um blog.
Confira exemplos de Alternative Text que funcionam
Para ser eficaz, o texto alternativo deve ser descritivo e adotar um tom de voz natural. Imagine como você descreveria a imagem para alguém em uma conversa.
Veja alguns exemplos que podem te ajudar na hora de criar seus textos alternativos:
Foto da Ponte Golden Gate. San Francisco, California (EUA)
Exemplo incorreto: alt= “ponte americana céu azul”
Exemplo padrão: alt= “Ponte Golden Gate”
Exemplo otimizado: alt= “Ponte Golden Gate, em São Francisco na Califórnia (EUA), com pouca movimentação de carros e cercada por um céu azulado de poucas nuvens”.
Foto de uma tábua de frios
Exemplo incorreto: alt= “ideias para café da manhã”
Exemplo padrão: alt= “tábua de frios”
Emplo otimizado: alt= “tábua de frios retangular com embutidos, queijos, damascos, frutas e outros lanches coloridos”.
O exemplo “incorreto” se trata da segmentação de uma palavra-chave específica sem detalhar o que está na imagem. Por sua vez, os exemplos “padrão” fazem um trabalho melhor e são mais descritos.
Já no caso dos “Exemplos otimizados”, eles utilizam a palavra chave, mas se preocupam muito mais em descrever o cenário com detalhes que possam estimular o pensamento e a imersão no conteúdo.
Saiba escrever os textos alternativos das suas imagens da melhor forma:
Um bom texto alternativo é aquele que é descritivo sem parecer spam. Para escrevê-lo da melhor forma, existem algumas boas práticas que valem a pena serem seguidas. E claro, como tudo que é bom, existe o jeito mais interesssante de utilizá-lo pensando em SEO:
Utilize 125 caracteres ou menos
Geralmente, ferramentas de leitura de tela e outras tecnologias assistivas não conseguem ler o texto alternativo que ultrapassa 125 caracteres. Portanto, é aconselhável manter o alt text mais curto para garantir que ele seja lido na íntegra.
Inclua a palavra-chave principal sempre que possível
Incluir a palavra-chave principal pode não parecer intuitivo. Porém, é uma excelente ideia, principalmente se ela ajudar a fornecer contexto para a página em que a imagem está inserida.
É importante lembrar que um dos objetivos do texto alternativo é oferecer informações e contexto adicionais sobre determinada imagem. Incluir a palavra-chave principal pode ser particularmente útil para alcançar esse objetivo.
E para tornar a descrição mais natural, você também pode usar variações da sua palavra-chave principal, mas procure sempre ser natural. Podem existir situações onde a palavra chave não se encaixa com fluidez e pode fazer você perder caracteres preciosos na hora descrever a imagem e oferecer um jornada mais gostosa para o usuário ou usuária.
Não utilize alt text em imagens “decorativas”
Existem imagens que não precisam de mais explicações.
Não é necessário incluir texto alternativo para imagens decorativas, como quebras de linha ou ícones de pesquisa, por exemplo. Usuários de leitores de tela não precisam dessas imagens para compreender a página, e o Google não requer informações ou contexto adicional para classificá-la
Não comece o texto alternativo com “foto de…” ou “imagem de…”
Agora que você sabe que tem apenas 125 caracteres para descrever sua imagem, dá pra imaginar que ser objetivo ajuda você e sua audiência também, né? Usar frases como “foto de…” ou “imagem de…” desperdiça espaço, pois é evidente para os usuários e para o Google que se trata de uma imagem.
Assim, seu alt text fica mais direto, agregando informações e trazendo um contexto mais claro à imagem.
Jamais repita o texto da legenda
Evite escrever informações redundantes. Se uma foto já tiver uma legenda, em vez de repeti-la no alt text, foque em fornecer um contexto adicional relevante.
Dessa forma, seu texto fica mais acessível e sem repetir a legenda, descrevendo, então, o que realmente está na imagem.
Em otimizações, localize e corrija imagens sem alt text
Se existe alguma imagem sem texto alternativo no seu site, busque a otimização para corrigi-las.
Atualmente, a web possui diversas opções de ferramentas para localizar essas “faltas” em seu texto, como é o caso da Auditoria de site, do Semrush.
Seja descritivo, mas conciso
Seu alt text precisa ser descritivo, porém, escreva o necessário, sem enrolação. Reduza ao essencial aquilo que se vê na imagem, e que permita que a pessoa continue imersa na sua história.
Não abrevie palavras
Apesar dos 125 caracteres disponíveis, sempre existe a melhor forma de escrever seu alternate text. Então, nunca abrevie, até porque as ferramentas de leitura de tela, por exemplo, podem não reconhecer a palavra, o que dificulta o entendimento do usuário.
Entenda a diferença do Alternate Text para a legenda da imagem
Mesmo dialogando indiretamente com o algoritmo do Google, as legendas das imagens também influenciam na sua estratégia de SEO!
Entretanto, o alternative text e as legendas não são a mesma coisa. E como a gente comentou lá em cima, um alt text de respeito não pode ser apenas uma cópia da sua legenda.
Ok, mas então o que diferencia um do outro?
As legendas, sejam onde estiverem, não servem para descrever fisicamente a imagem postada. Elas podem ou não conter uma descrição do que está retratado no post, por exemplo. Essa frase ou texto não é obrigatória e nem serve para descrever exatamente o que está lá.
Na realidade, as legendas conferem à postagem um teor informativo, que não haveria se apenas a imagem fosse publicada, levando as pessoas a se interessarem mais por todo o contexto.
Apesar do alt text também não ser obrigatório, sua função não é o capricho para uma publicação. O texto alternativo serve para fazer uma descrição quase exata da imagem em sites e etc.
Tal detalhamento de imagem serve para ajudar os rastreadores de mecanismos de pesquisa a entenderem melhor o contexto da página, além de também proporcionar acessibilidade. Então, esse texto torna-se necessário para SEO, já que, como vimos, as buscas do Google Imagens correspondem a uma parte significativa de todas as pesquisas feitas no site.
Instagram, Facebook e mais: o texto alternativo também está presente em redes sociais
Principalmente nos dias atuais, você não pode se preocupar apenas com as imagens em sites. Redes sociais como Instagram e Facebook também oferecem recursos específicos para promover a acessibilidade através do texto alternativo.
No Instagram, uma plataforma onde as fotos são predominantes, há um recurso que permite aos usuários adicionar textos alternativos às suas imagens. Confira o passo a passo:
Suba uma foto normalmente no aplicativo;
Antes de salvar e postar, clique em “Configurações avançadas”;
Clique em “Escrever texto alternativo”;
Descreva a foto;
Clique em “Salvar”.
Muito fácil, não é?!
No Facebook não é muito diferente:
Suba uma foto normalmente no aplicativo;
Antes de salvar e postar, clique em “Editar”;
Um texto será gerado automaticamente. Clique em “Substituir texto alternativo gerado” para editar;
Escreva seu texto alternativo. Para voltar ao texto gerado automaticamente, clique em “Limpar”;
Clique em “Salvar”.
Uma dica muito legal para tornar a acessibilidade ainda mais presente no dia a dia de quem está navegando nos feeds das redes sociais, especialmente para o Instagram e o Facebook, é incluir as hashtags #pracegover ou #pratodosverem em suas postagens, seguida de uma descrição da imagem. Essas hashtags tornaram-se um movimento social para influenciar usuários a incluir descrições nas imagens para dar mais visibilidade a pessoas cegas ou com deficiência visual. Isso permite que os softwares de leitura identifiquem as mensagens e as leiam em voz alta para os usuários.
Vale ressaltar que essas hashtags não são um texto alternativo, muito menos suas descrições. Esse recurso é necessário para chamar atenção à causa.
Conheça também outros aspectos de uma imagem que contribuem para o SEO
O texto alternativo é um dos muitos fatores importantes que contribuem para uma boa experiência do usuário e que, por sua vez, podem contribuir para que o seu site ganhe relevância. Mas há outros elementos da imagem que também interagem com o Google e ajudam seu conteúdo a alcançar um público mais amplo.
O alt text descreve os elementos visuais da imagem, informando ao Google o que está presente na foto, para que ele possa direcioná-la aos usuários que estão procurando por imagens semelhantes.
Entretanto, para otimizar a sua imagem para SEO, outros três aspectos devem ser levados em consideração:
Nome da imagem
O nome da imagem nada mais é do que o nome do arquivo que contém a imagem. Ele desempenha um fator super importante no SEO da imagem (Image SEO), pois também se comunica diretamente com o Google.
O algoritmo de busca interage principalmente com dois aspectos de uma imagem: seu nome e seu alt text. Através desses dois elementos, você pode informar ao Google o que é a imagem: qual é o nome do arquivo e o que a imagem representa.
Tamanho do arquivo
De acordo com o Lucas Cassapula, nosso especialista em SEO técnico aqui na WeSearch, não existe uma regra que delimite o tamanho ideal do arquivo a ser carregado. Esse quesito, normalmente, está relacionado ao peso.
Entretanto, o tempo de carregamento da página influencia diretamente o SEO, o que para Lucas, está relacionado ao peso e formato, que contam muito, já que precisamos ter algo bonito e rápido ao mesmo tempo. Ele ainda destaca que o próprio Google recomenda o uso de imagens em formatos de última geração para facilitar nessa compressão e ajudar a deixar o carregamento mais rápido.
Por fim, adiar o carregamento das imagens é o ideal para que elas carreguem somente quando o usuário chegar até elas, assim o carregamento não é travado com elementos que nem aparecem de primeira. Isso se chama “lazy load” e se implementado corretamente, ajuda muito, caso contrário, pode ser um inimigo da renderização.
Ao longo do texto, deu pra ter uma ideia do tamanho da importância que essa pequena descrição incluída no código HTML de uma página da web tem no universo de SEO, né? A prática não só agrada o Google como também garante uma otimização do seu conteúdo, permitindo a inclusão e acessibilidade aos usuários que necessitam.
E quando for começar a planejar o que precisa ser feito no seu site para tornar possível a inclusão de todos os seus textos alternativos, lembre-se do que costumamos dizer: se você se preocupa com o usuário, o Google se preocupa com você!
A gente vai ficando por aqui, mas esperamos que você tenha curtido este artigo e volte mais vezes no Blog da WeSearch!
De Meta Tags a Categorização e Marketing de Conteúdo, nossos conteúdos são exclusivos e sempre cheios de dicas fresquinhas para você que quer ajudar a sua empresa a entender melhor o universo SEO e criar suas próprias estratégias.
Agora, se ainda assim você precisar de uma mãozinha para tornar todos esses conceitos em prática, vem conhecer a gente! Somos especialistas em SEO e podemos te ajudar a pensar em estratégias que vão trazer ainda mais atenção à jornada do seu público.
A WeSearch tem um time super disposto a ajudar as mentes curiosas a fazerem diferença!
Até a próxima.
留言