Los plugins para adaptar tu web de WordPress a móvil
Una presentación web responsiva (adaptable) es cada vez más importante en cuanto al diseño de páginas web con un enfoque Mobile First. La presentación en dispositivos móviles y similares se puede implementar en unos pocos pasos si utilizamos los plugins de WordPress especializados en la visualización para dispositivos móviles. Hemos analizado algunos de los plugins de WordPress para móviles más populares.
Dominios web
Compra y registra tu dominio ideal - Domina el mercado con nuestra oferta 3x1 en dominios
- Tu dominio protegido con SSL Wildcard gratis
- 1 cuenta de correo electrónico por contrato
Responsivo al instante – con un plugin de WordPress
Más del 43 % de todas las páginas web se han creado con WordPress, pero muchas de ellas se están quedando anticuadas, al menos desde el punto de vista técnico. Probablemente conozcas este tipo de sitios que, por lo general, tienen un tipo de letra pequeño y apenas legible, imágenes que sobresalen de la pantalla y que exigen deslizar la pantalla o hacer zoom con dos dedos para ver el menú entero. El problema: crear un sitio web desde cero con una plantilla responsiva suele suponer mucho tiempo y esfuerzo.
Existen plugins que permiten hacer el diseño web responsivo sin tener que cambiar la plantilla de diseño y que ayudan a estar al día de los requisitos del enfoque Mobile First. Mejor aún, con esta optimización de tu sitio web puedes optimizar WordPress y mejorar tu SEO para móviles. Si vas a crear páginas web con WordPress completamente nuevas, se recomienda tener en cuenta el diseño responsivo a la hora de elegir una plantilla de WordPress.
Para poder ilustrar la vista de escritorio y la vista en dispositivo móvil, hemos creado una página de prueba con los siguientes parámetros:
Existen plugins que permiten hacer el diseño web responsivo sin tener que cambiar la plantilla de diseño y que ayudan a estar al día de los requisitos del enfoque Mobile First. Mejor aún, con esta optimización de tu sitio web puedes optimizar WordPress y mejorar tu SEO para móviles. Si vas a crear páginas web con WordPress completamente nuevas, se recomienda tener en cuenta el diseño responsivo a la hora de elegir una plantilla de WordPress.
Para poder ilustrar la vista de escritorio y la vista en dispositivo móvil, hemos creado una página de prueba con los siguientes parámetros:
- WordPress versión 5.9
- Plantilla de diseño: Twenty Eleven de WordPress.org
Este tema difícilmente puede ser descrito como responsivo: las imágenes se adaptan (un poco), pero el texto –y especialmente el menú– no. El problema puede resolverse con los plugins para adaptar tu web de WordPress a móvil. Hemos probado algunos de estos plugins para ver qué resultados producen en un sitio web de WordPress visto desde un smartphone. Las opciones de configuración se describen detalladamente en la presentación del respectivo plugin para versión móvil de WordPress.
¿Buscas un hosting de WordPress apropiado y seguro? Echa un vistazo a las tarifas de IONOS y a sus ventajas.
Un vistazo a los plugins para móviles de WordPress
Plugin | Ventajas | Desventajas | Versión gratuita | Versión Pro* |
---|---|---|---|---|
WP Mobile Menu | Funcionamiento muy claro | Solo en inglés | €€€ | |
Max Mega Menu | Amplias opciones de diseño para la visualización desde un móvil | Se requiere un poco de conocimiento sobre HTML y CSS | € | |
WPtouch | Extensa configuración con el personalizador, un sistema WYSIWYG (What You See Is What You Get) | La versión Pro es muy cara | €€€€ | |
AMP for WP | El mejor resultado de los 4 plugins probados y analizados | Una variedad de opciones algo confusa | €€** |
* Comparación de precios basada en la versión Premium para 1 sitio web. ** Actúa como un paquete con muchos extras.
WP Mobile Menu – sencillo y rápido
El plugin WP Mobile Menu es un plugin fácil de usar que se actualizó cuando salió WordPress 5.9.
El plugin alarga el tamaño de la página de WordPress añadiendo en la cabecera una barra de menú que muestra el título del sitio web y el botón de hamburguesa que despliega el menú en versiones móviles. El menú existente de la plantilla “Twenty Eleven” se mantiene. El plugin permite una profundidad de menú de dos submenús adicionales. Esta nueva barra es “sticky”, por lo que siempre permanece visible en la parte superior de la pantalla al desplazarse por la página. Una vez activado, el menú se despliega sobre el contenido.
Hay varias opciones adicionales que se esconden detrás de los siete elementos del menú que ofrece la interfaz de administración de WP Mobile Menu. Entre ellas se encuentran:
- Insertar un texto y/o un logotipo en la cabecera en lugar del título del sitio web que se ha insertado automáticamente.
- Al activar el menú se puede definir el aspecto del contenido superpuesto. Se puede escoger el color del menú superpuesto y sus elementos internos, así como sus delimitaciones.
- Insertar una imagen de fondo para el menú.
- Suprimir la visualización de elementos concretos cuando el menú está desplegado en una interfaz móvil.
- Uso de Google Fonts.
- Diseño personalizado del menú como, por ejemplo, con la creación de cinco botones de hamburguesa con diferentes estilos.
- Modos de presentación del menú: superpuesto al contenido o desplazándolo.
Max Mega Menu
Este plugin de WordPress para móviles ofrece una interfaz de administración responsiva en el idioma que se haya establecido en el panel de control de WordPress. El plugin se mantiene en todo momento claro y es (prácticamente) intuitivo.
El panel de administración de Max Mega Menu ofrece, entre otros, lo siguiente en la versión gratuita:
- Crear elementos de mega menú horizontal hasta el tercer nivel.
- Realizar ajustes individuales para cada nivel del menú, incluidas las flechas de navegación.
- Organizar los elementos, en parte, mediante la herramienta drag & drop.
- Guardar tus propios diseños de menú como una plantilla individual.
- Diseño individual y personalizado con CSS/SCSS.
- Exportación e importación de plantillas de menú propias como archivos JSON o PHP.
- Fácil acceso a la documentación.
Los usuarios de la versión Pro tienen acceso a los menús Sticky, Tabbed, Accordion, así como a los menús verticales, más de 600 iconos de menú, 200 Google Fonts e insignias de menú para atraer la atención, así como la integración de WooCommerce y Easy Digital Downloads.
WPtouch - una gran variedad de ajustes
El plugin WPtouch de WordPress añade una plantilla de móvil ligera a la página web existente. El funcionamiento es claro y comprensible con el lenguaje escogido para el panel de control de WordPress. Los elementos y las funciones que solo están disponibles en la versión Pro aparecen resaltados en color.
De los plugins para adaptar tu web de WordPress a móvil que hemos probado hasta ahora, este produce el cambio más notable. Su diferencia más significativa con los anteriores es el uso del conocido personalizador para adaptar la vista al móvil. Con el botón “Cambiar a la plantilla móvil” se mostrará la versión móvil, la cual se puede gestionar muy cómodamente. Los desarrolladores han seguido las recomendaciones de Google a favor de una experiencia de usuario móvil eficiente y, por ello, han construido un plugin muy ligero. El sitio web para móviles parece tener un reparto más claro y el texto continuo es más fácil de leer.
En la versión gratuita, el administrador del sitio web dispone de las siguientes opciones:
- Hasta seis grupos de dispositivos/navegadores a elegir donde aplicar la página para móviles
- Personalización de la versión móvil en el Personalizador
- Activación del menú como desplegable o desplazando el contenido (off canvas)
- Ajuste de la posición del botón hamburguesa
- Libre elección de colores para el fondo, la cabecera, el menú, los enlaces y los encabezados
- Panel de administración disponible en 23 idiomas diferentes
- La plantilla original no afecta a la visualización en el escritorio ni a los demás ajustes de WordPress
¿Buscas una solución profesional pero sin complicaciones para optimizar paso a paso tu sitio web para los motores de búsqueda? Si este es tu caso, deberías probar el rankingCoach de IONOS. Es compatible con todos los principales CMS y sistemas de tiendas y te ayuda a atraer más visitantes a tu sitio web.
AMP for WP – Saludos desde Google
El plugin AMP for WP de WordPress para móviles es un proyecto de Google. Aplica las directrices desarrolladas por Google para mejorar la visibilidad y aumentar la velocidad de las páginas de WordPress, y lo hace de forma muy exhaustiva y coherente. El plugin también está pensado para ayudar a mejorar la clasificación de una página web en los resultados de búsqueda de Google.
El sitio web previo se modificó con un botón de menú de hamburguesa en la cabecera y un cuerpo de texto mucho más legible. En la configuración básica del plugin, la página resulta notablemente más rápida, el menú desplegado abarca toda la página y los submenús se abren y cierran perfectamente. Además, la barra de búsqueda está integrada en el propio menú que se superpone.
La configuración acompaña al cliente de manera casi auto explicativa –diferenciando entre principiantes y expertos– a través de los elementos del menú desde el panel de administración. El resultado es atractivo. Además, existe una extensa documentación online respecto a este plugin (en inglés).
Este plugin de WordPress ofrece una gran selección de opciones para su visualización en dispositivos móviles. La versión gratuita incluye cuatro plantillas y, según el desarrollador, más de 300 posibles variantes. Las funciones adicionales pueden adquirirse en la opción “Extensiones” del menú del panel de administración. Las funciones gratuitas incluyen:
Este plugin de WordPress ofrece una gran selección de opciones para su visualización en dispositivos móviles. La versión gratuita incluye cuatro plantillas y, según el desarrollador, más de 300 posibles variantes. Las funciones adicionales pueden adquirirse en la opción “Extensiones” del menú del panel de administración. Las funciones gratuitas incluyen:
- Soporte para Page Builders
- Cumplimiento del Reglamento General de Protección de Datos (RGPD)
- Eliminación automática del CSS no utilizado
- Compatibilidad con Google Fonts, incluso cuando se utilizan localmente
- Compatibilidad con varias herramientas de SEO
- Paginación útil (numeración de páginas) para contenidos extensos
- Soporte para Google Tag Manager, Adsense (AMP-AD) y Analytics Support, así como para otros proveedores de herramientas de análisis
- Posibilidad de adaptar los contenidos a los móviles y al escritorio de un ordenador
- Posibles publicaciones relacionadas
- Adaptación de imágenes mejorada
- Posibilidad de insertar vídeos de YouTube, Vime, Twitter, Instagram y Facebook
- Integración de 12 nuevas redes sociales
- Configurar la versión AMP como página de inicio específica y/o página web prioritaria
- Algunos métodos de gestión de publicidad
- Soporte para formularios de contacto especiales
- Opción de enviar boletines informativos por correo electrónico
- Multilingüismo con WPML, Polylang y WeGlot
- Vinculación con eCommerce
- Plantillas de elementos para CTA
- Más de 45 extensiones del mundo AMP
Con los mejores plugins de WordPress para móviles se pueden adaptar fácilmente los sitios web ya existentes y conseguir una visualización responsiva en dispositivos móviles. Si pruebas primero la versión gratuita de un plugin, te permitirá familiarizarte con su integración y funcionamiento. Esto también te permite valorar si el plugin que has escogido se ajusta a lo que necesita tu sitio web. Comprueba siempre el resultado (provisional) en tu smartphone o tablet, ya que la visualización desde las herramientas para desarrolladores de los navegadores suele diferir (aunque sea mínimamente) de la versión móvil en directo.
En la Digital Guide de IONOS encontrarás muchos más consejos sobre los plugins de WordPress. Utilizar varios plugins a la vez permite optimizar el sitio web de forma sencilla y económica.
- Plugins de opiniones de WordPress
- Plugins de SEO para WordPress
- Plugins de formularios de contacto para WordPress
- Plugins de foros para WordPress
- Plugins de chat para WordPress
- Plugins de cookies para WordPress
- Plugins de Instagram para WordPress
- Plugins de newsletters para WordPress
- Plugins de galerías para WordPress
- Plugins de backup para WordPress