Deslizadores de la página web. Nos encantan, pero pueden ser una molestia. Y si no tienes cuidado, pueden ralentizar tu sitio web de WordPress, difundir tu mensaje y asustar a los visitantes – tres cosas que no quieres.

Pero si sabes lo que estás haciendo, son una forma encantadora de pintar un gran cuadro. Además, hay toneladas de poderosos plugins para crear deslizadores que son completamente fuera de esta galaxia.

En el post de hoy, destacamos varias de las mejores prácticas que debes seguir para sacar el máximo provecho de tus deslizadores. Tengan en cuenta que los deslizadores son complicados, y pueden causarles problemas que deben resolverse inmediatamente. A continuación, compruebe dónde debe mejorar y póngase a trabajar de inmediato.

Eso fuera del camino, vamos a sumergirnos ya que hay mucho que aprender.

7 Mejores Prácticas a Seguir con los Deslizadores de WordPress

Las siguientes prácticas le ayudarán a crear deslizadores que trabajen para usted, y nunca en su contra. Entre usted y yo, un gran deslizador debe cargarse de manera hermosa y lucir elegante. Lo más importante es que debe llevar a su cliente objetivo a tomar medidas.

Si utiliza un deslizador para mostrar fotos o un portafolio, los siguientes consejos también son útiles.

Elija un Tema de WordPress con un Plugin para Deslizadores

Puede elegir cualquier tema de WordPress que le guste y añadir deslizadores a continuación. Sin embargo, empezar con un tema listo para los deslizadores le ahorrará mucho tiempo, más aún si construye un par de deslizadores para diferentes sitios web.

Además, si planea añadir deslizadores a su sitio de WordPress, le costará menos empezar con un tema que venga con un plugin para deslizadores. Y como el plugin ya está integrado en el tema, tienes un montón de opciones personalizadas para estilizar los deslizadores para cualquier marca.

Slider Revolution es uno de los plugins de deslizadores más populares de WordPress y mi solución de entrada. Y si es tu taza de té, aquí tienes 20 grandes temas de WordPress con Slider Revolution. Si usas un plugin de deslizadores diferente, puedes encontrar fácilmente temas de WordPress con ese plugin específico.

Slider Revolution es bastante notable. Gracias a una fantástica lista de características, un diseño sensible y una interfaz de usuario amigable, puedo crear hermosos deslizadores en el tiempo que te toma comerte una hamburguesa.

Para los proyectos que requieren un deslizador, siempre me inclino por Slider Revolution. Es muy fácil de usar, pero si alguna vez necesitas ayuda, siempre puedes encontrar un excelente tutorial de Slider Revolution para ayudarte.

Volver al punto: Elegir un tema de WordPress con un plugin de deslizador te ahorra tiempo y dinero como propietario de un negocio o diseñador web.

Diseño para Móvil

Vivimos en una era de dispositivos con diferentes tamaños de pantalla. Hoy en día, muchas personas, incluyendo su público objetivo, visitan su sitio web a través de un dispositivo móvil. Según Statistica, los dispositivos móviles representan casi la mitad del tráfico web a nivel mundial.

Por esta razón, debe crear deslizadores para móviles que funcionen en varios dispositivos. Muchos plugins le permiten crear deslizadores sensibles, por lo que debería clasificarse en esta área. Sin embargo, si codifica los deslizadores desde cero, debe incorporar técnicas de diseño receptivo.

Además, optimice los medios que utiliza en sus deslizadores. Las imágenes o los vídeos de gran tamaño sólo se interpondrán en su camino, lo que provocará una disminución de la velocidad de la página y problemas de respuesta. La regla general es que los controles deslizantes sean sencillos, elegantes y fáciles de navegar. Y no te olvides de hacer que tus deslizadores sean también fáciles de tocar :).

Al fin y al cabo, diseñar deslizadores para móviles te ayuda a llegar a más clientes, independientemente del dispositivo que utilicen. Adopta siempre un enfoque de móvil en primer lugar cuando crees deslizadores.

Desactiva la Reproducción Automática o Reduce la Velocidad de Rotación

Los deslizadores están pensados para ser vistos, pero he visto a diseñadores utilizar la reproducción automática o deslizadores que giran infinitamente y rápidamente. Comencemos con la auto-play.

Una sección de usuarios de internet reporta que los movimientos repentinos en los sitios web son molestos o distraen. Algunos expertos sostienen que «…sus visitantes se distraerán demasiado con los deslizadores de imágenes como para notar algo más».

Para evitar el problema, recomendamos desactivar la reproducción automática. En su lugar, añada una navegación clara que ofrezca al visitante más control para moverse de un deslizador a otro según sus deseos.

Además de reducir las distracciones, la desactivación de la reproducción automática ofrece a los visitantes la sensación de tener el control total mientras están en su sitio web, lo que tiene una correlación con mejores tasas de conversión.

Lo mismo ocurre con la velocidad de rotación. Establezca una velocidad de rotación más lenta para ofrecer a los usuarios el tiempo suficiente para ver las diapositivas. Es molesto que un deslizador cargue el siguiente elemento mientras usted todavía está viendo el actual. Las cosas son aún peores cuando la velocidad es mayor.

Pero en lugar de reducir la velocidad del deslizador, lo mejor es desactivar completamente la reproducción automática. Si eso no es una opción, agregue controles manuales. De esta manera, los usuarios tienen más control sobre el deslizador, que es exactamente lo que usted quiere.

Usar la Navegación en Miniatura

Ofrecer la mejor navegación es una de las mejores decisiones de usabilidad de un sitio web que jamás haya tomado. Por lo general, los deslizadores ocupan mucho espacio en su sitio web, y mientras tenga un deslizador, es mejor que sea navegable.

La navegación en miniatura le ofrece exactamente la solución que necesita. Ahora, su visitante puede previsualizar una diapositiva y saber qué esperar. Además, el usuario puede ir manualmente a cualquier diapositiva con un clic, sin tener que ir de un lado a otro.

La navegación en miniatura es especialmente perfecta para los deslizadores con más de 4 diapositivas.

Aproveche las Cajas de Luz

Digamos, por un momento, que usted es un fotógrafo o diseñador gráfico que busca mostrar su portafolio. Un deslizador típico es una de las mejores formas de compartir su trabajo con el mundo.

Para ofrecer una mayor y mejor experiencia, puede aprovechar la potencia de las cajas de luz. Añadir un lightbox a su deslizador le permite aprovechar las grandes pantallas y resoluciones para mostrar su mejor trabajo.

Configure el lightbox para que se inicie cada vez que el usuario haga clic en un deslizador. La mejor parte es que los usuarios pueden seguir viendo su deslizador dentro de la caja de luz, lo cual es impresionante.

Vincular las Diapositivas del Producto a su Cesta

Cerrar una venta es de suma importancia para muchos, si no todos, los empresarios en línea. Usted trabaja muy duro para construir una tienda en línea, para que pueda vender sus productos y – todos estamos de acuerdo en eso – obtener una venta extra siempre es bienvenido.

Viendo que los deslizadores ocupan los principales bienes raíces en su sitio, es importante que trabajen para sus tasas de conversión. Al mismo tiempo, no debe crear deslizadores que se parezcan a los anuncios de banner porque la ceguera de los banners es algo real.

Asumiendo que ha creado hermosas diapositivas de productos, lo siguiente que debe hacer es enlazar dichas diapositivas a las respectivas páginas de productos. Asegúrese de que sus botones de llamada a la acción (CTA) sean prominentes y claros.

Con las diapositivas de productos cuidadosamente colocadas, puede dirigir eficazmente el tráfico dirigido a sus productos más vendidos. Además, las diapositivas de sus productos pueden ser probadas por A/B para poner un dedo sobre los que tienen los mejores resultados.

Aproveche las Redes de Medios Sociales

Las redes de medios sociales pueden ayudarle a difundir el mensaje de la marca como un jefe. Al mismo tiempo, puedes utilizar los flujos de medios sociales para impulsar el compromiso en tu sitio de WordPress?

¿Cómo? Te preguntas.

Puedes añadir un deslizador que saque imágenes de tus cuentas de Facebook, Twitter e Instagram, entre otras. En lugar de subir manualmente las imágenes a sus deslizadores, puede utilizar un plugin para integrar las redes sociales con sus deslizadores.

El uso de imágenes de medios sociales es ventajoso, especialmente si publica mucho en las redes sociales. Puede reutilizar el contenido en un deslizador de forma que funcione para su negocio.

Muchos plugins de deslizadores de WordPress soportan la integración con redes sociales, lo que significa que está cubierto en este aspecto. Mientras está en ello, agregue un botón «Pin-it!» a sus deslizadores.

Consejos de Bonificación

No utilices encabezados H1 en tus deslizadores, hacerlo estropea tu SEO. Mantén el texto en tus deslizadores corto y claro, especialmente si utilizas la reproducción automática (Que no debes)Programa tus diapositivas promocionales, protege tus diapositivas del robo de imágenes, utiliza CSS personalizado para añadir estilos personalizados a tus diapositivas, Set up útiles y relevantes sliders. Reemplaza tu slider con una imagen de héroe y haz tus sliders accesibles para todos los usuarios.

Conclusión

Los sliders son geniales, especialmente cuando sabes lo que estás haciendo. Si no haces tus deberes, los deslizadores te causan problemas.

Sin embargo, espero que hayas encontrado algunas gemas después de leer el artículo de hoy. ¿Qué opinas de los deslizadores?

Por favor, comenta abajo; supervisaré la sección de comentarios durante las próximas 24 horas, así que ¡Vamos!