Si tienes un blog o sitio web de wordpress Siempre debe buscar formas de crear una mejor experiencia de usuario para sus visitantes. No importa cรณmo se vea su sitio, desea que los visitantes de su sitio web tengan la mejor experiencia posible para que sigan regresando (y tal vez incluso compartiendo su sitio con otros).
Una de las formas principales de hacer esto es simplemente crear contenido de alta calidad. Si proporciona a sus visitantes contenido que les interesa, entonces ya ha sentado las bases para una buena experiencia de usuario.
Sin embargo, tambiรฉn existen otras estrategias que puede utilizar para crear un sitio web mรกs fรกcil de usar. Y en este artรญculo, compartirรฉ nueve complementos de WordPress para mejorar la experiencia del usuario de diferentes maneras.
A continuaciรณn, desglosarรฉ los complementos por las caracterรญsticas que agregan. En algunos casos, ya mencionarรฉ varias extensiones porque algunas de ellas son pagas, pero aรบn asรญ quiero darte alternativas gratuitas donde sea posible. Entonces, tรฉcnicamente, hay mรกs de nueve complementos: son solo nueve tipos diferentes de complementos ๐
Los mejores complementos de WordPress para mejorar la experiencia del usuario
1. Agregue una barra de progreso de lectura con WP Reading Progress
En Internet, estรกn sucediendo muchas cosas. Entonces, cuando un visitante llega a un artรญculo, quiere saber cuรกnto tiempo lleva una pieza de contenido para saber cuรกnto tiempo necesita invertir en lo que le gusta.
La barra de progreso de lectura permite a las personas ver fรกcilmente dรณnde se encuentran en el artรญculo y cuรกnto les queda. Si mira hacia arriba, puede ver que ya estamos usando la barra de progreso de lectura aquรญ en Dz Techs (es la lรญnea roja en la parte superior de la pantalla).
Para crear nuestra barra de progreso de lectura usamos el complemento gratuito Progreso de lectura de WP. Es muy fรกcil de usar y tambiรฉn podrรกs personalizar la barra de progreso al:
- Elige un color diferente.
- La barra de progreso se puede mostrar en la parte inferior de la pantalla.
- La barra de progreso solo se agrega a ciertos tipos de contenido.
- Aplique su barra de progreso a toda la pรกgina o solo al contenido en el editor de WordPress.
2. Agregue el tiempo de lectura estimado usando Reading Time WP
Otra forma de ayudar a las personas a comprender cuรกnto tiempo necesitan invertir en un artรญculo es mostrar el tiempo de lectura estimado. Por ejemplo, puede decirle a un visitante que una publicaciรณn tardarรก unos 10 minutos en leerse, lo que puede pedirle que la guarde para mรกs tarde si solo estรก en un descanso de cinco minutos para tomar cafรฉ.
La forma mรกs sencilla de mostrar el tiempo de lectura estimado es mediante el complemento Tiempo de lectura WP Regalos. Lo que agregarรก automรกticamente su tiempo de lectura estimado en la parte superior de sus publicaciones. Si desea mรกs control, tambiรฉn puede insertar el tiempo de lectura manualmente usando un cรณdigo corto.
Tambiรฉn puedes usar el complemento gratuito Medidor de lectura , que aรฑade el tiempo de lectura estimado y la barra de progreso de lectura. Que proviene del mismo desarrollador que creรณ el tema Astra.
3. Optimizaciรณn del rendimiento de WordPress con WP Rocket (u otros complementos de optimizaciรณn del rendimiento)
Un aspecto increรญblemente importante, pero que a menudo se pasa por alto, de la experiencia del usuario es la rapidez con la que se carga un sitio web. Si su sitio tarda demasiado en cargarse, sus visitantes tendrรกn una mala experiencia incluso si usa todos estos otros complementos.
Para acelerar su sitio web, puede usar un complemento de optimizaciรณn de rendimiento/cachรฉ para WordPress. Como mรญnimo, debe tener una soluciรณn de almacenamiento en cachรฉ de pรกginas, pero idealmente, debe usar una extensiรณn que tambiรฉn pueda ayudarlo a implementar otras prรกcticas recomendadas de rendimiento.
Una excelente opciรณn que es claramente visible es una adiciรณn. WP Rocket Comienza en $ 49, pero hace que sea muy fรกcil implementar todas las mejores prรกcticas importantes de velocidad.
O tambiรฉn puede encontrar complementos gratuitos de alta calidad. Buenas opciones son:
Por supuesto, hay otros aspectos para crear Sitio web de carga rรกpida , siendo una de las opciones mรกs importantes utilizar Alojamiento rรกpido de WordPress. Pero si al menos tiene un alojamiento sรณlido, una extensiรณn como WP Rocket puede marcar una gran diferencia.
4. Agregue una opciรณn de modo oscuro usando Blackout
Si tiene un sitio web claro, los colores pueden ser estresantes para los ojos de los visitantes, especialmente si navegan de noche. Puede mostrar mucho luz azul Mรกs tarde en el dรญa, las personas tienen dificultad para dormir y fatiga visual, razรณn por la cual se han creado tantas herramientas que brindan Modo oscuro. Por ejemplo, a partir de iOS13, todos los usuarios de iPhone ahora tienen la opciรณn de usar el modo oscuro.
Con un complemento personalizado, puede aprovechar esta misma opciรณn en su sitio de WordPress. Hay algunas opciones aquรญ, pero me encantarรญa agregar Apagรณn Gratis porque agrega un widget que permite a los visitantes elegir su modo preferido.
Tambiรฉn utiliza un modo mixto de CSS, lo que significa que deberรญa funcionar con cualquier tema de WordPress, aunque definitivamente querrรกs probarlo por tu cuenta. Tambiรฉn incluye funciones que le permiten guardar las preferencias de un usuario a travรฉs de una cookie y/o hacerlas coincidir automรกticamente con la configuraciรณn de su sistema operativo.
Por ejemplo, si un visitante utiliza Modo oscuro de Windows Su sitio web se cargarรก automรกticamente en modo oscuro para brindar una experiencia perfecta.
5. Agregue un botรณn Atrรกs en la parte superior usando WPFront Scroll Top
si publicas contenido largo Sin embargo, puede ser molesto para los visitantes tener que desplazarse manualmente hasta la parte superior del sitio web una vez que hayan terminado de leer la publicaciรณn y quieran acceder al menรบ de navegaciรณn principal. Botรณn permiteVolver arribaMuรฉvase fรกcilmente a la parte superior de la pรกgina con un solo clic. Puede ver exactamente este efecto en la esquina inferior derecha del sitio web de Dz Techs.
Para el botรณn Dz Techs, estamos utilizando la funciรณn de volver al principio que se incluye con la plantilla. Sin embargo, tambiรฉn puede agregar un botรณn Volver arriba A cualquier plantilla de WordPress usando un complemento Desplazamiento superior de WPFront Obsequios.
La extensiรณn le permite personalizar el texto/icono de su botรณn. Tambiรฉn puede ocultarlo en ciertos dispositivos, como para usuarios de telรฉfonos inteligentes.
6. Agregar vista previa de imagen / Lightbox
Si publica muchas fotos interesantes, es posible que los visitantes de su sitio web quieran aprovechar la opciรณn de zoom para ver mรกs detalles. Con la extensiรณn de Lightbox adecuada, puede permitir que sus visitantes vean la imagen de resoluciรณn completa cuando hacen clic en ella. Esto no los sacarรก de la pรกgina, ya que la imagen de resoluciรณn completa simplemente se cargarรก en una ventana emergente.
La mayorรญa de los complementos de la galerรญa de WordPress incluyen Lightbox, pero tambiรฉn puede usar sus propias imรกgenes que no estรกn en la galerรญa con un complemento. Lightbox simple Obsequios.
7. Agregar menรบ de navegaciรณn animado
El menรบ de navegaciรณn facilita que los visitantes naveguen a รกreas clave de su sitio web. Sin embargo, muchas plantillas ocultan el menรบ de navegaciรณn cuando el usuario comienza a desplazarse hacia abajo, lo que puede dejarlo "atrapado" en esta parte del contenido.
Una forma de evitar este problema es usar el botรณn . Volver arriba , que comentamos anteriormente. Sin embargo, otra buena opciรณn es hacer que el menรบ de navegaciรณn sea "estรกtico" para que permanezca visible incluso cuando el visitante se desplaza hasta el final de la pรกgina. Esto es lo que usamos en Dz Techs: puede ver cรณmo el menรบ de navegaciรณn principal permanece visible incluso si se desplaza hacia abajo.
Muchas plantillas incluyen una opciรณn para usar un menรบ de navegaciรณn fijo (incluida la plantilla de Astra), por lo que vale la pena verificar primero si su plantilla ofrece esa opciรณn. De lo contrario, puede pasar a usar una extensiรณn personalizada para ayudarlo.
Para una forma sencilla de hacer que el menรบ de navegaciรณn sea estรกtico en cualquier plantilla, puede usar la extensiรณn con nombre creativo Menรบ fijo, encabezado fijo (ยกo cualquier cosa!) En el desplazamiento. La extensiรณn es muy fรกcil de usar: la รบnica parte un poco complicada del proceso de configuraciรณn es la necesidad de encontrar un selector de CSS para el menรบ de navegaciรณn de su tema.
Puedes encontrar el selector de CSS usando Herramientas de desarrollo de Chrome. Haz clic derecho en tu tรญtulo y elige inspecciรณn de elementos. A continuaciรณn, busque clase CSS Que se selecciona al pasar el cursor sobre el menรบ de navegaciรณn:
8. Encuentra el verificador de enlaces rotos para el verificador de enlaces rotos
Vรญnculos rotos Experiencia realmente frustrante para los visitantes, especialmente enlaces internos rotos. El visitante hace clic en el enlace porque quiere ver ese contenido... pero un enlace roto significa que ha encontrado la pรกgina de error. Los enlaces rotos tambiรฉn son daรฑinos para el SEO, lo cual es una motivaciรณn mayor para arreglarlos.
Para encontrar y reparar enlaces rotos en WordPress, puede usar un complemento Broken Link Checker Regalos. Lo que detectarรก automรกticamente todos los enlaces rotos en su sitio web y le darรก la oportunidad de corregirlos desde una interfaz conveniente.
- Instalarlo.
- Busque enlaces rotos.
- Desactรญvelo.
- Vuelva a habilitarlo solo cuando desee verificar los enlaces rotos nuevamente.
Si estรก realmente preocupado por el rendimiento, tambiรฉn puede utilizar Comprobador de enlaces rotos en la nube como una herramienta Ahrefs Obsequios.
9. Optimiza tu bรบsqueda de WordPress con SearchWP
Si sus visitantes confรญan en la bรบsqueda integrada, pueden terminar frustrados porque el sistema de bรบsqueda predeterminado de WordPress no es muy sรณlido.
Para solucionar esto, puede usar el complemento de bรบsqueda de WordPress para proporcionar resultados mรกs precisos y relevantes.
Si estรก dispuesto a pagar dinero, la adiciรณn de SearchWP Le brinda muchas opciones para mejorar la funcionalidad de bรบsqueda del sitio web. Tambiรฉn puede ayudarlo a agregar la bรบsqueda Ajax en vivo, que muestra sugerencias de bรบsqueda en vivo cuando los visitantes comienzan a escribir (al igual que lo hace Google).
Si tu presupuesto es limitado, el complemento gratuito Relevanssi Tambiรฉn es una buena opciรณn, aunque no incluye la funciรณn Ajax para la bรบsqueda directa. Si desea buscar directamente, tambiรฉn puede utilizar la extensiรณn Ajax Bรบsqueda Lite.
Mejore su experiencia de usuario de WordPress hoy
Aunque la mayorรญa de los complementos anteriores no realizan cambios importantes en sitio de WordPress su sitio, pero todos se unen para mejorar la experiencia del usuario de su sitio en pequeรฑas formas.
Una cosa importante a tener en cuenta es nunca subestimar la importancia de los tiempos de carga de su pรกgina para mejorar su experiencia de usuario. Incluso si no cambia nada mรกs, acelerar su sitio en realidad crearรก una mejor experiencia para sus visitantes.
He compartido una tรกctica usando WP Rocket (o una extensiรณn de almacenamiento en cachรฉ). Para obtener mรกs estrategias, consulta esta guรญa sobre Cรณmo acelerar WordPress.
Conoce alguna Complementos de WordPress ยฟOtra gran manera de mejorar su experiencia de usuario? ยกPuedes compartirlo a travรฉs de los comentarios!
