Acessibilidade na Web e SEO: um guia para publishers

Desperte o Potencial Oculto: Aumente sua Visibilidade Online com Acessibilidade na Web e SEO!


Acessibilidade na Web e SEO

De que adianta encontrar um conteúdo se a experiência no site e a acessibilidade deixam a desejar? Pessoas com deficiência visual, que não podem usar as mãos ou que tenham problemas de audição precisam conseguir acessar as informações disponíveis na Web. Só no Brasil, segundo o Instituto Brasileiro de Geografia e Estatística (IBGE), pessoas com algum tipo de deficiência somam cerca de 45 milhões.

Se você é um parceiro de anúncios da Grumft, seja bem-vindo ao nosso blog. Mas se ainda não é, esperamos que este conteúdo te motive a conhecer nossas soluções exclusivas de programática para publishers, desenvolvedores de aplicativos e anunciantes. Nesse artigo, vamos falar sobre acessibilidade na Web e sua importância para o SEO.

O que é acessibilidade na Web? 

Acessibilidade na Web diz respeito à facilidade com que os usuários com deficiência acessam as informações de um website ou aplicativo. Por exemplo:

  • Deficiência visual total: os sites precisam ser interpretados por programas que leem texto em voz alta e descrevem quaisquer imagens visuais;
  • Deficiência visual parcial ou daltonismo: as páginas da web precisam de fontes de tamanho ajustável e cores contrastantes; 
  • Deficiência auditiva total ou parcial: o conteúdo de áudio deve ser acompanhado por versões em texto do diálogo. O vídeo em linguagem de sinais também pode ajudar a tornar o conteúdo de áudio mais acessível.
  • Deficiência física: assim como os deficientes visuais, pessoas com falta de coordenação, limitações de sensação, distúrbios articulares, como artrite e membros ausentes podem acessar a internet com controladores de voz ou olhar.
  • Deficiência cognitiva, de aprendizagem e neurológica: os textos precisam conter títulos, subtítulos e listas para estruturar as informações, certifique-se de que o comprimento da linha não exceda 70–80 caracteres, use mais espaço em branco na página da Web, que precisa ter consistência de cores, fontes e localizações dos elementos na página da Web, implemente suporte de teclado e ofereça alternativas para conteúdo multimídia.

Por que a acessibilidade na Web é importante?

Tecnicamente, acessibilidade na web significa projetar e desenvolver sites, aplicativos, ferramentas e tecnologias para que pessoas com deficiência possam acessá-los. 

Garantir que a web seja acessível para todos é importante para toda a sociedade, pois beneficia indivíduos e empresas. Esta é a oportunidade de construir produtos significativos que incluam sociedades e culturas em todo o mundo. 

Certamente, ao projetar e codificar sites e aplicativos seguindo as diretrizes de acessibilidade elaboradas pela W3C, comunidade internacional que inclui uma equipe em tempo integral, especialistas do setor e várias organizações membros, você ajuda a tornar a Web mais acessível a pessoas com deficiência. Assim, esses usuários poderão entender, navegar e interagir muito melhor com sua página. 

Nesse sentido, para não ficar dúvidas sobre quanto a acessibilidade na web faz diferença na vida das pessoas, assista o vídeo a seguir:

Acessibilidade na Web e SEO

Acessibilidade na Web e otimização de mecanismos de pesquisa (SEO) tem o objetivo de encontrar conteúdo relevante para os usuários. Como você já sabe, os motores de busca enviam bots que rastreiam sites, indexam e pontuam com base em vários fatores de classificação.

Semelhantemente ao SEO, a tecnologia assistiva (AT) depende de sinais dentro do código que determinam o contexto do que está sendo rastreado. Mas no back-end não há muito trabalho a ser feito para garantir que seu site seja acessível por esses dispositivos de tecnologia assistiva.

Contudo, os fatores essenciais de classificação de SEO já contemplam a maior parte das diretrizes, como títulos de página, cabeçalhos, texto âncora e texto ALT. Por isso, seu foco precisa ser em garantir que os diferentes tipos de AT possam navegar facilmente no seu website ou aplicativo.

Da mesma forma, tanto o conteúdo acessível quanto o conteúdo otimizado para mecanismos de pesquisa são legíveis por máquina. Os mecanismos de pesquisa e as tecnologias assistivas (como leitores de tela) se assemelham, pois ambos contam com estrutura de conteúdo, semântica e funcionalidade para apresentar conteúdo aos usuários ou determinar a relevância do conteúdo.

4 Princípios de Acessibilidade na Web

De acordo com  World Wide Web Consortium (W3C), que desenvolveu a acessibilidade da Web, existem 4 princípios que precisam ser seguidos para criar conteúdo digital acessível. Portanto, se algum dos princípios for violado, o conteúdo não será acessível, especialmente para usuários com deficiência. Esses princípios são: 

  1. Perceptível: O conteúdo deve ser apresentado de forma que os usuários possam acessá-lo com qualquer um de seus sentidos.
  2. Operável: um usuário deve controlar todas as partes do conteúdo por qualquer meio que escolher usar, como teclado, mouse, trackpad e outras tecnologias assistivas (AT).
  3. Compreensível: O formato do conteúdo precisa fazer sentido para o usuário. Isso inclui linguagem, instruções, como usar e assim por diante.
  4. Robusto: Vários dispositivos e tecnologias podem acessar o conteúdo se o aplicativo for robusto. Quando se trata de acessibilidade, aplicativos robustos funcionam bem com várias tecnologias assistivas.

Por que a acessibilidade na Web é importante para SEO?

A acessibilidade da Web desempenha um papel fundamental no SEO, permitindo que o conteúdo seja encontrado e compreendido facilmente por todos, independentemente de qualquer deficiência. 

Por isso, ao seguir os 4 princípios da acessibilidade no seu site, você fornece a melhor experiência do usuário possível e trabalha para aumentar a visibilidade orgânica do seu site.

Inegavelmente, a acessibilidade na Web é tão importante, que o Google recompensa sites que proporcionam uma boa experiência ao usuário. Através do Core Web Vitals, o Google adotou a acessibilidade na Web como um pilar fundamental do Google Page Experience Update.

Boas práticas de SEO que melhoram a acessibilidade

Quando você torna o site acessível pode melhorar o SEO e fornecer uma experiência de usuário melhor. Outro ponto que precisa de atenção, é que o Google também tem diretrizes oficiais e segui-las pode melhorar o desempenho do seu site:

1. Otimize os títulos das páginas  [<title>] 

Os títulos [<title>] ajudam os usuários a entender do que se trata a página da web.

Grande parte das pessoas costumam ter muitas abas abertas no navegador. Otimizar os títulos das páginas ajudam a diferenciá-las sem precisar abrir cada uma delas. Além disso, os leitores de tela usam os títulos das páginas para comunicar aos usuários sobre a página em que estão navegando. Por isso, ao invés de encher de palavras-chave para bots, otimize os títulos pensando no usuário.

2.  Tags de cabeçalho

O uso de tags de cabeçalho é uma parte essencial do SEO.  Quando se trata de tags de cabeçalho, estamos cientes de que a tag <H1> deve ser usada apenas uma vez e deve incluir a palavra-chave principal que estamos segmentando.

As palavras-chave adicionais, ou seja, de <H2> a <H6> são usadas posteriormente para definir a estrutura da página e podem incluir as palavras-chave primárias ou secundárias. Semelhantemente, quando se trata de acessibilidade, é essencial usar apenas uma tag <H1> com a palavra-chave primária e usar as tags de cabeçalho subsequentes, se necessário.

3. Texto ALT

O texto ALT ajuda quando a imagem não carrega. Isso geralmente acontece devido a internet lenta, que dificulta baixar a imagem. Ao inserir um texto ALT, quando um ponto vazio em sua página da Web aparece, o texto alternativo é exibido.

Por isso, ele precisa ser relevante para a imagem e não apenas palavras-chave para ajudar os bots. O texto ALT é outra interseção popular com acessibilidade na web e SEO, lido em voz alta pelos leitores de tela. Outra vantagem do texto ALT é que ele ajuda a obter mais tráfego e cliques da pesquisa de imagens.

4. Escolha um texto âncora descritivo

Na sua opinião, qual das duas opções de hiperlink é melhor?

  1. Para mais detalhes, clique aqui.
  2. Para mais detalhes, confira nosso artigo sobre Acessibilidade na Web e SEO.

A segunda opção é melhor, pois é mais descritiva. Um texto âncora é mais do que um meio de incentivar o usuário a navegar para outra página do site ou para um link externo. Para usar o texto âncora corretamente, você precisa descrever o conteúdo da página para a qual está vinculado, incluir palavras-chave e descrever a finalidade da página. 

Isso porque normalmente quando os leitores de tela percorrem uma página e encontram um link, informam os usuários sobre o texto âncora antes de anunciá-lo. Se o texto âncora for relevante e valioso para o usuário, ele poderá acessá-lo.

5. Sitemaps

Para ajudar os rastreadores de mecanismos de pesquisa a entender melhor o seu site, crie um site map (sitemap.xml). A finalidade desse mapa é listar todas as páginas e arquivos (incluindo imagens) existentes no site. 

Além de ajudar os rastreadores, o sitemap também é útil quando há diversas páginas no site que não estão vinculadas internamente, ajudando os usuários a navegar pelo site e encontrar o conteúdo que estão procurando. Em relação a acessibilidade da Web, o sitemap ajuda a fornecer uma visão geral e uma navegação clara para todas as páginas do site.

6. Breadcrumbs

Também chamado de navegação estrutura, essa técnica é usada em interfaces de usuário para proporcionar um meio de localização dentro da estrutura de programas ou documentos. Por exemplo, um sítio web usando a navegação estrutural traria, normalmente no alto da página, um caminho assim:

Home > Blog > SEO > Acessibilidade na Web > Breadcrumb. E se você quiser voltar ao Blog, basta clicar em Blog na navegação. 

Breadcrumbs servem como uma alternativa para rastrear o caminho que eles percorreram até a página atual. Além de ajudar os usuários a navegarem para a página anterior, também ajuda a navegar para o conteúdo de nível superior.

Até certo ponto, os Breadcrumb são semelhantes ao site map. Eles ajudam os rastreadores de mecanismos de pesquisa e os leitores de tela a entenderem como um site é estruturado.

7. Navegação Web

Se a navegação web for clara, você encontra tudo, especialmente se o seu site tem centenas de páginas. A navegação ajuda os usuários a encontrar o que procura facilmente e auxilia os mecanismos de pesquisa e os leitores de tela a navegar pelo site.

8. Melhore a legibilidade

O objetivo de qualquer conteúdo online é fornecer informação de valor aos leitores. Quando um conteúdo é bom, ele obtém compartilhamentos e engajamentos, ações ótimas para atrair mais usuários para o site. 

Por isso, você precisa escrever conteúdo pensando nos leitores, não apenas nos bots. Para isso, considere os fatores de SEO na página, como o título correto, incluindo a palavra-chave em sua tag H1, o texto ALT, links internos e externos, destaque de palavras-chave e muito mais. Mas um conteúdo legível ajuda a manter o seu material simples e favorece o seu site nos mecanismos de pesquisa.

Faça isso evitando palavras complicadas, alinhe o conteúdo à esquerda, faça lista sempre que possível e assim por diante. Outro ponto crítico da legibilidade é incluir URLs legíveis.  URLs muito longas e cheias de palavras-chave e caracteres especiais dificultam a leitura e não ajudam os rastreadores e os leitores de tela.

Teste de acessibilidade da Web usando o Lighthouse

Uma maneira muito simples de testar a acessibilidade de uma página é usar o Lighthouse. Essa ferramenta de código aberto é usada para melhorar a qualidade das páginas da web e você pode testá-la em qualquer página da Web e gerar um relatório auditado para fatores como desempenho, SEO e acessibilidade.

O relatório fornece um documento de referência para cada auditoria realizada, explicando como corrigir as auditorias que falharam.

Se você baixar o Google Chrome for Desktop, para executar uma auditoria no Chrome DevTools, basta acessar o URL que deseja auditar.

Outras ferramentas para testar a acessibilidade na Web

Além de usar o Lighthouse no Chrome DevTools, existem outras extensões do Chrome e ferramentas que podem ser usadas para testar a acessibilidade na web. As mais populares são: 

Lista de Ferramentas de Avaliação de Acessibilidade na Web

Além das ferramentas apresentadas, a W3C dispõe de uma lista que apresenta mais de 160 ferramentas de avaliação que você pode usar para atender necessidades específicas.

HTML5, Acessibilidade e SEO

O HTML5 fornece a seguinte semântica aprimorada que aumentará a acessibilidade e a precisão do mecanismo de pesquisa:

  • <figure> e <figcaption> para associar imagens e texto descritivo.
  • <nav>, <header>, <footer>, <article> e <aside> para identificar melhor as áreas significativas da página. O ARIA fornece funcionalidade ainda melhorada aqui (especialmente na identificação notavelmente ausente do conteúdo principal da página).
  • <details> e <summary> para associar conteúdo relacionado.
  • Elementos <track> associados com <audio> e <video>.
  • Microformatos, RDFa, microelementos, <time> e muitos recursos semelhantes podem fornecer metadados e funcionalidades úteis.

É possível que o HTML5 alinhe ainda mais o SEO e a acessibilidade da web.

Pensamentos Finais

Para resumir, embora seja difícil de comprovar, existem diversas evidências que a acessibilidade não apenas suporta altas classificações nos mecanismos de pesquisa, mas o Google costuma favorecer páginas que tenham fortes implementações de acessibilidade. 

Ao aplicar essas técnicas de acessibilidade em sites parceiros, percebemos que eles foram altamente favorecidos nos mecanismos de busca. Acima de tudo, conte com a Grumft para apoiá-lo nessa jornada.

Quer receber nossos conteúdos?