202 | Sliders en WordPress: cuándo y cómo usarlos
26 Feb 2020 · 29 min
Podcast episode (Spanish) by Gonzalo Navarro (WordPress Semanal, ep. 202) examining use of sliders/carruseles in WordPress. Covers: pros (visual appeal on large screens, showroom for products/links, perceived modernity), cons (banner-blindness, performance cost, accessibility issues), mobile considerations (may need a separate mobile-optimized slider or be hidden), accessibility practices (alt text, treat slides like images), implementation options (themes with bundled sliders, plugins such as Revolution Slider, MetaSlider, NextGen Gallery, WP Show Posts), and alternatives (hero images, good navigation, dedicated pages). Concludes with guidance: use sliders only with a clear reason, prefer lightweight/optimized solutions, and consider mobile UX as a key use-case for carousels.
Chapters
En el episodio 202 de WordPress Semanal hablamos del uso de los sliders. ¿Son el demonio? ¿Cómo y cuándo es aconsejable usarlos? Vamos allá. Hola hola, Soy Gonzalo de Gonzalonabarro. Es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de crear y gestionar tu propia web con WordPress. Y precisamente cuando estamos en esa tarea, en la de crear o gestionar una página web, pues seguro que en algún momento has pensado uy, qué efecto más chulo, estas páginas pasando o este contenido pasando, eso lo tengo que poner en mi web. Pues eso, ese contenido, esa imagen o lo que sea que va pasando, puede ser de forma automática o puede ser de forma manual, haciendo clic en una flechita o algo así, pues es lo que se conoce como sliders, como carruseles o como diapositivas que podríamos decir. Y es algo, es un efecto o una característica de las páginas web que desde hace bastante tiempo es muy popular. Y aunque la tendencia creo que está cambiando y que cada vez lo va siendo menos, pues es muy común que por ejemplo mis clientes me pidan que lo incluyan el diseño de sus webs, normalmente en la home, aunque a veces pues en más lugares. Bien, y si es tan popular y los clientes lo piden, ¿Por qué hay cada vez más gente que aboga por no usarlos? ¿Porque hay esa corriente que dice que no debería ser siquiera una opción a considerar? Bueno, pues vamos a hablar de ello y de mucho más a lo largo de este episodio. Vamos a hablar de las ventajas de los sliders, de si deberíamos usarlos o no, de qué pasa con los sliders en la versión móvil de una web, Tocaremos cuestiones de accesibilidad y por supuesto en relación con los sliders, hablaré de sliders en temas de WordPress y sliders en forma de plugins, veremos alternativas por si quieres explorar otras opciones en lugar de usar sliders y por último te daré un poco mi opinión del presente y el futuro de los sliders y un poquito cuándo usarlos. Fantástico. Es un poco el índice del programa y en las partes en las que he dividido este contenido. Este es el episodio 202 y puedes ir a él yendo a Gonzalonavarro es 202. Pero antes de adentrarnos de lleno en el tema central, vamos a hablar de Las novedades qué está pasando en gonzalonabarro es esta semana y como ya sabéis todos los martes publico un nuevo vídeo de la zona código que es de acceso exclusivo para los suscriptores al igual que los cursos y en este nuevo vídeo os enseño a controlar el aviso de confirmación de correo de administración en WordPress. Esto seguro que lo habéis visto porque a partir de la versión 5.3 de WordPress empezó a aparecer un aviso cuando hacías login en la web, hacías el login siempre y cuando tuvieses un usuario de administrador o con las mismas capacidades que un administrador y te sale un mensaje que pone verificación del correo electrónico de administración, por favor verifica que sigue siendo correcto el correo de administración de esta web y te pone el correo pues tal tal talmail puntocom y te invita a que pues confirmes si ese es el correo que tú quieres para administrar tu web con WordPress, es decir, donde quieras recibir los avisos que tengan que ver con tu página web o por el contrario no usas ese correo, quieres cambiarlo o lo que sea y te da pues la opción de actualizarlo para cambiar ese correo, la opción de decir que efectivamente ese es el correo correcto o que te lo recuerde más tarde. Si le das a cambiarlo te va a llevar a la parte de Ajustes de WordPress y cuando lo cambies pues no te avisará más hasta dentro de seis meses. Si le das a que ese es el correo electrónico correcto, pues lo mismo, no te avisará hasta dentro de seis meses y se quedará ese correo como el que es, y si le dices que te lo recuerde más tarde, te lo recordará en tres días, ¿Sí? Entonces, ¿Qué te enseño yo a hacer en este vídeo de la zona código? Pues te enseño primero a desactivar esta opción si no quieres que se muestre ese aviso nunca, ni ahora ni dentro de seis meses ni nada, pues. Pues te enseño a hacerlo otro, te enseño a que sólo cierto tipo de usuario o ciertos usuarios concretos mejor dicho, puedan ver eso, lo mismo tienes varios administradores en la web, pero solo quieres que algunos que tú sabes pues que a lo mejor no van a estar muy pendientes de si usan el correo o no lo usan, pues que sean los que reciban estos avisos, que bueno, no lo he comentado, pero este aviso se introdujo en WordPress por una cuestión de seguridad. Por ejemplo, si tú creas una web y te pasas sin acceder a esa web durante un montón de tiempo, pues puede que hayas cambiado de correo y ya ni siquiera sepas que en el correo en el que recibes, pues no sé, si tienes que actualizar la web, si has cambiado la contraseña, ese tipo de cosas. Pues es muy importante para eso tener el correo actualizado y por eso implementaron esta medida. Pues como digo, te enseño a decidir qué usuarios concretos van a ver este aviso y cuáles no. Te enseño también a cambiar la frecuencia, por ejemplo, te he dicho que te avisan cada seis meses, pero puedes ponerlo cada menos o cada más. Y bueno, un poco vemos en esa línea, aprovechando el filtro que nos ofrece WordPress para poder editar estas partes del mensaje de verificación del correo, pues lo aprovechamos. Aprovechamos y te enseño a hacerlo fácilmente. Como ya sabéis, la zona código, copias lo que hago, lo pegas donde te indico y lo tienes. Este es el vídeo 153, puedes ir a Gonzalo Navarro es códigos. Genial. En cuanto a cursos, ya sabéis que este mes estamos con el curso de Stripe y ya a partir del próximo episodio os hablaré del nuevo curso que sé que lo estáis esperando, es el curso de Elementor Pro, así que hablaré de él en el episodio 203. Sí, fantástico. Vamos a hablar ahora entonces del plugin de la semana, que es un plugin para optimizar las imágenes de forma automática y que trae quizás como punto fuerte diferencial que es compatible con plugins tan populares como woocommerce o algunos plugins de carruseles de imágenes que vienen muy al hilo de lo que vamos a hablar en este episodio, que es un poco de carruseles de sliders y demás. El plugin se llama Imagify y realmente es el típico plugin que te permite optimizar las imágenes de forma automática para que básicamente pesen menos. Realmente el proceso que hace es el mismo que hacen otros optimizadores de imágenes populares, así que en ese aspecto no hay ninguna novedad. Quizás sí lo más reseñable es que como que tiene un alcance mayor, como que como te decía es compatible con WooCommerce o por ejemplo el plugin Next Gen Gallery, que es un plugin bastante utilizado para galerías de imágenes, así que en ese sentido puede estar interesante. Es un plugin muy popular, activo en más de 300.000 webs con WordPress. Y si estás en ese momento en el que estás buscando un plugin de optimización de imágenes, no sabes cuál elegir, estás ahí comparando uno con otro, pues le puedes echar un vistazo a Imagify, que sin duda es uno de los grandes y en este aspecto genial. Pues ahora sí nos vamos con el tema central, los sliders en WordPress, cuándo y cómo usarlos. Y antes que nada vamos a hablar de lo positivo, las ventajas de usar sliders o las posibles ventajas, porque al final, dependiendo del caso, lo que para uno sea una ventaja, pues para otro puede no serlo, pero al final lo que me he dado cuenta es que la mayoría de gente, al menos que te piden hacer una web y que buscan un slider, es porque les llama la atención el efecto, es algo meramente estético, que se ven imágenes, sobre todo si son imágenes bien elegidas, que normalmente cuando lo ves en un theme que trae un slider o en un plugin, te ponen imágenes súper chulas, entonces ves pasando imágenes súper atractivas y en una pantalla grande, en un ordenador grande, pues puede quedar muy chulo, un efecto muy bonito, sobre todo como digo, si la imagen sugiere, si la imagen tiene algo especial, entonces esa es una posible ventaja que resulta atractivo en pantallas grandes. Otra posible ventaja de un slider, que de nuevo recuerdo, para que estemos en el mismo punto, no es más que cualquier cosa, ya sea una imagen, una imagen con texto, una imagen con un botón, productos pasando en la pantalla, de acuerdo, o de forma automática o de forma manual, haciendo clic o deslizando con el dedo, eso es un slider, un carrusel, un pase de diapositivas, seguro que estáis familiarizado porque lo veréis en muchísimas webs. Bien, pues además de poder resultar atractivo en pantallas grandes, también puede resultar un buen escaparate para mostrar multitud de productos o enlaces a secciones de una web, por ejemplo en rebajas, y se muestra un slider con las categorías que están en rebajas y van pasando, pues moda hombre, moda mujer, accesorios y te va poniendo el porcentaje de descuento en cada una y demás. Esto es un posible uso, un escaparate de cosas que quieres transmitir, como por ejemplo productos que están rebajados, o en otras ocasiones se utiliza como escaparate simplemente para llevar a distintas zonas de la web, puede que sean contenidos, pues no lo sé, los episodios del podcast destacados y te van pasando en formato slider, o cursos, últimos cursos publicados y te van pasando en formato slider, en formato diapositiva, pues es otra posible ventaja, puedes mostrar en una franja concreta de la web mucho contenido y que vaya pasando sin que la gente tenga que navegar hacia abajo, digamos. Repito, posible ventaja porque ahora veremos también que esto puede ser contraproducente. Y tercera posible ventaja que se me ha ocurrido, digamos, es transmitir la sensación de modernidad. ¿Y esto sí que es algo que te puedo decir que compruebo yo de primera mano, que cuando alguien busca esto, tengo clientes que me dicen, o he tenido que me han dicho no, me gustaría algo moderno, sensación de modernidad, movimiento en la página, no? Y automáticamente buscan un slider y te lo dicen sin saber qué quieren ahí, simplemente quieren ese efecto que es que cuando alguien entre a la web se vea que es moderna, que está la última, que tiene ahí movimiento, cositas pasando. Y es un poco el efecto llamada si otras webs populares o que yo he visto lo tienen, ¿Por qué no lo va a tener la mía? Yo también quiero ese efecto de modernidad. Bien, estas son las posibles ventajas de usar sliders. Como ves, algunas son meramente cosméticas y otras tienen un trasfondo más en cuanto a contenido, en poder mostrar contenido de una forma más óptima, entre comillas. Bien, vamos a ver entonces, una vez vistas estas posibles ventajas, si deberías usar un slider o un carrusel en tu web con WordPress. Pues bien, lo que yo te aconsejo es que tomes una aproximación a esto lo más lógica posible. Por ejemplo, si yo te digo que cada cosa que añadas a una web debe tener una razón, seguramente pienses que tiene una lógica aplastante, pero sin embargo, con los sliders esta lógica muchas veces no se aplica, simplemente lo vemos en otro lado y pensamos que tiene que estar también en nuestra web. Así que plantéate por qué quieres poner un slider en tu web. Si la respuesta va en la línea de porque lo he visto en otras webs muy populares, o la demo de mi sim ya trae un slider y por eso yo también lo voy a poner en mi web, o lo típico, lo que hemos dicho ya de queda muy moderno, si las respuestas son alguna de esas, pues yo ya te diría que realmente no necesitas un slider en tu web porque no tienes una razón de peso para ponerlo. Sin embargo, si la respuesta va más en la línea de necesito mostrar información de una forma muy visual y no es suficiente con una sola imagen, esto podría ser una razón de peso, o podrías decir es que la mayoría de mis visitas llegan a la home y en la home no puedo mostrar toda la información que quiero, digamos hacia abajo en el cuerpo, sería demasiada información, necesito algo que la gente pueda ver de un vistazo sin tener que navegar mucho tiempo hacia abajo en la web. Esto te lo compraría también como razón, aunque aquí cuidado porque te puedes engañar a ti mismo, quizás no necesitas mostrar tanta información como piensas en la página principal de tu web, de acuerdo, pero sería una razón, está pensada, está justificada y no es lo quiero porque queda moderno y bien. Dicho todo esto, cuidado con el efecto ceguera, que esto desde que salieron estudios hace ya bastante tiempo de que la gente se acostumbra a ver ciertas cosas en una web que asocia con o bien anuncios o bien contenido no demasiado importante y cuando visita una página automáticamente obvia esos lugares. Por ejemplo, sabemos que por ejemplo en la web de AS, la web de deportes tan famosa, bueno en esa y en otras de periódicos, los laterales están llenos de anuncios y yo estoy seguro que cuando tú navegas por ese tipo de web, te centras en la parte del centro, ni siquiera ves esos anuncios que están a los lados, los obvias totalmente. Pues lo mismo puede llegar a ocurrir con los sliders, están tan usados, los vemos en tantas webs que accedemos y en la primera página arriba del todo ya tenemos pues hay unas diapositivas pasando ya sean con imágenes, con contenido, con lo que sea, pues eso puede provocar un efecto de ceguera en los visitantes que sin darse cuenta directamente obvian esa parte porque piensan que ahí pues nada, te van a pasar imágenes o lo que sea y ya está, yo me voy abajo a buscar el contenido que quiero. Así que esto debes tenerlo en cuenta. Imagínate que quieres poner tres cosas importantes en tu web y decides ponerlas en un slider, pues a lo mejor a la segunda diapositiva o la tercera la gente ni llega, o si llega ni la ve ni le hace caso y es una cosa que tú consideras importante y por eso la pones arriba, por eso la pones en la parte más alta de tu web. Sin embargo, puede que la gente ni la vea, ¿De acuerdo? ¿Y ahora más adelante te hablaré de alternativas a eso, de cómo puedes darle la vuelta a eso y si de verdad es un contenido importante que quieres que la gente vea sí o sí, pero pues quizás el slider no sea la mejor opción, de acuerdo? ¿Pero antes de ver las alternativas vamos a hablar de otro aspecto que considero importante y es qué pasa en los móviles, en las pantallas pequeñas? Porque seguramente te imaginarás que un slider que se utilice o un pase de diapositivas que se utilice en una pantalla grande, si lo dejamos tal cual, aunque se adapte para pantallas pequeñas, no funcionará el contenido seguramente el texto, si tiene texto se vea muy pequeño, seguramente la imagen al redimensionarse, pues perdamos parte de esa imagen. Así que aquí habrá que hacer algo puedes elegir que no se muestre el slider en móviles y dejarlo simplemente para pantallas pequeñas, que puede ser una buena opción, pero claro, puedes perder algo que querías mostrar, algo que querías transmitir. ¿Entonces una posible alternativa es crear uno específico para móviles donde pues ya tú le des las dimensiones correctas, le cambies el tamaño de fuente, le cambies las proporciones de la imagen para que se vea todo lo que quieras, de acuerdo? Y al contrario de lo que pueda parecer, yo por ejemplo soy de los que piensa que en móvil los sliders sí pueden llegar a ser útiles porque en una pantalla pequeña sí que puede resultar muy incómodo deslizar hasta abajo, abajo, abajo para ver muchos contenidos. Si no, fíjate por ejemplo en aplicaciones como la de Netflix, como estas que HBO, todas estas para consumir contenido en móvil, cómo es el formato, todo el formato es deslizar hacia los lados. Entonces, para este tipo de cosas sí puede ser interesante. Si tienes un slider muy bien optimizado para móvil, pues puede resultar muy útil para evitar que el usuario tenga que bajar hasta abajo. Imagínate ver 50 películas haciendo scroll hacia abajo. Es como que estamos más acostumbrados a hacerlo hacia los lados. Lo que está claro es que casi nunca te va a funcionar el mismo carrusel, mismo slider que utilices para pantalla grande, para pantalla pequeña tendrás o que crear uno, que optimizarlo o que directamente no mostrarlo. Fantástico. Eso en cuanto a sliders en móviles. Vamos a hablar de otro aspecto importante que es la accesibilidad ¿Qué pasa en términos de accesibilidad? ¿Que es básicamente qué va a ocurrir cuando personas que tengan algún tipo de impedimento para poder ver los contenidos? Pues qué va a ocurrir, ¿Qué pasa con los carruseles? Pues esto, el ejemplo que mejor puedes entender es si una persona ciega quiere acceder a tus contenidos cuando navega por una web, pues va a utilizar un lector de pantalla, que son programas que van leyendo la página para que puedan entender todos los contenidos de la mejor forma posible. Y aquí por eso se utilizan, por ejemplo en las imágenes se añade un texto alternativo, si la imagen tiene un objetivo más allá del decorativo e incluye información, pues conviene rellenar en el texto alternativo de la imagen, esto lo vemos en el curso de WordPress básico, pues conviene rellenar esa parte para explicar con palabras lo que transmite esa imagen, ¿De acuerdo? Pues con los sliders lo mismo, porque además los sliders suelen tener imágenes, pues en términos de accesibilidad debes tratar los sliders, los carruseles, igual que tratarías una imagen. Básicamente si son decorativos no necesitas añadir ningún texto alternativo porque no es nada relevante para el visitante, pero si incluye información en la propia imagen, entonces sí es muy recomendable para cuestiones de accesibilidad rellenar esa parte y así como digo, los lectores de pantalla van a poder acceder a esa información relevante para presentársela a los visitantes que tengan problemas de accesibilidad. Ya hemos cubierto algunos puntos que considero importantes para despejar dudas sobre qué ventajas tendría usar sliders, qué problemas o cómo plantearte si usarlos o no, qué pasa con los dispositivos móviles y qué ocurre con las cuestiones de accesibilidad. Ahora vamos a hablar un poco de cómo incluir esos sliders o en qué formatos nos lo podemos encontrar. Bueno, en primer lugar y lo más típico es encontrarte un tema, un thing de WordPress que ya venga con un slider incluido, que tú lo veas en la demo y veas ahí un slider pues con unas imágenes preciosas pasando, que seguramente ni te fijes en el contenido del slider, ya te lo digo yo, te fijarás en el efecto de pasar la imagen y esto es lo que te digo del efecto este de ceguera involuntaria, que pues nada, nos quedamos con ese efecto pero los contenidos ni los vemos. Entonces por eso decía, cuidado con esto que es engañoso y nos podemos engañar a nosotros mismos del uso de los sliders. Pero bueno, a lo que voy. Seguramente conocerás los archiconocidos themes de themeforest y casi todos vienen con un slider, y ese slider casi siempre está hecho con un plugin que también se vende en Themeforest que se llama Revolution Slider y que lo que hacen los creadores de estos themes es integrarlo con su theme de Themeforest. Al igual que integran Visual Composer para crear el theme a través del constructor visual, pues integran también otros plugins casi siempre que se venden en, como digo, Themeforest. También puedes comprar Revolution Slider aparte e instalarlo en cualquier theme, es digamos un constructor súper avanzado de sliders, desde el punto de vista del rendimiento un desastre, pero desde el punto de vista del control que te da para crear los sliders, pues creo que no los hay con más control. Después hay uno que os recomendaré más adelante o del que os hablaré más adelante que se llama Meta Slider, que digamos te facilita o a los desarrolladores implementadores les facilita integrar sliders lo más óptimos posible con el menor código posible en cualquier theme. Se puede integrar directamente en el código o se puede añadir a través de un shortcut, dependiendo un poco del enfoque de la persona que está creando la web, la está desarrollando o lo que sea. En este caso es un plugin gratuito y bueno de sliders, tú buscas sliders en el repositorio tanto de themes como de plugins de WordPress y te puedes volver loco de las opciones que te dan. Así que tampoco te voy a hablar de todo, pero sí de estos dos digamos un poco enfrentados, Revolution Slider que es el que trae todas las opciones del mundo y un poco que se usa en los themes, pues estos de Steam Forest que vienen cargado de opciones y cargado de cosas contra metaslider que digamos sería la forma más minimalista de crear un slider dentro de usar un plugin me refiero, siempre se puede crear a través de código y se puede intentar que sea lo más minimalista posible, pero desde el punto de vista de usar un plugin para crearlos, metaslider creo que sería el más liviano, el más también facilito de usar y con las opciones justas. Y estos pues hay algunos desarrolladores de theme que lo utilizan, lo aprovechan para incluirlo en sus themes o implementadores, gente que simplemente necesita un slider y lo usa para su web, no tiene por qué ser ni desarrollador ni nada, pues tú o yo o quien sea, puede utilizarlo en cualquier momento. Pues un poco quería confrontar esas dos opciones de plugin que se suelen utilizar para integrar en temas de Word. Y luego quería comentarte aquí, cuando estoy hablando un poco de los themes de WordPress que vienen con slider, es que porque la demo del tema venga con un slider, no quiere decir que tengas que usar un slider, ¿De acuerdo? Tú puedes coger y dejar una simple imagen con su texto y ya está, y no tener que poner obligatoriamente un carrusel o una diapositiva de imágenes, enlaces o lo que sea. Lo digo porque es que muchas veces me encuentro con clientes o yo mismo me he podido ver en esa tesitura de decir, venga, ¿Qué pongo en la segunda diapositiva? Venga, ¿Qué pongo en la tercera? Y ni siquiera se me ocurre nada. Estás ahí como pensando, estás intentando forzar algo que no tiene sentido. Si solo hay una cosa que quieres destacar en tu página principal al principio, después ya debajo podrás poner más cosas, no fuerces la máquina, ¿De acuerdo? Eso te debería ya dar una pista de que no necesitas en absoluto utilizar un slider. Así que de nuevo, porque tengas la posibilidad, no quiere decir que tengas que hacerlo. Bien, esto un poco en cuanto a los temas, y ahora vamos a hablar de los mejores plugins de slider en WordPress, que pues si tienes una razón, quieres usarlo, sabes que lo vas a necesitar, pues yo te recomendaría que pruebes MetaSlider, el que ya te he comentado que viene integrado en algunos themes. Pues como digo, este es seguramente el plugin preferido por los minimalistas, los que buscan utilizar lo mínimo posible para crear una web, sin por supuesto renunciar a las opciones necesarias, ¿De acuerdo? Tampoco hay que pasarse que muchas veces por no añadir algo nos estamos quedando corto en lo que podemos ofrecer a nuestros visitantes. Y lo bueno de este plugin, como ya te he comentado en el punto anterior, es que lo puede usar tanto un desarrollador para poner de forma sencilla un slider en su theme, como un usuario que simplemente crea el slider con sube sus diapositivas, su contenido, tal, lo que sea, copia el shortcode y lo pega en la página que quiera. Otra opción dentro de los mejores plugins de slider en WordPress es no añadir uno. Si tú ya usas un constructor visual, por ejemplo Elementor, por ejemplo Divi o por ejemplo el que sea y ya viene con esa opción, ¿Para qué vas a añadir nada extra? Ya que tienes un plugin además tan tan pesado, tan tan grande que hace tantas cosas, pues aprovecha sus opciones, no metas más cosas, ¿De acuerdo? Por otro lado si quisieses usar por ejemplo uno de imágenes, bueno, hay varios plugins de imágenes, cada vez los están haciendo mejores porque digamos que optimizan mejor las imágenes. Hay uno muy popular que se llama Next Gen Gallery, creo que te lo he comentado antes, pues podrías echarle un vistazo, trae bastantes opciones, también puedes hacerlo con metaslider, lo que te digo, lo que pasa que pues Next Gen Gallery está más enfocado a sliders de imágenes, diapositivas de imágenes, puedes elegir entre un montón de opciones, tiene una versión Pro, seguramente si vas en serio con esto de las galerías y necesites pues así cositas más avanzadas pues lo mismo, necesitas la versión Pro, pero vamos es uno de los más populares. Y luego para contenidos tienes WP Show Posts y básicamente te permite mostrar contenidos ya sea de páginas de entradas o de un Custom Post Type pues en formato carrusel. Este está bastante bien desarrollado, es de Tom Osborne, el mismo creador de GeneratePress, así que es un desarrollador muy muy muy contrastado y básicamente pues eso, el plugin te permite mostrar contenidos pues en columnas, controlando si se puede mostrar el botón de leer más o no y ese tipo de cosas. Le puedes dar también clases de CSS para controlar su aspecto. Está muy bien, bien desarrollado, te da opciones, ya he hablado seguramente de él con anterioridad así que sin duda es una muy buena opción si quieres digamos una forma de mostrar contenidos en formato carrusel o similar. Sí, a ver, como digo hay mucho, mucho de esto, muchísimos plugins para sliders y para algunos específicos para contenidos, otros específicos para imágenes, otros más enfocados al típico slider que pones en la página de inicio, pero no quiero perderme tampoco en darte muchas opciones, te he dado un poco pues las que considero que pueden ser las mejores en los casos más típicos, bien, pero quizás te has quedado con la sensación de que bueno, quizás lo mejor es ver si puedes ahorrarte el slider, tanto lo que te comentado de la posible ceguera involuntaria de tus visitantes como de también cuestiones de rendimiento, porque al final tener varias imágenes, esto no lo he comentado, al menos creo que no lo suficiente, tener imágenes grandes así pasando en tu web nada más entrar, pues también puede ser un perjuicio desde el punto de vista del rendimiento, porque se tienen que cargar en la parte más alta de tu web, que suele ser donde se suelen dejar los sliders, imágenes y otros contenidos. Entonces existen alternativas. ¿Qué hago si quiero tener un efecto similar o quiero mostrar mucho contenido? Bueno, en primer lugar, si quieres un efecto similar, casi seguro que te vale con una imagen estilo hero, es decir, una imagen grande nada más entrar a tu web y ahí pues un botón de llamada a la acción o el texto que quieras poner para transmitir la información a tus usuarios. Seguramente con eso, como digo, sea más que suficiente y no necesites más diapositivas para mostrar más cosas. Pero si lo necesitas, si necesitas que tus usuarios puedan ir a más sitios de forma sencilla, bueno, primero enfócate en tener un buen menú de navegación principal. La gente está muchísimo más acostumbrada a ir a distintas zonas de la web fijándose en el menú que fijándose en un slider, ¿De acuerdo? Muchas veces te encuentras una web en la que tienes un menú principal que te lleva pues a la página de servicios, a la página de contacto, a la página de sobre mí y a donde sea y luego te encuentras un slider, unas diapositivas pasando que te llevan a lo mismo, a la página de servicios, al no sé dónde, al no sé qué. ¿No tiene sentido, tienes duplicidades ahí y además ya te digo yo que tu visitante va a buscar esa opción en el menú principal, no en el slider, de acuerdo? Pero qué bueno que aún así necesitas mostrar más información en la propia página de inicio, ya no en el menú, ya no en la parte de llevar pues a las páginas importantes de tu web, sino pues otra información que tú consideras que tú visitante necesita saber por qué llega a la página de inicio casi siempre, porque esa es otra, hay veces que la mayoría de las visitas no llegan a la página de inicio, que por eso es tan importante tener un buen menú de navegación donde pongas todas las partes de tu web, porque si ni siquiera tu visitante va a ver la página de inicio, ¿Cómo le mandas a los sitios si tú tienes tus cosas en un slider o en la página de inicio? Pues con el menú de navegación, ¿De acuerdo? Que para eso está. Pero bueno, como decía, si necesitas incluir más información en la página de inicio, seguramente puedas incluirla hacia abajo, puedas poner, pues no lo sé, contenidos en columnas para que no tenga que ir tan tan hacia abajo el visitante, pero rara vez te vas a ver en la necesidad de crear el slider para que no se haga demasiado larga tu página de inicio, ¿De acuerdo? Siempre le puedes buscar las vueltas para evitar usar el slider, como digo. Y luego otra cosa, que es que en tu página de inicio no tienes que poner absolutamente todo en tu web, para eso tienes otras páginas. Si vas a hablar de ti, crea una página de ti. Si vas a hablar de tus servicios, crea una página de servicios. No tienes que poner todo en la página de inicio. Entonces sí existen alternativas a los sliders y básicamente es replantearse la estructura que te has montado en la cabeza, porque seguramente estés, como te decía antes, intentando forzar una idea preconcebida que tienes, tienes en la mente que tiene que haber un slider y estás intentando pensar cómo meter la información ahí, cuándo debería ser al revés, debería ser, salvo que sí o sí lo necesite, pues por lo que te he comentado antes, por las razones de peso que he comentado en el punto 2, pues entonces sí. Bueno, y dicho todo esto, presente y futuro de los sliders, cuándo usarlos y qué pienso yo de ellos de aquí en adelante y de cómo los vamos a empezar a ver. Bueno, ya he dejado una pincelada antes y yo de verdad sí pienso que los sliders, los carruseles tengan cabida, porque además cada vez se optimizan mejor las imágenes cada vez se comprimen más, se muestran en el tamaño que se tienen que mostrar en cada dispositivo, es decir, si hay una pantalla de 1200 píxeles, pues la vamos a mostrar en un tamaño, pero si la vamos a ver esa misma imagen en móvil, la vamos a mostrar en un tamaño adecuado para el móvil, no vamos a estar cargando un archivo enorme cuando no toca. Y como cada vez la optimización es mejor, pues pienso que los sliders sí pueden tener su cabida, sobre todo, fíjate, como te comentaba antes, en dispositivos pequeños, cuando no es tan recomendable hacer que el usuario baje, haga un scroll infinito, sino que puede ser interesante que navegue, digamos hacia los lados, sobre todo si tenemos dividido en distintas categorías, como por ejemplo lo que te comentaba de Netflix, que tenemos películas de terror, películas de cine, películas de no sé qué. Tú imagínate navegar hacia abajo para todo eso. Otra cosa es que sólo estés viendo que le des a ver todas las películas de terror. Ahí sí tiene sentido navegar hacia abajo porque el usuario sabe que todo lo que está viendo son películas de terror. Pero si estás navegando hacia abajo viendo las de terror y después de las de terror tienes a la de acción y después las de comedia y después las de romance y tú quieres ir a romance, pues imagínate lo que tienes que bajar para llegar hasta romance. Entonces para ese tipo de casos sí tiene sentido ir poniendo como distintos bloques de sliders para navegar por los contenidos. De esta forma, como digo, en pantallas pequeñas, pues es un poco el presente y futuro que le veo al uso de los sliders, al uso útil, pensado en la mejor experiencia para el visitante y no pensado en tener un efecto súper chulo de una imagen pasando. Así que con esta reflexión final cierro un poco el tema de los sliders y simplemente recordarte que es posible crear y gestionar tu propia web con un acabado, con un resultado profesional sin necesidad de ser un programador o un desarrollador experimentado. Y que yo te ayudo a conseguirlo con los más de 43 cursos que ya tienes publicados en Gonzalo Navarro. Es más, los cursos nuevos que saco, más los vídeos donde te voy enseñando cositas más avanzadas para que puedas modificar tu web con muchísimo control y sin depender de plugins. Y además no pierdes nada porque tienes 15 días de garantía de devolución del dinero. Así que puedes ir a Gonzalo Navarro es cursos, ver todo lo que incluye la suscripción y como digo, suscribirte sin compromiso alguno. Nada más por este episodio, nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)