Guesty Estamos migrando nossos sites Guesty para uma tecnologia de design totalmente responsiva que utiliza consultas de mídia CSS para alterar o layout, ocultar conteúdo ou exibir diferentes elementos com base no tamanho da tela. Essa é a forma padrão na web de ocultar conteúdo em telas menores ou maiores.
Quando você oculta um widget, uma seção ou qualquer conteúdo no Guesty editor em um dispositivo específico, utilizamos consultas de mídia CSS. Isso significa que o HTML (embora oculto no site) ainda existe na página quando o visitante visualiza o conteúdo.
Isso pode, às vezes, causar um problema em que uma ferramenta de auditoria que analisa o site identifique esse conteúdo oculto, mesmo que você pensasse que ele havia sido removido da página.
Design Web Responsivo (RWD)
Os padrões de Design Responsivo (RWD) são usados para adaptar a página da web ao tamanho do dispositivo que a visualiza. Isso é feito por meio de Media Queries, que detectam o tamanho da tela e permitem estilizar a página de acordo com esse tamanho. Como as Media Queries dependem de estilos, isso significa que, se você ocultar um widget, seção, vídeo etc. em um determinado tamanho de tela, ele ainda estará presente no HTML da página, mas oculto por meio de estilos no CSS. Essa é uma prática muito comum na web.
Ao redimensionar uma tela, conteúdo que estava oculto anteriormente pode se tornar visível, portanto, esse conteúdo já deve existir na página da web.
SEO e conteúdo oculto
Algumas pessoas temem que mecanismos de busca como o Google encontrem conteúdo oculto e o indexem. É importante saber que isso não acontece. O Google (e outros mecanismos de busca populares) consegue identificar se determinado conteúdo está oculto e, portanto, não o indexa. O Google utiliza uma indexação mobile-first, na qual rastreia o site usando um dispositivo móvel. Portanto, certifique-se de que o layout para dispositivos móveis contenha todo o conteúdo que você espera que o Google consiga indexar e encontrar.
Alguns exemplos de conteúdo oculto, porém ainda assim otimizado para SEO.
Ter um widget H1 diferente para cada tamanho de tela.
Embora você veja apenas um widget H1 por tamanho de tela, os três estarão presentes no código. Os widgets H1 adicionais são ocultados por meio de media queries e estilos, de forma que apenas um fique visível em cada tamanho de tela. Neste exemplo, uma ferramenta de auditoria pode reportar isso como conteúdo duplicado (os mecanismos de busca não o identificarão como tal). Contanto que você possa confirmar que apenas uma tag H1 está visível em cada tamanho de tela, não há problema.
Colocar um botão nas telas de desktop e tablet e um ícone na tela do celular.
Ambos os widgets estarão no código e serão ocultados no tamanho de tela correspondente usando media queries e estilos.
Ocultar uma seção em todos os tamanhos de tela porque você ainda não está pronto para publicá-la.
A seção ainda estará presente no código, mas será ocultada por meio de estilos em todos os tamanhos de tela.
Utilizando widgets que exibem uma determinada quantidade de conteúdo por vez, como controles deslizantes, abas e widgets de acordeão.
Todos esses tipos de widgets possuem conteúdo oculto, embora o conteúdo seja facilmente acessível por meio de pistas visuais (os mecanismos de busca detectam a presença de pistas visuais).
Por que as ferramentas de auditoria podem ver o conteúdo?
Embora os algoritmos dos mecanismos de busca apliquem a formatação e, portanto, ignorem o conteúdo oculto, os rastreadores (ou bots) usados pelas ferramentas de auditoria podem não ser tão sofisticados quanto o Google e não aplicarão essa formatação, analisando apenas o conteúdo bruto da página. Isso pode fazer com que eles "vejam" conteúdo que não está realmente visível no site.
Quando o conteúdo oculto é um problema
Se uma tática enganosa for usada para ocultar conteúdo, isso pode ser prejudicial ao SEO. Um exemplo de tática enganosa é inserir palavras-chave repetidas em um site para obter vantagem no ranking e ocultá-las, definindo o tamanho da fonte para 0 ou camuflando o texto (tornando-o da mesma cor do fundo) para que não seja visível ao visitante do site. Os algoritmos dos mecanismos de busca são inteligentes o suficiente para reconhecer isso e podem penalizar os sites que utilizam essa prática.