A Duda está mudando nossos sites para uma tecnologia de design totalmente responsivo, que usa consultas de mídia CSS para alterar o layout, ocultar conteúdo ou mostrar elementos diferentes com base no tamanho da tela. Essas são as normas da web para como o conteúdo é ocultado de acordo com o tamanho da tela.
Quando você oculta um widget, uma seção ou qualquer conteúdo no editor da Duda em um aparelho específico, nós usamos o CSS Media Queries para executar a tarefa. Com isso, o HTML (ainda que oculto no site) ainda existe na página da web quando alguém olha o conteúdo.
Às vezes, isso causa um problema no qual uma ferramenta de auditoria que escaneia o site identifica o conteúdo oculto, mesmo que você ache que ele tenha sido excluído da página.
Web design responsivo (WDR)
As normas para o web design responsivo (WDR) servem para se adaptar a página da web com base no tamanho do aparelho que mostra a página. Esse processo depende das consultas de mídia, que detectam a tela para você ajustar a página com base no tamanho da tela. Como as consultas de mídia dependem dos estilos, se você ocultar um widget, seção, vídeo, etc. em uma tela de determinado tamanho, ele continua no HTML da página, mas oculto de acordo com nosso estilo no CSS. Essa prática é muito comum na web.
Quando o tamanho da tela muda, o conteúdo que já estava oculto pode ficar visível; assim, o conteúdo já deveria existir na página da web.
SEO e conteúdo oculto
Algumas pessoas temem que buscadores como o Google encontrarão conteúdo e indexarão algum oculto. Isso não acontece. O Google (e outros principais buscadores) podem identificar se determinados conteúdos estão ocultos e não indexar. O Google usa um índice que prioriza a versão móvel, que rastreia o site com um aparelho móvel. Portanto, você deve conferir de o layout para versão móvel tem todo o conteúdo que o Google deve ser capaz de indexar e descobrir.
Alguns exemplos de conteúdo oculto e otimizado para SEO
Um widget H1 diferente na tela de cada tamanho.
Você só vê um widget H1 por tamanho, mas todos os três são encontrados no código. Os demais widgets H1 são ocultos após consultas de mídia e estilo, de modo que apenas um fique visível em cada tamanho de tela. Neste exemplo, uma ferramenta de auditoria também pode detectar isso como conteúdo duplicado (ao contrário dos buscadores). Desde que você confirme que há apenas uma tag H1 visível em cada tamanho de tela, não há problema.
Botão nas telas de desktop e tablet; e ícone nos aparelhos móveis.
Ambos os widgets estarão no código e serão ocultados de acordo com as telas via consultas de mídia e estilos.
Ocultar uma seção em todas as telas porque ela ainda não está pronta.
A seção ainda estará no código, mas ficará oculta com o estilo nas telas de todos os tamanhos.
Usar widgets que mostram uma certa quantidade de conteúdo de cada vez, como controles deslizantes, abas e widgets de acordeão.
Esses tipos de widget têm conteúdo oculto, embora o conteúdo seja facilmente acessível graças a elementos visuais que os buscadores detectam.
Por que as ferramentas de auditoria enxergam o conteúdo
Os algoritmos dos buscadores ajustam o estilo e ignoram o conteúdo oculto, mas as ferramentas de auditoria dos rastreadores (ou bots) podem não ser tão sofisticadas quanto o Google. Por isso, eles não seguem o estilo e trabalham com o conteúdo bruto da página. Com isso, eles “enxergam” o conteúdo invisível no site.
Quando o conteúdo oculto é um problema
Se for usada uma tática enganosa para ocultar o conteúdo, a SEO pode sair prejudicada. Um exemplo de tática enganosa é repetir palavras-chave no site para fins de classificação e ocultá-las (fonte com tamanho 0 ou texto camuflado com mesma cor do fundo) para deixar invisível ao visitante do site. Os algoritmos dos buscadores reconhecem essa tática e podem penalizar os sites que a utilizam.
Esse ato deliberado é realizado por uma pessoa; a tecnologia da Duda não é capaz de fazer isso.