Como aumentar a acessibilidade do seu site + SEO

Localizando o local onde a acessibilidade e o SEO coexistem alegremente

Não é um mito - existem algumas áreas em que SEO e acessibilidade podem se cruzar. Crédito: Unsplash

Otimização para mecanismos de busca (SEO) e acessibilidade a sites não são a mesma coisa. Existem regras diferentes a serem seguidas, diferentes públicos a serem segmentados e diferentes maneiras de testar a eficácia de cada um.

A otimização do seu site para robôs de mecanismo de pesquisa não significa que ele também será automagicamente acessível para pessoas reais. Algumas práticas de SEO podem até prejudicar a acessibilidade do seu site.

No entanto, nem tudo são más notícias, existem algumas áreas em que os dois mundos se sobrepõem. Se você tiver um orçamento e / ou prazo limitados para um projeto, a segmentação dessas seis áreas * poderá aumentar simultaneamente a acessibilidade do site e do SEO.

* Nota: o foco deste artigo está nas áreas de sobreposição. Cada tarefa específica em cada área abaixo pode ter como alvo mais o SEO, algumas tarefas podem ter como alvo a acessibilidade.

Aviso: o barbudo barbeiro da pizza hipster caçará você e forçará você a beber uma bebida artesanal que ele fez na banheira, se você subestimar a importância da interface do usuário para a acessibilidade do site e SEO. Crédito: Unsplash

Assuntos de estrutura

Não subestime o poder de uma boa interface do usuário. Sites com interfaces limpas, claras e consistentes são particularmente bons para bots de mecanismos de pesquisa e pessoas que usam dispositivos de tecnologia assistida ou que usam apenas um teclado. Pense nisso - se um usuário ou bot não consegue encontrar uma página, como eles podem ler ou interagir com ela? Você precisa facilitar a localização de páginas e a interação com o site.

Melhores práticas

  • Construa seu layout de navegação e página de uma maneira clara e consistente e tenha várias maneiras de encontrar conteúdo (por exemplo, pesquisa, mapa do site, sumário). Bots de mecanismo de pesquisa, como uma arquitetura de site bem organizada, o que os leva a indexar seu conteúdo de maneira mais significativa.
  • Se o seu site for difícil de navegar ou usar, isso poderá afetar as estatísticas analíticas do usuário, incluindo o tempo no site, as páginas visualizadas e a taxa de rejeição. Por sua vez, isso pode prejudicar seu ranking de SEO. No mínimo, isso irritará seus usuários.
  • Evite usar CSS ou outra marcação estilística para transmitir significado. Você nunca deve "falsificar" um elemento que deveria estar usando a marcação HTML.
  • Quando apropriado, use elementos acessíveis da página HTML 5, como
    ,
    ,
    ,
    . Esses elementos são mais descritivos para os robôs dos mecanismos de pesquisa e os dispositivos de tecnologia assistida, em seguida, os elementos simples
    ou

    .

Tags, tags, em todos os lugares tags. Etiquetas de embalagem artesanal de vários tamanhos e cores. Crédito: Unsplash

Uso adequado de tags

O conteúdo do seu site pode ser resumido à marcação HTML, incluindo tags usadas nos títulos da sua página (para não confundir com as tags

). Navegar pelas tags

e

pode fornecer ao usuário ou ao bot do mecanismo de pesquisa uma visão geral de uma página e como seu conteúdo é estruturado, enquanto as tags

a

fornecem uma rápida compreensão dos detalhes em cada seção . É importante que a acessibilidade do site e o SEO atinjam essas tags.

Melhores práticas

  • Mantenha as tags de título consistentes e não apenas estilize o texto para dar a aparência visual dos títulos - use as tags de título reais. Caso contrário, os robôs e os usuários dos mecanismos de pesquisa não saberão qual conteúdo é mais importante.
  • As tags de cabeçalho devem estar em ordem. Isso significa que um

    é seguido por um

    , um

    é seguido por um

    ou

    e assim por diante.

  • Evite pular as tags de cabeçalho ao descer em ordem na página de um site. Por exemplo, não pule de

    para

    . Nota: não há problema em pular tags de cabeçalho ao subir na ordem (
    a

    ), se você estiver iniciando uma nova seção da página.

  • É uma prática recomendada ter apenas um

    por página. Pense nas tags

    como essencialmente "tags de título da segunda página" que enviam um sinal de relevância para os robôs dos mecanismos de pesquisa.

A prática leva à perfeição. O atleta apoia os sapatos brancos da Adidas na cerca de arame. Crédito: Unsplash

Aperfeiçoe seus links

Os links podem criar ou quebrar um site para robôs de busca e pessoas que usam dispositivos de tecnologia assistida, como leitores de tela. Depois de revisar os títulos das páginas, os links são o próximo elemento principal que os usuários e os rastreadores costumam observar, portanto, é essencial que seus links sejam os mais perfeitos possíveis.

Melhores práticas

  • Verifique se você não tem links quebrados. Isso pode ser visto como um sinal de um site negligenciado ou abandonado para SEO. Também é uma prática ruim de acessibilidade do site que pode frustrar / confundir seus usuários.
  • Use links internos do tipo de marcação, mas não exagere. De acordo com o Yoast.com: “melhora o seu SEO, relacionando uma parte do conteúdo a outra e, mais especificamente, um grupo de postagens entre si.” Ele também permite aos usuários acesso fácil a conteúdo semelhante com um clique.
  • Forneça o texto descritivo do link. Evite usar frases como clique aqui e leia mais. Se você preferir usar essas frases, poderá mantê-las * se * adicionar informações adicionais do link usando métodos ARIA ou ocultos visualmente.
  • Ignore a adição de atributos descritivos do título aos seus links (o texto que aparece quando você passa o mouse sobre um link). Não é necessariamente errado adicionar títulos de links, mas é indiscutivelmente não muito útil para a acessibilidade de SEO ou site.
Diga queijo! Mulher de camisa floral rosa, segurando a câmera retro da Nikon. Crédito: Unsplash

Otimização de imagem

Embora os robôs de mecanismos de pesquisa e as pessoas que usam leitores de tela não possam "ver" no sentido tradicional, ambos confiam nos nomes das imagens e no texto alternativo para lhes dizer o que a imagem está representando. Ter esses elementos no lugar é essencial para complementar o conteúdo circundante e para a experiência geral do usuário.

Melhores práticas

  • Seja o mais consistente e preciso possível ao nomear suas imagens. Por exemplo, não nomeie seu arquivo como brown-puppy.jpg para obter uma foto de um gato malhado laranja.
  • Evite usar caracteres não-alfa (ex. 7,%, &, $) e use traços entre as palavras, em vez de sublinhados nos nomes das imagens ou no texto alternativo. Por exemplo, escreva orange-tabby-cat.jpg e não 0r @ nge_t @ 66y_c @ t! .Jpg
  • Mantenha o seu texto alternativo com menos de 125 caracteres. Se você precisar de mais caracteres, use o texto da legenda ou descreva melhor a imagem na área de texto principal da página.
  • Escreva um texto alternativo como um humano e não um robô. O preenchimento de palavras-chave não beneficia ninguém - as pessoas que usam o leitor de tela ficam irritadas e os bots dos mecanismos de pesquisa o penalizam. Apenas não faça isso.
Faça sua mídia funcionar para bots e humanos. Close-up do toca-discos giratório. Crédito: Unsplash

Complemente sua mídia

Pessoas com deficiências visuais (por exemplo, distúrbios convulsivos, cegos), deficiências auditivas (por exemplo, surdas, com deficiência auditiva), deficiências situacionais / temporárias, pessoas com conexões ruins de largura de banda e muitas outras pessoas podem se beneficiar muito da mídia exibida em um ambiente acessível maneira. Da mesma forma, os robôs de mecanismo de pesquisa são "desativados" por não terem olhos, ouvidos ou mãos; portanto, essa é uma área em que a acessibilidade do site e do SEO tem alguma sobreposição decente.

Melhores práticas

  • Menos é mais. Limite o uso de componentes de mídia complicados (por exemplo, apresentações de slides, vídeos) em seu design sempre que possível. Sem medo ... existem opções alternativas de layout.
  • Adicione descrições e marcações de texto claras, completas e concisas à mídia essencial. Pense duas vezes em manter a mídia não essencial.
  • Todos os vídeos e apresentações de slides devem ter um botão de reproduzir / pausar se o avanço for automático - mas nunca inicie automaticamente. Idealmente, todos os controles de mídia devem estar acessíveis.
  • Forneça maneiras alternativas de acessar sua mídia. Por exemplo, tenha transcrições e / ou legendas para vídeos; crie uma transcrição para um arquivo somente de áudio; adicione um arquivo formatado em braille à sua mídia. Existem muitos tipos diferentes de formatos alternativos disponíveis para seu uso.
O conteúdo é rei. Recipiente de letras maiúsculas de vários tamanhos e famílias de fontes. Crédito: Unsplash

Organize seu conteúdo

Por fim, mas não menos importante, depois de abordar a estrutura geral do site, tags de cabeçalho, links, imagens e outras mídias, a próxima etapa é focar no conteúdo real. Como cada site é um floco de neve exclusivo, há muita variabilidade no conteúdo de um site para outro. O que funciona para alguns usuários em alguns sites pode não funcionar para você e seu site. A chave é escrever o melhor conteúdo possível e manter o mantra de criação de conteúdo do Google em mente:

“Pense no que torna seu site único, valioso ou atraente. Faça seu site se destacar dos outros em seu campo. ”

Melhores práticas

  • Limite a duração de cada parágrafo a aproximadamente três frases e segmente um nível de nota de leitura consistente com seu público. Idealmente, tanto para acessibilidade do site quanto para fins de SEO, você deve procurar o nível da 9ª série.
  • Não use tags em negrito e itálico para destacar as palavras; use forte e ênfase. Visualmente, eles se parecerão, mas os leitores de tela (no modo correto) enfatizarão as palavras entre as tags e , enquanto ignoram completamente ou apenas alteram ligeiramente as tags e .
  • Não duplique seu conteúdo. Os bots dos mecanismos de pesquisa notarão e penalizarão você. Seus usuários ficarão confusos.
  • Marcadores e listas numeradas ajudam a dividir seu conteúdo para os leitores, tornando-os mais fáceis de usar. Bônus: algumas pesquisas indicam que os robôs dos mecanismos de pesquisa preferem conteúdo com marcadores e números sobre texto simples.

❤ Se você gostou deste artigo, mostre seu apoio clicando no ícone de palmas (quantas vezes quiser), compartilhando a história nas mídias sociais e seguindo-me no Medium ou no Twitter! Obrigado e boa leitura❤

Esta história foi publicada na The Startup, a maior publicação de empreendedorismo do Medium, seguida por mais de 273.971 pessoas.

Inscreva-se para receber nossas principais notícias aqui.