As páginas de resultados do mecanismo de pesquisa (SERP) do Google agora têm tanto resultados de imagem quanto de texto. Antes que qualquer resultado de texto orgânico seja visualizado, o Google coloca uma boa quantidade de imagens clicáveis no topo da página principal. Além dos seus melhores esforços de SEO, as fotos do seu site são uma ótima fonte de tráfego orgânico. Mas como conseguir um pouco desse tráfego valioso? Com textos alternativos de imagem, é claro.
E o que é o texto alternativo? De forma geral, o primeiro conceito de acessibilidade na web é incluir texto alternativo nas imagens. É também um dos conceitos mais difíceis de se colocar em prática da forma correta. Existem várias fotos na internet com um texto alternativo incompleto, errado ou simplesmente ruim. Determinar uma tag de título equivalente e adequada, como tantos outros aspectos da acessibilidade na web, geralmente é uma questão de interpretação pessoal. Portanto, este artigo fornecerá a nossa compreensão sobre o uso aceitável de texto alternativo da imagem, além de mencionar alguns exemplos práticos.
Hoje em dia, muitas empresas e editoras criam conteúdo que exige cada vez mais recursos visuais para acompanhar suas palavras. Por exemplo, se você escreve sobre fotografia, exemplos fotográficos da sua perspectiva são essenciais para a satisfação do leitor. Se você quer falar sobre software, capturas de tela do software em específico geralmente são a melhor maneira de ilustrar o seu uso, e assim por diante.
O que é o texto alternativo e como ele funciona?
Afinal, o que o texto alternativo significa? Textos alternativos, também conhecidos como "alt tags", "tags alt" ou mesmo “atributo alt”, são um tipo de código HTML que descreve a aparência e o propósito de uma imagem em uma página da web.
Se uma imagem não carrega no computador de um usuário, o texto alternativo é a cópia escrita que aparece em seu lugar. Esses textos auxiliam o software de leitura de tela na descrição de imagens para leitores com deficiência visual, além de permitir que os mecanismos de pesquisa rastreiem e classifiquem seu site com mais eficiência.
Se você for aprimorar o SEO do seu negócio, otimizar a imagem e o texto alternativo do seu site é essencial para oferecer aos visitantes uma melhor experiência do usuário, independentemente de como eles encontraram sua página.
Alt tags são usadas para:
• Adicionar alt tags a imagens é, antes de tudo, um conceito de acessibilidade. Um texto alternativo será lido para usuários com deficiência visual usando leitores de tela para que eles entendam uma imagem na página.
• Se um arquivo de imagem não puder ser carregado, o texto alternativo será exibido em seu lugar.
• As tags Alt fornecem aos rastreadores de mecanismos de pesquisa melhores contextos/descrições de imagem, ajudando-os a indexar corretamente uma imagem.
3 exemplos de texto alternativo (bons e ruins)
1. Qual é a diferença entre uma palavra-chave e um detalhe?
Texto alternativo ruim: "Página inicial da Strikingly crie um site em minutos, comece, é grátis"
Qual o problema desse exemplo? Primeiramente, há muitas referências à plataforma. Além disso, o uso de texto alternativo para adicionar palavras-chave em frases quebradas traz pouco significado à imagem. Ou seja, o editor irá valorizar as palavras-chave, mas o Google não.
Na verdade, o texto acima torna difícil para o Google entender como a imagem se relaciona com o restante do site ou do artigo, impossibilitando assim a sua classificação correta.
Texto alternativo bom: "Página de login do construtor de sites Strikingly"
2. Especificidade vs. Detalhe
Texto alternativo ruim: "cachorro em paris"
Embora o texto alternativo acima siga a primeira regra (ou seja, é descritivo), ele o faz de forma equivocada. Sim, a foto de fato retrata Paris, França, e um cachorro. Mas ela também mostra a torre Eiffel e um cachorro da raça Chihuahua. Se a foto estiver, digamos, em uma postagem de blog sobre viajar para a França, o Google precisará desses detalhes para que ela seja indexada da forma certa.
Texto alternativo bom: "Cachorro da raça Chihuahua sentado em uma cadeira vermelha perto da Torre Eiffel, Paris, França"
3. Contexto vs. Especificidade
O significado nos dois exemplos usados é direto, o que pode nos ajudar a escrever um bom texto alternativo: um é do site Strikingly e o outro é de Paris, França. Mas e se a sua imagem não tiver um contexto oficial (como o nome de um local) que a explique?
É aqui que o assunto do artigo, ou do site no qual você está fazendo o upload da imagem, pode ser útil.
Exemplos de textos alternativos (bons e ruins) dependendo do motivo pelo qual você o está publicando
1. Para um artigo sobre o uso de software de contabilidade.
Texto alternativo ruim: "Homem apontando para a tela do computador de uma pessoa"
Por que o texto acima não é suficiente para uma página da web sobre software de contabilidade? Ele é quase tão descritivo e preciso quanto o texto alternativo do exemplo anterior, não é? Bom, o contexto deste exemplo é uma escola de negócios, o que significa que o público-alvo da página são alunos. Portanto, o texto alternativo das imagens deve representar isso.
Texto alternativo bom: "Empresário usando software de contabilidade para instruir uma equipe de contabilidade"
2. Para um artigo de pós-graduação.
Texto alternativo ruim: "Homem apontando para a tela do computador de uma pessoa"
O texto alternativo do exemplo acima normalmente seria o bastante, mas como nosso objetivo é publicar esta imagem no contexto de uma escola de negócios, podemos usar palavras-chave que ajudem o Google a conectar a imagem a partes específicas do artigo.
Texto alternativo bom: "Professor de pós-graduação apontando para a tela do computador de um aluno"
Importância do texto alternativo
1. Acessibilidade
Um princípio fundamental do web design acessível é o texto alternativo. Sua função principal (e primária) é explicar fotos para visitantes cegos. Isso inclui leitores de tela e navegadores com bloqueio de imagem, bem como usuários portadores de necessidades especiais ou incapazes de reconhecer visualmente uma imagem. Ao usar o texto alternativo, todos os usuários, independentemente da capacidade visual, irão apreciar o conteúdo do seu site.
2. Otimização do mecanismo de pesquisa de imagens
Incluir alt tags em suas fotos não apenas beneficia os clientes, como também pode ajudá-lo a aproveitar os benefícios de SEO (explícitos e implícitos). Além de seguir as práticas recomendadas para títulos da imagem e nomenclatura de arquivos, incluir textos alternativos aprimora o seu SEO.
Embora a tecnologia de reconhecimento de imagem tenha melhorado muito ao longo dos anos, os rastreadores de pesquisa ainda não podem "ver" as imagens em uma página do site, portanto, não é uma boa ideia confiar unicamente neles. É provável que, se eles não entenderem ou cometerem um erro, suas palavras-chave serão perdidas ou classificadas erroneamente.
Por isso, indica-se o uso do texto alternativo da imagem para incluir sua palavra-chave principal. Lembrando que o uso de palavras-chave é um fator de rankeamento para os mecanismos de pesquisa. Sendo assim, é de seu interesse criar um texto alternativo que explique a imagem e, ao mesmo tempo, usar — se possível — uma palavra-chave ou frase importante.
Como otimizar o texto alternativo: melhores práticas e como escrever bons textos alternativos
Resumindo, o texto alternativo deve ser descritivo e, ao mesmo tempo, simbólico em relação ao site que ele representa. Tenha em mente as seguintes observações ao escrever uma alt tag bem-sucedida:
- Dê uma descrição detalhada da imagem. Use o seu assunto e significado para direcioná-lo. Seja o mais descritivo possível. Antes de mais nada, o texto alternativo tem como objetivo principal fornecer descrição das imagens para usuários cegos ou pessoas com deficiência visual. Se uma imagem não tem significado ou importância e está lá apenas para fins de design, ela deve ser colocada no CSS e não no HTML.
- Use 125 caracteres ou menos. Afinal, as ferramentas de leitura de tela geralmente param de ler o texto neste estágio, cortando-o em momentos inoportunos.
- Não comece com "foto de..." ou "imagem de...". O software de leitura de tela (e, nesse caso, o Google) o reconheceria como uma imagem no código-fonte HTML da postagem.
- Faça uso de palavras-chave, mas com moderação. Se possível, use a palavra-chave do seu artigo em sua alt tag. Caso contrário, use palavras-chave similares, que são os termos mais relevantes dentro de uma palavra-chave de cauda longa. Se a palavra-chave principal do seu artigo for "como usar planogramas", por exemplo, você pode usar "usos de planogramas" em vez de "como usar", já que esse trecho não é de longe o bastante.
- Não coloque sua palavra-chave no texto alternativo de todas as imagens. Inclua a palavra-chave em pelo menos uma de suas fotos se sua postagem incluir uma sequência delas. Escolha a imagem que você acredita que melhor representa o tema e faça dela sua palavra-chave. Em geral, atenha-se a detalhes mais estéticos.
As imagens não devem ser usadas como texto. Este é mais um princípio geral de desenvolvimento web para SEO do que necessariamente uma prática recomendada. Não use imagens no lugar de palavras, pois os mecanismos de pesquisa não são capazes de ler o texto dentro das figuras. Se preciso, use seu texto alternativo para explicar o que a imagem está mostrando.
Adicionando alt tags às imagens do seu site
Agora que você entendeu a importância de uma excelente alt tag como uma ferramenta de SEO, além de aprender como escrever um bom texto alternativo, vamos descobrir como adicionar esse texto às imagens.
Imagens individuais:
1. No editor de sites da Strikingly, navegue até a imagem que deseja editar.
2. Passe o cursor sobre ela e selecione "Editar".
3. Então, clique em "Adicionar ALT Texto" para incluir o seu texto.
4. Por fim, selecione “Salvar”.
Imagens da galeria:
1. No editor de sites, navegue até a seção Galeria.
2. Passe o cursor sobre ela e clique em "Gerir galeria".
3. Então, adicione um título à sua imagem (texto alternativo).
4. Ou/e inclua uma descrição.
5. Por fim, clique em “Salvar”.
Sabemos que usar imagens em artigos aprimora ainda mais o seu conteúdo, e que imagens de alta qualidade são essenciais para o SEO do seu site. Portanto, lembre-se sempre de adicionar ótimo textos alternativos às suas fotos: as alt tags aprimoram a sua mensagem e aumentam a usabilidade da sua página
Crie seu site agora mesmo!
Um texto alternativo funciona melhor quando bem escrito. Mas onde você publicará essas imagens, artigos e postagens que acabou de criar? A resposta é simples: na Strikingly!
A Strikingly tem diversos modelos de sites impressionantes e gratuitos para você escolher: sites de comércio eletrônico, de música, de fotografia e muito mais.
Tudo o que você precisa fazer é escolher aquele que melhor atende às suas necessidades. Então, cadastre-se (é grátis!) e comece a personalizar seus sites de acordo com o seu conteúdo e estilo.
Faça a diferença com o texto alternativo.
Não perca tempo e comece hoje mesmo a aprimorar as alt tags do seu site. Além disso, fique de olho no seu tráfego orgânico após realizar essas mudanças. Quanto mais fotos você aperfeiçoar, mais eficaz será sua estratégia de SEO. Para mais informações, entre em contato com o nosso suporte!
