Guesty Estamos migrando nuestros Sitios web Guesty a una tecnología de diseño totalmente adaptable que utiliza consultas de medios CSS para cambiar el diseño, ocultar contenido o mostrar diferentes elementos según el tamaño de la pantalla. Esta es la forma estándar en la web de ocultar contenido para pantallas más pequeñas o más grandes.
Cuando ocultas un widget, una sección o cualquier contenido en el Guesty en un dispositivo específico, lo ocultamos mediante consultas de medios CSS. Esto significa que el HTML (aunque oculto en el sitio web) sigue existiendo en la página cuando un usuario consulta el contenido.
A veces, esto puede causar un problema en el que una herramienta de auditoría que escanea el sitio web identificará este contenido oculto, incluso si usted pensaba que se había eliminado de la página.
Diseño web adaptable (RWD)
Los estándares de Diseño Web Adaptativo (RWD) se utilizan para adaptar la página web al tamaño del dispositivo que la está visualizando. Esto se basa en consultas de medios, que detectan el tamaño de la pantalla y permiten aplicar estilos a la página según dicho tamaño. Dado que las consultas de medios se basan en estilos, si se oculta un widget, una sección, un vídeo, etc., en un tamaño de pantalla, seguirá estando en el HTML de la página, pero oculto mediante estilos en el CSS. Esta es una práctica muy común en la web.
Cuando se cambia el tamaño de una pantalla, es posible que se vuelva visible contenido que antes estaba oculto, por lo que dicho contenido ya debe existir en la página web.
SEO y contenido oculto
A algunas personas les preocupa que motores de búsqueda como Google encuentren contenido oculto y lo indexen. Debe saber que esto no es así. Google (y otros motores de búsqueda populares) pueden identificar si cierto contenido está oculto y no indexarlo. Google utiliza un índice móvil, donde rastrea el sitio web desde un dispositivo móvil. Por lo tanto, debe asegurarse de que el diseño móvil incluya todo el contenido que espera que Google pueda indexar y descubrir.
Algunos ejemplos de contenido oculto, pero aun así optimizado para SEO
Tener un widget H1 diferente en cada tamaño de pantalla.
Aunque solo podrá ver un widget H1 por tamaño de pantalla, los tres estarán en el código. Los widgets H1 adicionales se ocultan mediante consultas de medios y estilos, de modo que solo uno es visible para cada tamaño de pantalla. En este ejemplo, una herramienta de auditoría también podría reportarlo como contenido duplicado (los motores de búsqueda no lo detectarán como tal). Siempre que pueda confirmar que solo hay una etiqueta H1 visible en cada tamaño de pantalla, no hay problema.
Colocar un botón en las pantallas de escritorio y tableta y un ícono en su lugar en la del móvil.
Ambos widgets estarán en el código y se ocultarán en el tamaño de pantalla respectivo mediante consultas de medios y estilos.
Ocultar una sección en todos los tamaños de pantalla porque no está lista para estar activa.
La sección seguirá estando en el código, pero estará oculta mediante el estilo en todos los tamaños de pantalla.
Usar widgets que muestran una cierta cantidad de contenido a la vez, como controles deslizantes, pestañas y widgets de acordeón.
Todos estos tipos de widgets tienen contenido oculto, aunque el contenido es fácilmente accesible a través de pistas visuales (los motores de búsqueda detectan que hay pistas visuales).
Por qué las herramientas de auditoría podrían ver el contenido
Si bien los algoritmos de los motores de búsqueda aplican el estilo y, por lo tanto, ignoran el contenido oculto, las herramientas de auditoría de los rastreadores (o bots) podrían no ser tan sofisticadas como las de Google y no aplicar ese estilo, sino que solo analizarán el contenido original de la página. Esto podría provocar que "vean" contenido que no es visible en el sitio.
Cuando el contenido oculto es un problema
Si se utiliza una táctica engañosa para ocultar contenido, puede ser perjudicial para el SEO. Un ejemplo de táctica engañosa es colocar palabras clave repetidas en un sitio web para mejorar su posicionamiento y ocultarlas configurando el tamaño de fuente a 0 o camuflando el texto (haciéndolo del mismo color que el fondo) para que no sea visible para el visitante. Los algoritmos de los motores de búsqueda son lo suficientemente inteligentes como para reconocer esto y potencialmente penalizar a los sitios que lo utilizan.