Executando verificação de segurança...
1
deMenezes
1 min de leitura ·

O enigma do visually-hidden: mestre da acessibilidade ou sabotador de SEO?

Vamos começar indo um pouco além do display:none.

Você já usou essa técnica de visually-hidden?

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  -webkit-clip: rect(0 0 0 0);
  clip: rect(0 0 0 0);
  overflow: hidden;
  word-wrap: normal;
}

Lembrou? Não? Ela faz a mesma coisa que a classe sr-only do Tailwind CSS .

Elas têm o mesmo objetivo: ocultar um elemento visualmente, e deixá-lo disponível apenas para leitores de tela e SEO. E no fim, melhorar a acessibilidade.

Porém isso pode ter um impacto direto no SEO. O Google não vai muito com a sua cara quando você mostra algo para os motores de busca mas oculta dos usuários. E isso pode punir o seu site no rankeamento das pesquisas.

um quadro sendo pulverizado e sumindo aos poucos

Escrevi um post sobre isso no meu blog falando sobre:

  • O que faz o visually-hidden
  • A técnica black hat de SEO chamada cloaking
  • A semelhança entre visually-hidden e cloaking
  • O impacto de tudo isso no SEO
  • Como proteger seu site de ser punido ou banido pelo Google

Deixei o link aqui embaixo na fonte:

Fonte: https://demenezes.dev/posts/visually-hidden-seo/

Carregando publicação patrocinada...
2
Pilati

Porém isso pode ter um impacto direto no SEO. O Google não vai muito com a sua cara quando você mostra algo para os motores de busca mas oculta dos usuários. E isso pode punir o seu site no rankeamento das pesquisas.

O google fala que essa técnica é expressamente proibida, trata isso como envenenamento de SEO e seu ranking vai pro espaço

1
1
Pilati

Os sistemas automatizados do Google ajudam a proteger contra materiais inadequados. Os resultados da pesquisa devem ser úteis, relevantes e limitar as respostas de spam. Podemos remover manualmente conteúdo que viole as políticas de conteúdo do Google após uma análise caso a caso dos nossos especialistas treinados. Também podemos rebaixar um site, por exemplo, quando encontramos um grande volume de violações de conteúdo do regulamento nele.
Fonte

E falando mais sobre esconder conteúdo:

Cloaking significa apresentar diferentes conteúdos para os usuários e os mecanismos de pesquisa com a intenção de manipular as classificações de pesquisa e enganar os usuários. Exemplos de cloaking:

  • Mostrar uma página sobre destinos de viagem para os mecanismos de pesquisa e exibir uma página sobre medicamentos com desconto para os usuários
  • Inserir texto ou palavras-chave em uma página somente quando o user agent que solicita a página for um mecanismo de pesquisa, não um usuário que visita o site
    Fonte