que es un slider

Este post trata de poner fin a una guerra que se a cobrado miles de víctimas en la historia del diseño web ¿Pongo un slider en mi web o no? y hacer ver a quien lo lea, que debe decidir por sí mismo si pone o no un slider en su web.

El debate, las críticas y las opiniones están aseguradas en este tema, pero personalmente tengo “la mosca detrás de la oreja” siempre que veo a alguien hacer algo simplemente “porque se lo han dicho”

¿Qué es un slider?

El Slider es un elemento de una página web que muestra múltiples imágenes y texto que se alternan entre ellas.

Normalmente se sitúa en la parte superior de una página web con el objetivo de destacar y dar más visibilidad a una serie de elementos.

slider de ejemplo

Slider típico

Porque utilizar un slider

Hola, me llamo Gerardo, me encanta el diseño gráfico y cabeceras espectaculares y soy un “Lover” de los sliders, he aquí mis argumentos.

Los sliders molan, tienen diseños increíbles, hacen destacar una web de otra y son superchachis.

diseño de slider

Impacto visual

El slider puede tener un gran impacto visual si creas un diseño profesional, y puede mejorar la calidad gráfica general de toda tu web.

Que una web luzca bien y tenga un aspecto espectacular es una característica que tiene mucho valor para muchos usuarios.

Si quieres ver algunos sliders espectaculares puedes ver las demos de revolution slider.

Míralos fijamente (sin marearte) y dime que no son espectaculares.

Contenido destacado

El contenido que se muestra tendrá más notoriedad, dado que se suele poner en la parte superior de la web. (Aunque se puede poner cualquier cosa en la parte superior de la web, es algo típico de los sliders por eso lo menciono).

Un carrusel es una sección dinámica que permite mostrar varios contenidos repartidas en las diapositivas que componen el slider, aunque cada diapositiva siguiente tendrá menos visibilidad que la anterior.

Por lo tanto el slider intentará mostrar el contenido más importante.

Planificación del contenido

Un slider bien pensado puede ser un punto fuerte. Por ejemplo en grandes tiendas online como Amazon o Aliexpress siguen utilizando el slider para enganchar a usuarios con sus promociones, pero no ponen promociones a lo loco, saben lo que se hacen.

slider de amazon

Como vemos en la imagen, Amazon utiliza contenido muy bien pensado para un ecommerce de sus características y se centra en poner contenido con un objetivo claro.

  • 1º se busca vender su producto estrella.
  • 2º se busca dar visibilidad a productos relacionados que suelen ser temporales a las fechas o eventos próximos. (San Valentín, carnaval, navidades, día del padre, etc)
  • 3º se busca convencer a los usuarios que solo buscan ofertas o descuentos.
  • a partir 4º slider el contenido es variado, con suscripciones premium, categorías de productos y otras promociones.

Como podemos ver, podemos utilizar esta sección para resaltar objetivos claros, en el caso de un ecommerce guiar a los usuarios temporales a secciones concretas.

Hay miles de formas de planear un slider, pero el error es crear un slider a lo loco. sin saber para qué va a servir.

Contenido del Slider

Podemos crear un plan para los sliders y tener en cuenta que no solo sirve para poner promociones o productos, sino también entradas de un blog o categorías.

Si queremos aumentar los clics y las visitas que recibe una de nuestras categorías del blog o uno de nuestros post en concreto podemos crear sliders que muestren este tipo de contenido con el objetivo de potenciar su SEO.

También podemos utilizar un carrusel como galería de imágenes que se alimenten de redes sociales como Instagram, una buena opción para fotógrafos que quieren mostrar sus imágenes sin cargarlas en el servidor.

 

Inconvenientes de usar un Slider

Hola, me llamo Gerardo, me encanta el seo y el minimalismo y soy un “Hater” de los sliders, he aquí mis argumentos.

Un slider es malo, se carga tu seo, ralentiza tu web y se come a los niños.

problemas slider

Afecta a la velocidad de la web

El slider es uno de los elementos más pesados en el diseño de una web.

Esto es así porque normalmente está creado con imágenes fotográficas que pesan mucho, pero además en la mayoría de los casos las imágenes ni se han escalado, ni se han comprimido.

Pon 5 imágenes de 3 megas y añádele efectos y dile adiós a una carga optimizada de la web y si además cargas videos de fondo no te digo “nah”.

También está el problema de la carga del código, ya que muchos plugin de sliders utilizan códigos pesados, que aunque poco, también influye en la velocidad de la web.

Además, si abusamos de los efectos de los elementos como efectos de transición de slider el problema se acentúa.

Problemas de conversión

El primer problema es que los usuarios se mantiene poco tiempo en la cabecera y pocas veces un usuario verá el contenido que está a partir del 2º slider.

Además puede llegar a distraer si el slider está cambiando constantemente o tiene elementos dinámicos.

Pero el problema principal sin duda es crear un slider sin un objetivo concreto.

La mayoría de usuarios crean un slider donde cada diapositiva se centra en uno de sus servicios o temas principales, y no agrupan el contenido en las mínimas diapositivas posibles.

Lo que hace que sean sliders sin sentido lógico, ni planificación de conversión.

Problemas usabilidad móvil

En los dispositivos móviles reina el desplazamiento de arriba a abajo, ya que es más cómoda la navegación vertical por el tipo de pantalla, en cambio, las diapositivas del slider se desplazan lateralmente, esto rompe la navegación para los usuarios móviles.

Además la navegación entre slider se lleva a cabo con botones de tipo flecha o botones de desplazamiento muy pequeños que son difíciles de utilizar en dispositivos con pantallas pequeñas.

Problemas de seo

El seo está relacionado con el tiempo de carga de la web, por eso, cargar un elemento pesado en una web que ya de por sí es lenta puede llegar a influir en el posicionamiento.

Aunque el problema principal para el seo no es la carga de un elemento pesado, sino que se configuren títulos con etiquetas h1 duplicados o sin palabras clave.

También es un problema si no optimiza el seo de las imágenes que componen el slider.

 

¿Entonces utilizó un slider o no?

Últimamente la mayoría de profesionales seo y del diseño se han vuelto locos por la velocidad de la web, esto se debe al auge del minimalismo juntado con las recomendaciones de velocidad de carga de Google.

Por lo tanto, a la mayoría de profesionales técnicos les gustaría que desapareciera este elemento y te dirán, por norma general, que no utilices un slider.

Y es que los diseñadores gráficos y otros usuarios queremos tener un elemento realmente llamativo y dinámico donde puedes dar rienda suelta a la imaginación.

Y por mucho que algunos queramos ver muertos a los sliders, no van a desaparecer del diseño web.

Si te has dado cuenta soy uno de los que aman y odian a los sliders al mismo tiempo, por eso es imposible que te recomiendo que los utilices o que no los utilices, tienes que decidirlo por ti mismo.

Pero me pregunto ¿De verdad no somos capaces de crear sliders con objetivos claros, optimizados y que no empeoren el seo?

Sinceramente, yo pienso que el término medio existe y que no debes rechazar el uso de este elemento o utilizarlo a lo loco sin tener en cuenta lo que haces.

Piensa por ti mismo si vas a utilizarlo en tu web o no y si lo haces, sigue las recomendaciones para crear un slider que hay a continuación.

 

Buenas prácticas para los sliders

optimizar el slider

Para mejorar la efectividad del slider y de la web:

  • Plantéate si necesitas o quieres un slider en tu web.
  • Plantéate si puedes sustituir el slider por una cabecera de imagen única “Hero Scene”.
  • No crees un slider de pantalla completa, ya que impiden ver la continuidad de una web vertical.
  • Adaptarlos o quitarlos para el móvil.

Para paliar el efecto de carga:

  • Reduce el número de diapositivas al mínimo.
  • Comprime las imágenes o videos.
  • No recargues el carrusel con efectos innecesarios o limita su uso.
  • Utiliza técnicas WPO para las imágenes como Lazy Load.

Para conseguir que sea lo más Seo Friendly posible:

  • Revisar que no dupliquemos títulos h1.
  • Títulos con palabras clave (Según convenga).
  • Tener en cuenta el texto de los enlaces.
  • Optimizar el título y el alt de las imágenes.

No los utilices si:

  • Si no lo necesitas.
  • Si no creas unos objetivos lógicos concretos.
  • Si tu web ya es pesada.
  • Si lo puedes cambiar por una fila.

¿Y tú, qué opinas sobre los sliders? ¿Tienes algo que decir o algún consejo que compartir?

Deja un comentario

El email no será publicado. Vas a introducir datos en la web si comentas:

  • Responsable de los datos Gerardo García Asensio
  • Los datos se usarán para gestión de comentarios y medidas de seguridad
  • Legitimación: tu consentimiento.
  • Destinatarios: los datos estarán ubicados en los servidores de Siteground.
  • Derechos: podrás ejercer tus derechos, entre otros, rectificar, limitar y borrar tus datos.

Pin It on Pinterest

Esta web utiliza cookies para su funcionamiento. Lee y acepta el aviso legal o abandona la web. más info

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar