Hoy en día, los dispositivos móviles se han convertido en un elemento crucial en la estrategia de comunicación digital de empresas y negocios, gracias al amplio alcance de la tecnología móvil, como los Smartphones y las tablets. Debido a la prevalencia de estos dispositivos, es esencial adaptar nuestro contenido para aquellos que acceden principalmente a través de dispositivos móviles. En este artículo, exploraremos cómo adaptar el contenido para la versión móvil de WordPress, con el objetivo de llegar a un público más amplio.
Indice De Contenidos
Es importante editar en la versión móvil de wordpress
En la actualidad, los dispositivos móviles no solo se utilizan para enviar y recibir mensajes o llamadas, sino que se han convertido en una de las principales herramientas para acceder a Internet. Esto incluye actividades como realizar compras, leer noticias, consultar artículos, buscar empleos y empresas, y conectarse con otros usuarios a través de las redes sociales.
La forma en que realizamos las búsquedas ha evolucionado y es diferente si la realizamos desde un ordenador o desde un dispositivo móvil. Las búsquedas desde dispositivos móviles suelen estar relacionadas con temas locales o inmediatos. Sin embargo, dado que los dispositivos móviles se utilizan para una amplia gama de búsquedas y temáticas, Google ha adaptado su algoritmo para dar preferencia a los sitios web que están optimizados para estos dispositivos.
Dada esta tendencia, es esencial que nuestros sitios web en WordPress estén completamente optimizados para dispositivos móviles. No hacerlo puede afectar nuestra posición en el ranking de Google y, por lo tanto, la visibilidad que tenemos para los usuarios que prefieren acceder exclusivamente desde su dispositivo móvil. Esta población de usuarios está en constante crecimiento.
Para corregir los errores de usabilidad móvil en wordpress
Si utilizamos WordPress, es muy probable que nuestro sitio web o blog ya esté optimizado para dispositivos móviles, ya que las actualizaciones recientes de WordPress y de muchos temas incluyen esta funcionalidad. Por lo tanto, el primer paso es asegurarse de tener la última versión de WordPress y del tema que estemos utilizando.
Si no es así, es posible que recibamos una notificación de Google Search Console con un mensaje de advertencia.
Incluso si no somos expertos en programación, no debemos alarmarnos al ver este tipo de mensajes. De hecho, a menudo la solución es más sencilla de lo que parece. A continuación, exploraremos cómo se pueden resolver algunos de los problemas más comunes en estos casos.
El primer paso es ir a Google Search Console, en la sección de usabilidad móvil, y revisar cuáles son los problemas que presenta nuestro sitio web al mostrarse en un dispositivo móvil.
Algunos errores habituales
A continuación la solución a los errores más comunes:
1-Ventana gráfica con configurada:
La ventana gráfica es un elemento crucial en el diseño web responsivo, ya que determina cómo se muestra una página web en un dispositivo móvil. Si la ventana gráfica no está configurada, la página se mostrará con el mismo ancho que en un ordenador, pero con las proporciones ajustadas a la pantalla del dispositivo, lo que puede resultar en una experiencia de usuario deficiente.
Para garantizar una correcta adaptación en los distintos dispositivos móviles, es necesario configurar correctamente la ventana gráfica.
Para ello, insertamos la etiqueta «viewport» en la sección <head></head> de nuestra página web, de la siguiente manera:
<meta name=»viewport» content=»width=device-width, initial-scale=1″>
Con esta configuración, estamos ajustando elementos como el ancho, el alto, el tamaño y la escala de la ventana gráfica para que se adapte correctamente a los distintos tamaños de los dispositivos móviles.
El valor «width=device-width» permite un ajuste dinámico al tamaño de cada dispositivo, equivalente al 100% del ancho de la pantalla del dispositivo. Mientras que «initial-scale=1» define la escala inicial, mostrando la página a una escala de 1:1 sin aplicar ningún zoom.
Es recomendable insertar esta etiqueta desde la plantilla del sitio, ya que si se añade directamente desde el editor, se eliminará cada vez que se actualice la plantilla y será necesario volver a insertarla.
2- Elementos táctiles demasiado próximos entre sí:
En ocasiones, Google puede notificar a través de Search Console que hay demasiados elementos táctiles próximos entre sí. Este problema se refiere a que los elementos en nuestra web son muy pequeños y están demasiado juntos, lo que puede dificultar su selección en un dispositivo táctil. Los elementos que suelen estar muy juntos son, por ejemplo, los botones del menú principal.
La solución a este problema implica aumentar el espacio entre los elementos táctiles y, en algunos casos, hacerlos más grandes para facilitar su selección. Esta acción no solo mejorará la experiencia del usuario en dispositivos móviles, sino que también podría tener un impacto positivo en el posicionamiento SEO de la página, ya que Google favorece a los sitios web que están optimizados para dispositivos móviles.
Adaptar nuestra web para editar en la versión móvil de wordpress usando un Plugin
Una opción sencilla para optimizar nuestra web en dispositivos móviles es instalar un plugin en WordPress. En este caso, recomendamos el plugin WPtouch Mobile.
WPtouch Mobile crea automáticamente una versión optimizada de nuestra web para dispositivos móviles, independiente del diseño de la versión de escritorio. Así, los usuarios que accedan desde dispositivos móviles verán un tema diferente y adaptado a sus pantallas. Existen diferentes temas disponibles para escoger si utilizamos la versión pro, pero la versión gratuita también ofrece opciones básicas de personalización, como la configuración del menú.
Además de WPtouch Mobile, otro plugin que podrías considerar es el WP Mobile Detector, que cumple una función similar. Puedes buscarlo, conocerlo y utilizarlo si es de tu agrado.
Para adaptar una plantilla de wordpress al móvil
Hay recursos en línea, como tutoriales en video, que explican cómo adaptar una plantilla de WordPress al móvil fácilmente. Estos recursos pueden ayudarte a aprender y entender el proceso paso a paso.
Después de realizar las modificaciones necesarias, puedes utilizar herramientas de Google, como Google Mobile-Friendly Test, para verificar si tu web cumple con las condiciones de optimización para dispositivos móviles. Optimizar tu sitio para móviles es vital para el ranking en Google y para llegar a usuarios que prefieren utilizar dispositivos móviles para acceder a Internet.
Al adaptar tu sitio web a dispositivos móviles, no solo lograrás que tus contenidos sean más accesibles para usuarios que acceden desde dispositivos móviles, sino que también podrías mejorar tu alcance y reconocimiento. La tendencia de uso de dispositivos móviles para acceder a páginas web sigue en aumento, por lo que es fundamental mantenerse actualizado y optimizar tu sitio para estos usuarios.
Visita nuestros últimos artículos para que te enteres de lo último en tecnología:
Descubre los mejores temas para Moodle.
Conoce cual es el mejor análisis de cabeceras HTTP de un servidor.