O que é um texto alternativo para imagens de sites?
Publicados: 2020-09-29Introdução
Projetar imagens excelentes dentro do conteúdo do seu site é vital para uma presença online bem-sucedida. No entanto, ter imagens de qualidade não é suficiente para garantir que sua página gere o tráfego, vendas e leads esperados. Com o redesenho da interface do usuário de pesquisa de imagens do Google, você precisa otimizar suas fotos para obter os melhores resultados de SEO. Assim, os mecanismos de pesquisa os entenderão facilmente, o que aumenta a visibilidade do seu site para seu público-alvo. Ajudaria se você utilizasse texto alternativo em suas imagens para obter melhores resultados em SERPs.
Este artigo tem como objetivo fornecer uma explicação detalhada do que é texto alternativo e o processo de adicioná-lo à sua estratégia de SEO. Se você também se pergunta quando uma imagem deve ter texto alternativo nulo, continue lendo para obter todas as informações essenciais.
FATO : As imagens são retornadas para 22,6% das consultas de pesquisa no Google. Além disso, 62% dos consumidores da Geração Z e Millennial desejam a pesquisa visual mais do que qualquer outra nova tecnologia.
O que é texto alternativo para imagens?
O texto alternativo, também conhecido como atributos alt ou descrições alt, é um elemento HTML curto de cerca de 100 caracteres atribuídos para descrever as imagens da sua página da web. Nem sempre é visível para visitantes frequentes, mas ajuda os rastreadores de mecanismos de pesquisa a compreender a função e a aparência de suas fotos. Além disso, suas fotos obtêm uma melhor indexação que melhora a visibilidade do seu site.
Além disso, o HTML de texto alternativo da imagem também ajuda a fornecer melhor acesso à Web para seus usuários com deficiência visual. Caso um arquivo de imagem não seja carregado em sua página, a descrição alt aparece para dar aos visitantes uma imagem completa do seu conteúdo. Veja como isso seria na prática:
Práticas recomendadas de texto alternativo
Ao escrever texto alternativo para suas imagens, você precisa seguir algumas práticas recomendadas, conforme discutido abaixo;
Use palavras-chave em suas descrições alternativas
Sempre que você utilizar descrições alternativas em suas imagens, use a oportunidade para indicar palavras-chave em seu conteúdo. Facilita a comunicação com os motores de busca sobre a relevância da sua página para uma consulta de pesquisa específica.
Se você achar difícil determinar as palavras-chave altamente relevantes e lucrativas a serem usadas, o gerador de texto alternativo pode ser de grande ajuda. Ele ajuda você a conhecer os termos certos para usar que otimizariam suas descrições alternativas para suas imagens. No entanto, observe que você deve evitar encher seus atributos alt com todas as palavras-chave geradas. Isso resultará em um texto alternativo mal elaborado que pode ser penalizado pelo Google. Por exemplo, na imagem abaixo, você notará que o bom exemplo de texto alternativo explica prontamente a imagem. No entanto, o exemplo inferior não vai muito longe em explicar o que é a foto.:
Mantenha seu texto alternativo curto
É uma boa prática usar um texto alternativo descritivo, mas você deve evitar escrever um parágrafo inteiro para descrever uma imagem. Observe que a maioria dos leitores de tela captura até 125 caracteres do atributo alt, garantindo assim que você mantenha um texto breve e conciso.
Seria melhor ir direto ao ponto e destacar as características mais proeminentes da imagem quando os elementos são muitos. Os aspectos essenciais devem fornecer amplos detalhes aos mecanismos de pesquisa, e os usuários relacionarão a foto ao contexto da sua página.
Por exemplo, o texto alternativo abaixo é muito longo ao descrever dois cães;
- Alt = cachorro cinza à esquerda e cachorro preto com orelhas compridas à direita deitado no sofá com capa amarela
Uma excelente descrição alternativa seria a seguinte;
- Alt = cachorro cinza e preto deitado no sofá
Além disso, evite algumas descrições que sejam muito curtas, de modo que não tragam um significado conciso, como;
- Alt = dois cães
Teste seu SEO em 60 segundos!
Diib é uma das melhores ferramentas de SEO do mundo. A Diib usa o poder do big data para ajudá-lo a aumentar de forma rápida e fácil seu tráfego e classificações. Até mesmo informaremos se você já merece uma classificação mais alta para determinadas palavras-chave.
- Ferramenta de SEO automatizada fácil de usar
- Monitoramento de palavras-chave e backlinks + ideias
- Velocidade, segurança, + rastreamento de Core Vitals
- Sugere de forma inteligente ideias para melhorar o SEO
- Mais de 250.000 mil membros globais
- Benchmarking integrado e análise de concorrentes
Usado por mais de 250 mil empresas e organizações:
Sincroniza com 
Seja específico
Sempre que você criar um texto alternativo, lembre-se de que você deve descrever a imagem da sua página da web. Portanto, você precisa ter certeza de que é o mais específico possível para a imagem. O objetivo é garantir que cada pesquisador compreenda imediatamente a imagem, mesmo sem visualizá-la. Ao projetar seu HTML de texto alternativo de imagem, pergunte a si mesmo se você compreenderia a relevância da descrição sem necessariamente ver a imagem.
Você vai se interessar
Tendências de tamanho do mercado de vestuário de comércio eletrônico em 2021
Por que o SEO orgânico é importante e como obtê-lo
Qual é a taxa de conversão média de um site?
Compare o SEO do seu site com seus concorrentes
O que é SEO On Page?
Como fazer SEO?
Por exemplo, se você pretende trazer uma foto de cachorros brincando em um parque, você pode fazê-lo da seguinte forma;
- Alt = cães pastores alemães pretos machos e fêmeas brincando no parque
A descrição dá uma representação clara e precisa do que a imagem representa.
Por outro lado, você estaria errado em escrevê-lo da seguinte forma;
- Alt = cachorros brincando na grama
Evite escrever seu texto alternativo apenas para SEO
É compreensível ter como objetivo aumentar a visibilidade ao escrever suas descrições alternativas. No entanto, não se concentre apenas em melhorar o SEO, mas também mantenha seus pesquisadores em mente. Lembre-se, seu atributo alt deve permanecer relevante para uma imagem específica e conteúdo de página. O texto alternativo é usado especificamente para deficientes visuais.
Caixa de citação: “Existem 2.140.000 número total estimado de pessoas vivendo com perda de visão (2021) no Reino Unido” (Site Loss Data Tool, RNIB 2021)
Portanto, encher seu texto alternativo com palavras-chave acabará prejudicando os rankings dos mecanismos de pesquisa em vez de melhorar seus esforços de SEO. Além disso, evite usar palavras-chave e atributos alt semelhantes para várias imagens, pois ambos os cenários podem gerar spam.
Não deixe de fora os botões do formulário
Caso você tenha um formulário em seu site que utilize uma imagem como botão 'enviar', seria melhor fornecer um texto alternativo. O botão de imagem deve ter uma descrição alternativa que descreva sua função, como 'aplicar agora', 'pesquisar', 'inscrever-se', entre muitas outras.
Não inclua especificações extras
Lembre-se de que os usuários e mecanismos de pesquisa assumem que o texto alternativo se refere a uma imagem em seu site. Portanto, não é necessário adicionar outras especificações em seus atributos alt, como 'imagem de', 'imagem de' e muito mais.
Lembre-se de usar longdesc
Você pode ter algumas imagens mais complexas em seu site, de modo que precise de descrições mais longas. Nesse caso, não se esqueça de usar longdesc = 'explore usando o longdesc.' Aqui está um bom exemplo de como isso seria tecnicamente:
Evite usar Imagens como texto
Para um desenvolvimento web amigável para SEO, evite usar fotos no lugar de palavras, pois os mecanismos de pesquisa não lerão o texto nas imagens. No entanto, se você precisar, certifique-se de expor o que sua imagem diz em seu atributo alt.
Como funciona o texto alternativo
Lembre-se de que os mecanismos de pesquisa não podem ver imagens da mesma maneira que nós. Portanto, ajudaria se você oferecesse alguma assistência ao Google para garantir que ele entenda sobre o que são as fotos. Esta é uma das razões pelas quais é crucial que você nomeie suas imagens para ter acessibilidade de texto alternativo e nomes de arquivos para ajudar os rastreadores a 'ver' as imagens em sua página.
Como adicionar texto alternativo a imagens
A maioria dos CMSs que você pode usar para projetar e fazer suas alterações de texto alternativo são simples. Com apenas um clique em uma foto no corpo da postagem, você obtém um módulo de rich text ou otimização de imagem para projetar o atributo alt.
Também varia dependendo do design da web em sua página. Na maioria dos casos, a maioria dos sites fornece uma seção onde você insere sua descrição alt quando uma foto é carregada. Além disso, você também tem a chance de fazer alterações extras na imagem enviada. Em seguida, ele é codificado em sua página em um formato HTML de texto de imagem.
Se você usar o 'recurso de inspeção' de um navegador, verá o código HTML. Por exemplo, ao usar o Chrome, clique em uma foto na página da Web e toque nos recursos de inspeção do menu suspenso. Você verá uma janela aparecer com a tag HTML do site mostrando 'alt = seguido pela descrição alt.'
Aqui está uma ilustração de como adicionar texto alternativo em diferentes plataformas;
· WordPress
Ao usar o WordPress, o processo é direto. Vá para a janela do editor e toque em uma imagem. Você verá um campo nas configurações de imagem para o seu 'texto alternativo (texto alternativo)' para criar ou fazer alterações em sua descrição alternativa.
Alternativamente, você pode ir para a biblioteca de mídia e clicar em uma imagem preferida. Você verá as opções onde você pode editar ou criar seu texto alternativo.
(Crédito da imagem: wpbeginner)
· Wix
O Wix também intensificou seus esforços para tornar a plataforma mais amigável para SEO. Agora você pode adicionar descrições alternativas às fotos em sua loja e fazer qualquer edição necessária.
Vá para a janela de edição e clique na imagem que você pretende adicionar o texto alternativo. Nas configurações, você verá uma opção para 'o que está na imagem?' Nesta área, adicione sua descrição alt. Aqui está essa página:
(Crédito da imagem: wix.com)
· Magento
Magento é outra plataforma que oferece um procedimento simples para adicionar o atributo alt.
Toque na seção do catálogo para escolher o produto preferido ao qual deseja adicionar o texto alternativo. Em seguida, role até a categoria de vídeos e imagens e clique em uma foto específica para adicionar ou editar a descrição alternativa. Aqui está a tela de texto alternativo do Magento:
(Crédito da imagem: Magento)
· Shopify
Usar Shopify permite adicionar o atributo alt às imagens do produto e do tema.
Se você deseja otimizar a descrição alt nas fotos do produto, vá para a seção 'produtos' e clique na lista de itens que deseja editar. Na página de detalhes do item, toque no item de mídia e procure a página de mídia de visualização. Em seguida, adicione seu texto alternativo. Por exemplo:
(Crédito da imagem: cada vez mais)
Ao adicionar o atributo alt às imagens do seu tema, vá para a seção 'loja online' e encontre 'temas' e toque para personalizar o tema da sua loja. Você verá a seção do menu no lado esquerdo, onde você clica em blocos de imagem e fotos individuais. Você verá uma caixa de texto onde poderá editar ou adicionar sua descrição alt.
Por que o Alt Text é essencial para um bom SEO?
Agora que você aprendeu como adicionar texto alternativo a imagens, pode estar se perguntando por que precisa usá-los em seu site e a quem eles se beneficiam. Os três principais grupos que são os primeiros beneficiários dos atributos alt são;
- Mecanismos de busca – Quando você usa a descrição alt, ela ajuda os mecanismos de busca a interpretar o assunto em uma imagem específica. Assim, o Google pode determinar rapidamente quando incluir sua foto em resultados de pesquisa relevantes, dando às imagens de texto alternativo uma maior probabilidade de serem encontradas.
- Visitantes com deficiência visual – O uso de descrições alternativas fornece aos visitantes com deficiência visual um substituto para imagens. Assim, permite que os usuários utilizem programas que lêem texto em voz alta para compreender o que as fotos adicionam ao seu conteúdo.
Por exemplo, se essas pessoas navegarem em um site que usa imagens de navegação, será difícil descobrir várias categorias. No entanto, se as fotos contiverem atributos alt, elas poderão navegar por todo o site.
- Profissionais de marketing – quando você utiliza descrições alternativas em suas imagens, sua página tem mais chances de obter classificações mais altas nos resultados de pesquisa. Como resultado, seu site recebe mais tráfego no Google, graças à otimização.
Ele ajuda você a aumentar o reconhecimento da sua marca, especialmente quando suas imagens contêm o nome da sua empresa. Além disso, quanto mais alto sua página ficar nos resultados de pesquisa, mais as pessoas clicarão nos resultados da imagem para visitar seu site.
FATOS :
- Dan Morgan, da WebSpection, conseguiu que uma de suas fotos ocupasse o primeiro lugar no Google Images como “melhor pessoa em Cardiff” em menos de quatro dias, otimizando sua imagem.
- E Robbie Richards gerou 150.732 visitas adicionando tags alt de imagem, compactando imagens e alguns outros truques de SEO.
—Jornal do mecanismo de pesquisa
Principais razões pelas quais o texto alternativo é vital para o seu site
- Para melhorar a acessibilidade: Observe que a maioria dos pesquisadores geralmente é deficiente visual; assim, eles usam leitores de tela enquanto consomem conteúdo online. As descrições alternativas devem descrever imagens diferentes em sua página para visitantes que não podem vê-las. Se você não usar atributos de texto alternativo em suas imagens, os usuários não poderão entender o conteúdo de sua página. Os leitores de tela acabam pulando essas fotos ou até mesmo leem nomes de arquivos longos e inúteis.
- Para aumentar a relevância do tópico: para que o Google entenda o conteúdo da sua página, ele analisa os diferentes termos usados. Por outro lado, quando você inclui imagens em seu site, os mecanismos de pesquisa não conseguem descobrir sua finalidade. Portanto, você precisa ter um atributo alt, pois o contexto pode estar 'bloqueado' nas imagens.
- Para ajudá-lo a classificar no Google Imagens: O uso de texto alternativo também ajuda sua página a ter uma classificação mais alta no mecanismo de pesquisa de imagens do Google. Além disso, as pessoas estão cada vez mais colocando-o à frente de outras plataformas, como Bing e YouTube, ao procurar fotos.
- Para servir como textos âncora para links de imagem: Em muitos sites, os textos âncora vinculam uma página a outra. Os mecanismos de pesquisa os usam para compreender mais sobre seu site e o que isso implica. Você também pode usar atributos alt para servir ao mesmo propósito.
- Quando uma imagem deve ter texto alternativo nulo : É uma boa prática garantir que você sempre inclua o atributo alt em suas imagens para obter melhores classificações nos mecanismos de pesquisa. Ao mesmo tempo, você pode estar se perguntando quando uma imagem deve ter texto alternativo nulo.
Você não precisa usar texto alternativo em alguns casos, especialmente quando a imagem não contém detalhes vitais ou é usada para fins decorativos.
Por exemplo, se o seu site usa ícones para separar várias seções de conteúdo, as imagens devem deixar sua página bonita. Portanto, não há necessidade de adicionar texto alternativo, pois pode acabar incomodando os usuários com leitores de tela e não agregará valor de SEO à sua página.
Além disso, imagens genéricas e de estoque também não precisam de acessibilidade de texto alternativo. Além disso, inserir um não seria útil para leitores com deficiência visual.
Esperamos que você tenha achado este artigo útil.
Se você quiser saber mais sobre a saúde do seu site, obter recomendações e alertas pessoais, escaneie seu site pela Diib. Leva apenas 60 segundos.
Como você pode encontrar e corrigir problemas com texto alternativo
Se você deseja obter melhores resultados com o texto alternativo, será útil realizar uma auditoria nas páginas com tráfego para fazer os aprimoramentos necessários. Aqui está o procedimento que você pode usar para fazer o escrutínio;
Encontre as páginas mais visitadas
Primeiro, comece fazendo uma verificação completa para conhecer suas páginas mais visitadas organicamente pelo seu público. Você pode passar por várias plataformas, como Google Search Console, Google Analytics ou o relatório em 'páginas principais' no explorador de sites da Ahrefs.
Audite suas descrições alt
Ao fazer uma auditoria em suas descrições alternativas, você pode usar a extensão Alt Text Tester Chrome. Comece instalando a ferramenta gratuita, depois carregue a página com mais tráfego e ative a extensão. Aqui está o que parece:
Sempre que você rolar uma foto, verá a descrição alt exibida na plataforma. Caso o atributo alt esteja ausente, ele deve mostrar um aviso como 'texto alternativo ausente'.
Para todos os textos alternativos em seu conteúdo, passe por vários deles em suas imagens. Após algumas verificações, a ferramenta ajuda a determinar se suas fotos estão mal, bem otimizadas ou não.
Repita para mais páginas
O último processo deve envolver a repetição do mesmo procedimento para as páginas que geraram mais tráfego. O processo deve lhe dar uma noção se sua otimização de descrição alt é excelente ou precisa de alguns aprimoramentos.
Diib: Fornecendo Estatísticas e Monitoramento de Alt Text!
Como proprietário de um site, adicionar descrições alternativas é simples, independentemente da plataforma da Web que você usa. Além disso, lembre-se de que nem todas as imagens em sua página exigem texto alternativo, pois não fariam sentido para os mecanismos de pesquisa ou para pessoas com deficiência visual. O painel do usuário Diib analisa todo o texto alternativo em seu site e perfil do Facebook, fornecendo insights acionáveis para melhoria. Aqui estão alguns dos recursos que sabemos que você vai adorar:
- Alertas personalizados, que o mantêm informado sobre a saúde do seu site e quaisquer alterações nos algoritmos do Google que possam afetar seus padrões de tráfego.
- Objetivos com sugestões personalizadas sobre formas de melhorar a saúde do seu site e o tráfego orgânico.
- Insights sobre não apenas a saúde do seu próprio texto alternativo, mas também a de seus principais concorrentes.
- Sincronize seu perfil do Facebook para obter informações sobre as especificidades de sua campanha de mídia social. Coisas como desempenho de postagem individual, dados demográficos de usuários, melhor hora do dia para postar e conversões.
- Forneça uma sessão colaborativa mensal com um especialista em crescimento da Diib que pode ajudá-lo a ajustar seus esforços de SEO e orientá-lo para o crescimento e o sucesso da Shopify.
Ligue hoje para 800-303-3510 ou clique aqui para obter sua verificação gratuita de 60 sites e saber mais sobre seus pontos fortes e fracos de SEO.