¿Es Parallax el culpable del pobre SEO?

¿Qué Tal? como ya viste el título hoy toca hablar de ¿Es Parallax el culpable del pobre SEO?

«¿Qué es eso y dónde puedo aprender a hacerlo?»

Eso es lo primero que pensé cuando vi por primera vez un sitio con diseño de paralaje. Son hermosos a la vista y algo asombrosos desde una perspectiva de UX (experiencia de usuario).

Tomar esta página del sitio de Honda CRV, por ejemplo. O una versión más simple de parallax visto en Página Estado del marketing entrante de HubSpot. (Continúe y haga clic; esperaré).

¿Qué tan geniales son todas esas diferentes capas, imágenes en movimiento, videos y puntos de acceso interactivos? Es como la versión digital de esos libros de «elige tu propia aventura». Desde una perspectiva de diseño, el paralaje se ve bastante bien.

Pero ha habido algunos charla sobre las desventajas del diseño web de paralaje desde una perspectiva de marketing. Todas las ventajas del paralaje tienen que ver con el factor «wow»: cuán visualmente atractivo y diferenciador es el diseño de la mayoría de los otros sitios web. Las desventajas de las que la gente ha estado hablando tienen que ver con la disminución de la capacidad de búsqueda, las sanciones de Google y otras preocupaciones de optimización de motores de búsqueda (SEO).

Le mostraré por qué el diseño de paralaje en sí mismo no es el culpable de estos no-no de SEO, y cómo es en realidad el uso excesivo y mal uso de diseño de paralaje que conduce a un pobre SEO. Antes de llegar a eso, repasemos brevemente cómo funciona el paralaje.

Cómo funciona el diseño de paralaje

El diseño de paralaje se origina en videojuegos como Super Mario, donde diferentes capas se mueven a diferentes velocidades. El objetivo aquí era simular la profundidad en un juego 2D.

Aquí hay una vista lateral de las capas utilizadas para el desplazamiento de paralaje en un videojuego:

parallax-scrolling-layers-3

En los sitios web, el usuario es quien controla la rapidez o la lentitud para desplazarse por los elementos del diseño.

Los argumentos en contra del paralaje

Aquí hay varios argumentos que los especialistas en marketing han hecho. contra diseño de paralaje. Tenga en cuenta que todos tienen que ver con el contenido del sitio web, no con el código de paralaje en sí.

1) Una URL para todo ese contenido significa menor capacidad de búsqueda y menos enlaces internos.

Los sitios web con diseño de paralaje albergan todo ese contenido jugoso en una sola página con una URL, un conjunto de metainformación y una etiqueta h1 efectiva. Esto significa que los motores de búsqueda como Google y Bing indexan solo una página en sus resultados de búsqueda, lo que puede dañar seriamente la visibilidad de su búsqueda orgánica. No es tan buscable como los sitios web con contenido repartido en varias páginas. Además, significa menos enlaces internos, y más enlaces internos significa mejor SEO.

2) Hace que su sitio web se cargue lentamente.

El tiempo de carga aumenta con la multimedia, y puede imaginar cuánto afecta eso a un sitio web interactivo y con muchos medios que utiliza un diseño de paralaje. Pero solo uno o dos segundos de aumento en el tiempo de carga de la página afecta significativamente la cantidad de personas que se quedan para ver su sitio web. Un estudio de Gómez espectáculos el comprador en línea promedio espera que una página se cargue en dos segundos o menos, y después de tres segundos, hasta el 40% abandonará su sitio web. Además, recuerda que el tiempo de carga de la página ha sido parte del algoritmo de Google desde 2010.

3) «No funciona» en dispositivos móviles.

Esto en realidad no es cierto, lo cual explicaré en otra sección. Pero algunos han argumentado que tendría que crear una segunda versión optimizada para dispositivos móviles de cualquier página web que cree que use diseño de paralaje, y Google podría considerar que tener contenido duplicado en dos sitios web diferentes crea una experiencia de usuario deficiente, lo que significa Como resultado, podría ser penalizado por Google. La detección y redirección de dispositivos también ralentiza el tiempo de carga (consulte el punto n.º 2).

Cómo usar Parallax sin dañar el SEO

Cada uno de estos problemas no proviene del diseño de paralaje en sí, sino de la distribución de contenido y los errores de SEO. En otras palabras, los problemas de SEO provienen de prácticas incorrectas, no del código de paralaje.

Por ejemplo, debido a que la narración con parallax se ve tan hermosa, los diseñadores de sitios web pueden tener la tentación de incluir varias páginas de contenido en una sola página. Pero pagpublicar una tonelada de contenido en una sola página sigue siendo una mala idea de SEO sin paralaje. Por ejemplo, es mejor no agrupar su declaración de misión, proceso del proyecto, estudios de casos, filosofía, cultura e información de contacto en una sola página larga de «Quiénes somos»; en su lugar, divida algunos de ellos en páginas separadas (especialmente esos estudios de casos).

Pero recuerde, poner todo este buen contenido en una sola URL reduce las oportunidades de visibilidad orgánica en los motores de búsqueda y podría generar menos enlaces externos. Si conseguir que te encuentren de forma orgánica es una prioridad para ti, lo mejor será que distribuyas este contenido en páginas separadas. Todavía puede usar el diseño de paralaje en cualquiera de estas páginas, pero no deje que se interponga en sus prioridades relacionadas con SEO.

Dan Ritzenthaler, diseñador de productos de HubSpot y experto en UX, sugiere usar el diseño de paralaje en partes seleccionadas de tus páginas. «Puede hacer efectos de paralaje en una parte de la pantalla para ilustrar historias más pequeñas sin ocultar el contenido de los motores de búsqueda o romper la forma en que las personas esperan que un sitio web reaccione ante ellos», dice Ritzenthaler. «Creo que todo depende de cómo lo uses. Mucha gente lo usa en exceso o abusa de él».

el cita esta página del sitio de IWC Shaffhausen. El fondo que se mueve un poco más lento que el primer plano es inofensivo desde una perspectiva de SEO, y se ve muy bien para los usuarios. Otro ejemplo es el pie de página de el sitio web de Guy Vernesdonde el efecto de paralaje agrega un toque de diseño realmente agradable.

¿Qué pasa con el móvil?

Paralaje ciertamente hace trabaja en el móvil si tienes diseño de respuesta (como el HubSpot COS). Con un diseño receptivo, los usuarios de dispositivos móviles serán detectados y el navegador desactivará algunas de las funciones de paralaje que no funcionarían o serían confusas en esas plataformas.

Por ejemplo, mira la pagina de inicio de spotify en su computadora personal, luego nuevamente en un dispositivo móvil. Verás que su contenido es el mismo, pero descubrieron cómo separar texto grande con las mismas imágenes de fondo grandes que la versión de paralaje, pero en el móvil, estas imágenes simplemente no se mueven.

Si no tiene un diseño receptivo, entonces aún no necesita crear una versión móvil separada de las páginas de su sitio de paralaje. En cambio, Ritzenthaler explica que un diseñador web experimentado «puede ‘apagar’ el paralaje en dispositivos más pequeños sin causar problemas, siempre y cuando [the webpage] está diseñado con eso en mente».

Cómo implementar un efecto de paralaje en su sitio web

¿Quiere implementar un efecto de paralaje simple en su sitio web? Descubre cómo leyendo este post escrito por el equipo de diseño de HubSpot.

Créditos: regatear, wikimedia, Wikipedia


Nos leeremos hasta la próxima

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.