Mejores prácticas del control deslizante: lo que necesita saber

Entonces, ¿quieres poner un control deslizante o un carrusel en tu sitio web? Antes de hacerlo, hay muchos factores a tener en cuenta. Un control deslizante fuera de lugar y mal configurado no se ignora simplemente; en realidad puede dañar el SEO y molestar a los visitantes.

Eso ciertamente no significa que sean malos, solo que, como con cualquier otra función o complemento de WordPress, debe asegurarse de configurarlo correctamente. Estas son algunas de las mejores prácticas a seguir al implementar controles deslizantes en su sitio web de WordPress.

Haga que su control deslizante sea visualmente agradable

Junto con la estética general, hay otros factores a considerar. La relevancia general del control deslizante, la ubicación en la página e incluso la secuencia de imágenes son aspectos visuales importantes a tener en cuenta.

Mantenlo simple

Especialmente si activa la reproducción automática, es extremadamente importante que las diapositivas sean simples, efectivas y vayan al grano. Eso no solo se aplica al texto; a menos que esté usando un control deslizante como galería para su arte o fotografía, use imágenes limpias y despejadas.

No lo diseñe como un anuncio

Gracias a los anuncios intrusivos, muchas personas desarrollan “ceguera a los banners”, y un control deslizante mal diseñado y mal colocado puede estar sujeto a este fenómeno. Evite todos los consejos de diseño que seguiría un anunciante, especialmente las tácticas empleadas por los anuncios más molestos.

Eso significa que no use luces intermitentes, colores planos llamativos, fuentes Impact y similares, y otras técnicas de distracción. Incluso si su carrusel está vendiendo o promocionando un producto, debe combinarse con el sitio web y verse natural. Es posible que desee que la gente mire sus controles deslizantes, pero estas tácticas agresivas provocan lo contrario.

Haga que su control deslizante sea útil y relevante

Cada control deslizante que coloque debe tener un propósito claro. ¿Muestra tu fotografía? ¿Dirigir a los usuarios a ciertas partes del sitio? Explique de qué se trata su sitio. ¿Tratar de promocionar un producto? ¿Involucrar a los usuarios?

Y coloque sus carruseles en el área correcta. La ubicación de un control deslizante es uno de los factores más importantes para que se note o se olvide. Asegúrese de que no esté enterrado en el contenido de su página o colocado al azar. Debe estar en un lugar estratégico y visible, como en una barra lateral, cerca de la parte superior de la página o debajo de una publicación de blog. Incluso el pie de página puede ser un buen lugar para colocar un control deslizante.

Elija su secuencia de diapositivas con cuidado

Nunca asuma que un visitante se quedará para ver cada diapositiva. Elija su secuencia con mucho cuidado. Las primeras diapositivas deben intentar atraer e interesar al usuario, pero si eso falla, al menos asegúrese de transmitir su punto de vista.

Sin embargo, eso no es excusa para hacer que sus otras diapositivas sean menos efectivas. No importa en qué diapositiva alguien haga clic, todas deben cumplir su propósito: hablar sobre su empresa, mostrar excelentes fotografías, etc.

Haga que su control deslizante sea utilizable

La regla cardinal de los controles deslizantes: deben ser fáciles de usar y no causar molestias a los visitantes. Hay muchas maneras de hacer que un carrusel sea más accesible, desde optimizarlo para una gran audiencia que usa dispositivos móviles hasta ajustar cuidadosamente el tiempo de rotación de diapositivas.

Considere desactivar la reproducción automática

El movimiento puede distraer o molestar a algunos usuarios. En las publicaciones de blog, o en una barra lateral que sigue a los usuarios en todo el sitio, siempre desactive la reproducción automática; distraer a los visitantes mientras intentan leer nunca es una buena idea.

Sin embargo, en algunos casos, es posible que desee que el carrusel sea a lo que todos los visitantes presten atención, o puede ser importante que vean más de una diapositiva. Al decidir si mantener la reproducción automática activada o desactivada, tenga en cuenta la ubicación, el contenido y la intención del control deslizante.

Aumente el tiempo entre rotaciones

Si la reproducción automática es necesaria para su diseño, asegúrese de que las diapositivas no cambien demasiado rápido, especialmente si incluyen texto. Es frustrante cuando un control deslizante avanza antes de que estés listo. Optimizar para un ritmo de lectura lento; es mejor un carrusel lento pero bien diseñado que uno que empuja tantas diapositivas como sea posible en diez segundos.

Optimizar las opciones de navegación

No hay nada más molesto que hacer clic en una flecha de navegación y que la presentación de diapositivas avance en ese momento, obligándote a saltar una diapositiva. Hacer una pausa al pasar el mouse o la navegación es una característica que muchos esperan. Los controles deslizantes de Soliloquy tienen esta función y debería estar habilitada en la mayoría de los carruseles que cree. Si elige mantener la reproducción automática, esto es necesario.

Mientras tanto, los carruseles que avanzan solos, sin siquiera una burbuja de navegación o un botón de pausa, pueden irritar a muchos usuarios, ya que tendrán que esperar a que termine todo el ciclo solo para encontrar esa diapositiva. Asegúrese de agregar controles de navegación a su control deslizante también.

También debe considerar controles de navegación extragrandes , especialmente si tiene una audiencia considerable móvil o de edad avanzada.

Finalmente, en carruseles con muchas imágenes, considere incluir miniaturas para que los usuarios puedan buscar fácilmente la diapositiva específica que desean.

Evite dañar el SEO

Un control deslizante mal configurado es un control deslizante que no es compatible con los motores de búsqueda. Afortunadamente, muchas medidas que hacen que su sitio web y su carrusel sean compatibles con SEO también los hacen más fáciles de usar. Estas prácticas son las más importantes a seguir.

Capacidad de respuesta primero

Si está utilizando un complemento de control deslizante, lo más probable es que no tenga que preocuparse por su capacidad de respuesta. Sin embargo, esta parte es crucial. Pruebe para asegurarse de que su texto e imágenes se vean bien en todos los dispositivos. Modifique el tamaño del botón, reemplace las imágenes borrosas; lo que sea que necesite hacer para un hermoso control deslizante móvil.

Asegúrate de que deslizar también esté habilitado. Los usuarios móviles esperarán que los gestos de deslizamiento funcionen para elementos como los controles deslizantes, y si este no es el caso, puede causar molestias.

Diseño para la Accesibilidad

Si bien debe diseñar todo su sitio web teniendo en cuenta la accesibilidad, los controles deslizantes también deben crearse de esta manera. No solo ayuda a las personas discapacitadas a moverse, sino que tiende a mejorar el SEO.

Algunos ejemplos de un buen diseño de accesibilidad incluyen habilitar los controles del teclado , evitar el desplazamiento automático o detenerse bajo ciertas condiciones y asegurarse de que el texto tenga suficiente contraste.

Crear una gran imagen de héroe deslizante

Una táctica innovadora es reemplazar una "imagen de héroe" o un banner en la página de destino que explica de qué se trata su sitio web, con un control deslizante animado. Esta técnica tiene sus pros y sus contras. Un carrusel puede ser tan efectivo como una imagen de héroe estándar, pero debe implementarse con cuidado.

Si decide poner un control deslizante en su página de inicio, recuerde que los nuevos visitantes tienen una pregunta: ¿De qué se trata este sitio web? Cada diapositiva, por sí sola y sin contexto, debe responder a esta pregunta.

Evite los encabezados H1

Para los motores de búsqueda, H1 actúa como el título de la página. Entonces, cuando hay varios encabezados, como dentro de un control deslizante, puede confundir al motor de búsqueda y reducir el SEO. Para estar seguro, evite usarlos en un carrusel.

Evite los enlaces de navegación solo deslizantes

¿Hay una página en su sitio web a la que solo se puede acceder a través de un control deslizante? Trate de evitar esto; es confuso tanto para los usuarios como para los motores de búsqueda. Puede usar los controles deslizantes de enlaces como una herramienta de navegación, pero asegúrese de que haya otra opción.

Crear controles deslizantes efectivos

Una de las mejores prácticas que puede seguir una vez que decide colocar un carrusel en su sitio web es considerar el uso de un complemento, como Soliloquy. Especialmente si eres un nuevo desarrollador web, tratar de crear un control deslizante tú mismo puede terminar en un desastre de SEO. Es mucho más fácil trabajar con un complemento y está especialmente optimizado para WordPress y los motores de búsqueda.

Ahora que conoce algunos consejos sobre cómo colocar un control deslizante útil, útil y atractivo en su sitio web, ¿cómo planea usarlo? Esperamos que esta guía le haya ayudado en sus futuros proyectos de diseño web. Y mientras tanto, conéctese con nosotros en Twitter y Facebook.

Guardar Guardar

Guardar Guardar

Guardar Guardar

Guardar Guardar

Guardar Guardar