Los usuarios de dispositivos móviles representan el 52,2% de todo el tráfico del sitio web y el número sigue creciendo. Y sí, eso es una mayoría. Esto significa que los sitios web deben asegurarse de que la versión móvil de su sitio web esté a la altura. Sin embargo, puede ser complicado ver la versión móvil de su sitio web desde una computadora de escritorio.
Afortunadamente, hay varias formas de hacerlo, y ninguna de ellas es particularmente difícil. Hoy, demostraré diferentes métodos para ver la versión móvil de su sitio web de WordPress.
¿Por qué ver la versión móvil de su sitio web?
Todos los cambios importantes del sitio web generalmente se realizan desde un escritorio, lo que significa que los cambios que está viendo solo pueden estar disponibles desde ese punto de vista. Para ver cómo los cambios afectan la vista móvil, debe mirar esa versión del sitio web.
Por ejemplo, supongamos que agrega un nuevo botón de pago a su sitio web. Los clientes deben hacer clic en este botón para realizar una compra. Sin embargo, ¿qué sucede si el botón no tiene el tamaño adecuado en su sitio móvil?
Esto podría significar que es demasiado pequeño para tocar en un teléfono inteligente o tan grande que hace que las páginas se vean terribles. Se pueden evitar errores simples como este si ve una página en la versión móvil.
Sin embargo, cambiar a la vista móvil de su sitio web no es obvio para los principiantes, pero estos métodos le mostrarán cómo hacerlo.
Método 1: Personalizador de temas de WordPress
Comenzaré con el método incorporado de WordPress. El personalizador de temas de WordPress es una herramienta que se utiliza para modificar la apariencia de su tema y esto, por supuesto, incluye la versión móvil de su sitio web. Por lo tanto, la herramienta también se puede utilizar para ver esta versión.
En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Personalizar.
En la parte inferior del lado izquierdo, haga clic en el ícono móvil para ver la versión móvil en el escritorio.
Nota: Según el tema que esté utilizando, la vista puede ser ligeramente diferente. Sin embargo, el proceso debe seguir siendo idéntico.
Al hacerlo, estará viendo la versión móvil.
Si es la primera vez que usa el personalizador de temas, no se preocupe por los íconos de lápiz azul. Estos solo son visibles para usted y los visitantes no los verán.
Método 2: Google Chrome
Google Chrome es el navegador web más popular del mundo con una asombrosa participación de mercado del 67,63 % en computadoras de escritorio . Tiene muchas funciones de las que carecen otros navegadores y las herramientas adicionales para desarrolladores que ofrece son algunas de las más útiles.
Puede ver la versión móvil de cualquier sitio web, no solo de WordPress, en un navegador Google Chrome con solo unos pocos pasos.
En cualquier sitio web en un navegador Google Chrome, haga clic derecho y seleccione la opción Inspeccionar.
Haga clic en la opción Alternar barra de herramientas del dispositivo.
Al hacerlo, verá inmediatamente la versión móvil del sitio web en el que se encuentra.
En la parte superior de esta vista, hay algunas configuraciones que puede cambiar para ver cosas diferentes.
Por ejemplo, de forma predeterminada, la vista está configurada como Sensible, lo que significa que cambiará de tamaño según el dispositivo en el que se esté viendo. Sin embargo, si hace clic en esta opción, notará que también se pueden seleccionar algunos de los modelos de teléfono más populares. Si selecciona uno de estos, simulará ese dispositivo para visitantes específicos y lo que verán.
Esto es extremadamente útil si está tratando de solucionar un problema en un dispositivo en particular.
Nota: Firefox, Safari y Microsoft Edge tienen una característica similar dentro de ellos. Así que no sientas que Chrome es la única opción.
Método 3: Usa el Page-scope
Si está buscando obtener una visualización más realista de la página de un sitio web en un dispositivo específico, entonces la herramienta Page-scope es exactamente lo que está buscando. Esta es una herramienta que le permite ver un sitio web en un emulador de teléfono.
Para comenzar, visite el sitio web de Page-scope . Ingrese la URL del sitio web que desea ver y seleccione hasta dos teléfonos diferentes para verlo. Haga clic en el botón «Ejecutar prueba» cuando haya seleccionado toda la información.
La herramienta ahora cargará ese sitio web en los dispositivos y debería ver una vista de lado a lado.
La herramienta es de uso gratuito hasta 5 veces al día sin iniciar sesión, así que asegúrese de aprovecharla. Sin embargo, si desea usarlo más, deberá crear una cuenta e iniciar sesión.
Nota: si usa el navegador Opera , en realidad hay un emulador de teléfono incorporado con el que puede interactuar completamente. Definitivamente es la herramienta más avanzada disponible desde un navegador web, así que asegúrese de probarla si es fanático de lo que esta herramienta puede hacer.
Método 4: Extensión de cambio de tamaño de ventana
La extensión Window Resizer para Google Chrome también es una gran herramienta para considerar su uso. La herramienta le permite seleccionar un tamaño de pantalla. Y lo que lo hace único es que te permite rotar la vista. Esta es una gran herramienta cuando desea probar un cambio en una pantalla lateral.
Localice la extensión Window Resizer y haga clic en el botón «Agregar a Chrome».
Haga clic en el botón «Agregar extensión» y estará listo para comenzar. Ahora vaya al sitio web que desea ver como sitio móvil y haga clic en el icono de la extensión en la parte superior derecha del navegador.
Esto no es necesario, pero recomiendo hacer clic en la opción Abrir como ventana emergente. Esto abrirá la pestaña actual en la que se encuentra como una ventana emergente que puede cambiar de tamaño.
La extensión tiene preestablecidas algunas de las dimensiones de teléfono más populares, pero la característica más útil es en realidad la opción personalizada en la parte inferior. Esto le permite ingresar cualquier tipo de tamaño, lo que lo hace perfecto para consultar su sitio web en los diversos teléfonos inteligentes y tabletas disponibles.
Una vez que seleccione un tamaño, la ventana emergente cambiará en consecuencia.
Puede rotar la vista haciendo clic en la opción Rotar el punto de vista.
Esta es una herramienta muy útil para los desarrolladores y su uso es completamente gratuito, así que aprovecha lo que puedes hacer con ella.
Móvil primero
Hacer un sitio web optimizado para dispositivos móviles debe ser el primer pensamiento de cualquier desarrollador web. Lo más probable es que la mayoría de su tráfico provenga de usuarios móviles y esto es especialmente cierto para los sitios comerciales.
Por ejemplo, si administra un restaurante, es muy común que los clientes usen sus teléfonos para hacer un pedido mientras están en camino. O si simplemente buscan una tienda cerca de ellos. Este tipo de búsquedas se realizan predominantemente en dispositivos móviles.
Y no son solo los usuarios de los que debe estar al tanto. Google adoptó la práctica de indexación móvil primero en julio de 2019. Esto significa que los robots de los motores de búsqueda indexarán primero las páginas móviles. Por lo tanto, puede dañar significativamente su SEO si su sitio web no es compatible con dispositivos móviles.
La conclusión es que los usuarios de dispositivos móviles constituirán una parte importante de sus visitantes, así que asegúrese de que su sitio web esté listo para ellos.
¿Qué método usas para ver tu versión móvil? ¿Alguna vez ha tenido que hacer un cambio para ayudar a los usuarios móviles?