Como aumentar a acessibilidade do seu site + SEO 2019
AcessibilidadeLiderançaMarketingSeoTecnologia
Localizando o local onde a acessibilidade e o SEO coexistem alegremente
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.
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.
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
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
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
fornecem uma rápida compreensão dos detalhes em cada seção . É importante que a acessibilidade do site e o SEO atinjam essas tags.
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
Evite pular as tags de cabeçalho ao descer em ordem na página de um site. Por exemplo, não pule de
. Nota: não há problema em pular tags de cabeçalho ao subir na ordem (
), 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.
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.
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.
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.
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.
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.
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.
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. "
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.
como aprender a cozinhar legiãocomo mudar a cor da barra de navegação em materializarcomo desbloquear o desejo htccomo registrar o senhor da montanhacomo chutar um cara nas bolascomo beijar péscomo recuperar um mundo minecraft excluídocomo usar o drama do tribunal para ganhar casos
Como ser um blogueiro de comida para gatosComo corrigir uma mentalidade negativaComo criar aplicativos Golang conectáveis ​​e se beneficiar das Camadas da AWS Lambda.Como trabalhar em rede no LinkedIn (sem parecer um idiota total).Como escolher a arquitetura iOS apropriada (parte 2)Como estruturar um projeto Vue.jsVislumbre tardio do óbvio: algumas reflexões sobre como ser uma mulher na cozinhaComo tornar qualquer aplicativo NodeJS sem servidor