Conocimiento Para Potenciar Tu Sitio Web

Cómo optimizar tu sitio web para equipos móviles

Cómo optimizar tu sitio web para equipos móviles thumbnail

A finales del 2016, las vistas de sitios web por equipos móviles sobrepaso la de computadores por primera vez en la historia. Esto gran logro no es realmente una sorpresa — era el resultado inevitable de nuestra creciente cultura a la adicción de los smartphones. El usuario de internet de hoy ya no está ligado a su escritorio, y el diseño de tu sitio web no debería estarlo tampoco. De otra manera, te estás perdiendo de muchas visitas. 

De hecho, por los últimos dos años, Google ha estado penalizando sitios que no incluyan una versión optimizada para equipos móviles. Soportar navegadores móviles no es solo una buena practica, es un componente vital para que tu sitio sea descubierto.

Afortunadamente, WordPress está adelantado en la curva cuando se trata de hacer que tu sitio se vea genial en computador, smartphones, tabletas y cualquier equipo intermedio. Si tener un sitio optimizado para móviles suena a otro idioma, no te preocupes — es mucho más fácil de lo que suena. Aquí hay unas sugerencias para que tu hogar digital se acomode a todos esos visitantes web en pantallas más pequeñas. 

Sé versátil al volverte adaptable

Posiblemente hayas escuchado tanto de sitios móviles como sitios adaptables o responsiva, en ingles. ¿Pero cuál es la diferencia?. La primera significa que una versión del sitio está destinada a cargar únicamente en equipos móviles. Puedes instalar plugins como WPtouch para crear una versión móvil de tu sitio sin alterar la versión de escritorio en absoluto.

La mejor opción, sin embargo, es hacer que el sitio sea adaptable. El diseño web adaptable se enfoca en crear una experiencia de vista óptima a través de diferentes equipos  — sin tener que navegar, moverte o ajustar a la pantalla donde estés. La mayoría de diseños adaptables funcionan en un marco como Twitter’s Bootstrap, que presenta columnas y cuadrículas escalables que se ajustan basados en el ancho del navegador. Otros marcos incluyen a Skeleton y Foundation. No importa el marco que uses, deberás saber HTML y CSS (si no es así, revisa Upwork o sitios similares) para soportar tus esfuerzos por adaptarte.

Afortunadamente, no necesitas saber codificar para entrar en la tendencia de sitios adaptables. Hasta con una búsqueda básica acerca de “responsive” en el directorio de temas de WordPress, saldrán miles de resultados. Ya que los temas son sometidos a procesos de rigurosas revisiones antes de ser aceptados en el directorio de Temas, es mejor buscar allí y evitar códigos defectuosos de otras fuentes. 

Cuando ya hayas instalado un tema adaptable, revisa que se vea muy bien en todos tus equipos. La gran mayoría de navegadores modernos tienen algún tipo de inspección de código. Chrome DevTools te permite simular gran variedad de dimensiones de equipos así como la Vista de diseño adaptable de Firefox. Si tu sitio se ve bien, ¡ya estás listo!

¿Tienes prisa? Activa Jetpack

¿No estás listo para cambiar de tema o no tienes el tiempo? Tu mejor apuesta está en activar Jetpack, un plugin adicional oficial de WordPress creado por la gente de Automattic.

Jetpack agrega mucha funcionalidad a WordPress, incluyendo un tema móvil. Aun si el tema de tu sitio no es adaptable, el tema móvil de Jetpack reescribirá instantáneamente en una pantalla más pequeña para que usuarios móviles puedan navegar sin lío. Cuando ya instales el plugin de Jetpack, navega al panel de WordPress y ve a Jetpack → Settings → Appearance, habilita el tema móvil y guarda cambios.

Con un clic, tu tema móvil queda activo y puedes navegar desde tu smartphone para revisar. Hay otras personalizaciones que puedes hacer, como cambiar colores y crear un menú específico para equipos móviles. No sobra decir que este tema no sé verá mucho como el tema de escritorio, pero estará optimizado para que lectores móviles puedan navegar. 

¡No olvides la Aplicación!

Optimizar tu sitio para equipos móviles no se trata solamente de tomar tus lectores en consideración. También puedes hacerte la vida más fácil al poder actualizar tu sitio en de camino. Si quieres optimizar tu proceso de creación de blog a nivel móvil, intenta instalar la App Móvil de WordPress.

Esta aplicación oficial y gratuita viene en dos sabores — iOS y Android —  para que puedas usarla no importa que sistema operativo corra en tu equipo móvil. Dentro de la aplicación puedes escribir publicaciones, editar contenido y manejar comentarios aunque estés bien lejos de tu computador. La aplicación también soporta múltiples sitios si tienes: ingresa solo una vez y ten tus blogs en la palma de tu mano. 

Editar tu sitio a través del móvil, también ayudará a entender mejor a tus usuarios móviles. Hay un enlace prominente para ver el sitio (View Site) en el panel de la aplicación y te recomendamos revisar eso de vez en cuando hagas cambios en contenido móvil. Al volverte un usuario móvil, te familiarizarás con cualquier detalle que cause problemas de vista y lectura para tus posibles clientes o lectores.

Leer en equipos móviles es más que una tendencia  — es el futuro de los sitios web. Entre más puedas acomodar a tus usuarios, sea que estén sentados enfrente de un computador o navegando desde su celular de camino al trabajo, más éxito vas a tener con tu página.

 

Lauren Orsini

Sobre el Autor: