Se você trabalha ativamente na otimização do seu site para mecanismos de busca , provavelmente já utilizou a Google Lighthouse , que oferece insights sobre como melhorar o desempenho das suas páginas. Um dos erros comuns destacados pelo Lighthouse é que "os links não possuem um nome identificável".
Este erro está destacado na seção 'SEO' do relatório de auditoria e está relacionado à melhoria da experiência do usuário em seu site.
Neste artigo, veremos como corrigir esse erro do Google Lighthouse. Mas, antes disso, aqui está uma breve descrição da ferramenta Google Lighthouse.
Resumo: Solução rápida para rótulos de links pouco claros
- O Google Lighthouse sinaliza links que não possuem texto significativo, o que pode prejudicar a acessibilidade e a experiência do usuário.
- Substitua frases vagas como "clique aqui" por textos de link claros e descritivos que expliquem o destino.
- Adicione texto alternativo relevante para imagens clicáveis para que as tecnologias assistivas possam entender sua finalidade.
- Utilize atributos como aria-label para ícones, botões ou elementos dinâmicos para torná-los acessíveis e fáceis de interpretar.
O que é o Google Lighthouse?
Sendo um software de código aberto, o Lighthouse é uma ferramenta gratuita do Google que ajuda a auditar páginas da web e fornece sugestões úteis sobre como melhorá-las.
Os cinco parâmetros que a ferramenta Google Lighthouse utiliza para auditar um site são: desempenho, acessibilidade, SEO, boas práticas e aplicativo web progressivo (PWA).
![farol do google](https://seahawkmedia.com/wp-content/uploads/2022/07/google-lighthouse.png "Como corrigir o erro "Os links não possuem um nome discernível"? 78")
Com base nesses parâmetros, oferece sugestões para melhorar o desempenho geral do site. Vamos dar uma olhada rápida em cada um desses parâmetros.
Desempenho
A auditoria de desempenho do Lighthouse mede a velocidade de carregamento das páginas de um site . Ela avalia a rapidez com que o site carrega e o quão bem otimizado ele está para os usuários. A pontuação de desempenho é dividida em três categorias: 0-49, 50-89 e 90-100.
Uma pontuação entre 90 e 100 indica que o site está bem otimizado. Qualquer valor abaixo de 90 significa que o site precisa de melhorias. O Lighthouse destaca os problemas e fornece sugestões para melhorar o desempenho do site .
Acessibilidade
Este parâmetro mede a acessibilidade de um site para pessoas que utilizam tecnologias assistivas. Quando os links não possuem um nome legível, os botões não são bem descritos ou as imagens não incluem texto alternativo (alt text), isso pode dificultar o acesso ao site para pessoas com visão limitada ou cega.
No relatório de auditoria de acessibilidade, o Lighthouse atribui uma pontuação ao site numa escala de 0 a 100. Novamente, uma pontuação mais alta indica maior acessibilidade. A ferramenta também fornece sugestões para melhorar a acessibilidade.
Leia : Conformidade do WordPress com as diretrizes de acessibilidade WCAG
Otimização para mecanismos de busca
Do ponto de vista de SEO, esta ferramenta analisa o SEO técnico de um site. Embora não ofereça um relatório de auditoria de SEO completo, ela destaca erros críticos que precisam ser corrigidos.
Algumas das coisas que ele analisa são:
- Dados estruturados válidos
- Links com texto descritivo
- robots.txt válido
- Responsividade e indexabilidade da página web.
- Meta tags – título e descrição
- Imagens e texto alternativo das imagens
- Rastreabilidade de links internos
Verificações de melhores práticas
Este parâmetro analisa os padrões de desenvolvimento web utilizados para construir um website ou página web. O relatório de auditoria de melhores práticas atribui uma pontuação de 0 a 100 e destaca os problemas que precisam ser corrigidos.
A ferramenta ajuda a determinar se as páginas da web são ou não:
- Livre de erros de navegador e frameworks e APIs obsoletos
- Carregando recursos de servidores seguros com HTTPS
- Utilizar a proporção correta para as imagens
- Seguro contra ataques de cross-site scripting (XSS).
- Protegido contra vulnerabilidades em bibliotecas JavaScript.
Se você deseja criar um site que siga as melhores práticas e não apresente falhas, entre em contato com uma empresa de desenvolvimento WordPress
Leia : Problemas técnicos comuns de SEO e boas práticas
Aplicativo Web Progressivo (PWA)
O relatório final de auditoria do Google Lighthouse ajuda a validar a aplicação web. Ele verifica se a aplicação web é rápida e confiável, e se oferece uma experiência de usuário otimizada.
A ferramenta verifica se o aplicativo web é fácil de instalar em vários dispositivos e se oferece funcionalidade offline e notificações push. Também verifica se os aplicativos web progressivos estão otimizados e configurados, e se redirecionam todo o tráfego HTTP para HTTPS.
Este relatório de auditoria atribui um selo de PWA com base no desempenho do aplicativo web em diferentes fatores. O Google Lighthouse também fornece sugestões úteis para melhorar o desempenho do aplicativo web.
Chegou a hora de enfrentar e corrigir aqueles erros de SEO mais complicados!
Embarque conosco em uma jornada incrível rumo ao sucesso em SEO e transforme o desempenho do seu site com a nossa expertise!
O que significa 'Links não têm um nome discernível'?
Embora a afirmação "os links não possuem um nome discernível" seja bastante autoexplicativa, aqui está um exemplo que fornecerá algum contexto.
Exemplo 1
<h3>Quer verificar a velocidade do seu site?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Clique aqui</a></li>Exemplo 2
<h3>Quer verificar a velocidade do seu site?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Use nossa ferramenta gratuita para verificar a velocidade do seu site.</a></li>Qual dos dois exemplos sinalizaria o erro "os links não têm um nome discernível"?
Se você disse Exemplo 1, você está absolutamente certo!
Em resumo, o Google afirma que você deve usar textos descritivos ou extremamente explícitos para todos os links e botões do seu site. O texto deve indicar claramente ao usuário o que acontecerá se ele clicar nele. Por exemplo , o exemplo 2 afirma claramente: "Use esta ferramenta gratuita para verificar a velocidade do seu site."
O Google tem como foco aprimorar a experiência do usuário. Portanto, ao manter o texto dos seus links, botões e imagens descritivo, você estará seguindo as diretrizes do Google, o que pode ajudar a melhorar o desempenho do seu site nos resultados de busca.
Como corrigir o erro "Os links não possuem um nome discernível"?
Se a sua auditoria de teste de links falhar no Google Lighthouse, a seguinte mensagem de erro será exibida na seção 'SEO'
![erro de nome não discernível](https://seahawkmedia.com/wp-content/uploads/2023/06/Links-do-not-have-descriptive-text.png "Como corrigir o erro "Os links não possuem um nome discernível"? 79")
Fonte da imagem : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Para evitar esse erro, você deve seguir as melhores práticas recomendadas pelo Lighthouse, como:
- Ao escrever o texto do link, mantenha-se fiel ao tema da página web ou da publicação no blog. Evite textos que não estejam relacionados ao conteúdo da página.
- Certifique-se de que a descrição do link seja curta e precisa. Use frases curtas.
- Evite usar o URL da página como descrição do link.
- Certifique-se de que seus links internos contenham texto descritivo. Isso facilitará a navegação para os usuários e para os robôs dos mecanismos de busca.
Outras dicas para corrigir o erro "os links não têm um nome discernível" são:
Adicionar nome descritivo aos hiperlinks de texto
Conforme mencionado no exemplo acima, textos com hiperlinks, como "clique aqui" ou "saiba mais", não são considerados suficientemente descritivos pelo Google, pois não especificam a finalidade para os usuários.
O usuário deve ser capaz de determinar a finalidade do link apenas pelo texto, conforme descrito abaixo. Isso melhora a experiência do usuário e reduz a taxa de rejeição .
<h3>Quer verificar a velocidade do seu site?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Use nossa ferramenta gratuita para verificar a velocidade do seu site.</a></li>A ferramenta Google Lighthouse listará as páginas da web com o erro "os links não têm um nome discernível". Tudo o que você precisa fazer para corrigir esse erro é adicionar um texto breve e descritivo dentro das tags HTML
Adicionar texto ALT às imagens com hiperlinks
Para imagens com hiperlinks, adicione um atributo alt que explique a finalidade do link. Como as imagens não possuem texto na tela (como os hiperlinks de texto), o texto alternativo da imagem descreve o que acontecerá ou para qual página o usuário será direcionado ao clicar na imagem.
Por exemplo, na imagem abaixo, o atributo alt está definido como “W3Schools.com”. Assim, quando um usuário passa o cursor sobre a imagem, ele sabe exatamente para onde será direcionado ao clicar nela.
![hiperlink-imagens](https://seahawkmedia.com/wp-content/uploads/2023/06/hyperlinks-to-images-1024x252.png "Como corrigir o erro "Os links não possuem um nome discernível"? 80")
Fonte da imagem : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Mantenha o texto alternativo da imagem simples e conciso. Não é necessário descrever a imagem; basta especificar sua finalidade para corrigir o erro "os links não têm um nome discernível" para imagens.
Adicione nomes facilmente identificáveis a links com conteúdo complexo
Para elementos complexos e dinâmicos ou conteúdo não textual, você precisa adicionar o atributo aria-label ao link. Isso tornará o link mais acessível, especialmente para usuários de tecnologias assistivas.
Exemplo : Um botão de fechar (X) em uma caixa pop-up
<div id="box">Esta é uma janela pop-up. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>No exemplo acima, ao clicar no link, uma janela pop-up (uma div) será exibida. O elemento 'fechar' é um botão com apenas a letra 'X'.
Aqui, aria-label=”close” fornece um nome identificável para o botão (X).
Considerações finais
Corrigir o erro "os links não têm um nome discernível" é bastante simples. O Google Lighthouse destaca esse erro em seu relatório de auditoria de SEO.
Depois de identificar as páginas da web que não possuem um nome legível no link, você pode corrigir o problema adicionando um texto descritivo dentro da tag HTML. Para imagens com hiperlink, adicione um texto alternativo (alt text). Já para elementos dinâmicos, ícones e conteúdo não textual, você pode usar o atributo aria-label.
Erros técnicos de SEO podem não apenas prejudicar o desempenho do seu site, mas também levar a uma experiência ruim para o usuário. Além disso, podem impedir que os mecanismos de busca indexem seu site corretamente, afetando seu posicionamento nos resultados de pesquisa.
Para melhorar a experiência do usuário e o desempenho do seu site, identifique e corrija imediatamente os problemas comuns de SEO. Ou, se precisar de ajuda, você sempre pode entrar em contato com um provedor de serviços de SEO gerenciados .
Perguntas frequentes sobre o erro "Os links não têm um nome discernível"
O que significa quando uma ligação não é discernível?
Significa que o link não contém um texto claro ou significativo. Quando o texto do link e as descrições alternativas estão ausentes ou são vagas, as tecnologias assistivas não conseguem determinar sua finalidade. Adicionar nomes acessíveis no código ajuda a criar links discerníveis e melhora a experiência de navegação para usuários de leitores de tela.
Como posso resolver problemas com textos de links pouco claros em um site?
Use palavras descritivas no texto âncora em vez de frases genéricas. Certifique-se de que cada link apareça com um contexto significativo. Uma solução simples em código é atualizar o texto do link ou adicionar atributos aria para que cada elemento tenha nomes únicos e acessíveis para receber foco
Por que o texto alternativo para imagens é importante em links?
Se uma imagem servir como um link clicável, ela deverá incluir um texto alternativo. Esse texto alternativo define a finalidade do link para leitores de tela e garante que ele permaneça acessível mesmo se o elemento visual for ocultado devido a alterações de estilo ou layout.
Como nomes acessíveis melhoram a navegação?
Nomes acessíveis ajudam os usuários a entender para onde um link leva. Quando os links são identificáveis, únicos e permitem selecionar um alvo, isso melhora a experiência de navegação para usuários de leitores de tela e facilita o acompanhamento da estrutura da página.
Como os desenvolvedores podem corrigir esse problema no código?
Os desenvolvedores podem atualizar o trecho de HTML adicionando texto descritivo ao link, rótulos ARIA ou atributos alternativos. Uma pequena alteração em uma linha de código no tema pode resolver o problema e melhorar a acessibilidade.
