¿Cómo y por qué tener un sitio web “mobile friendly” ?

En el 2015, Google lanzó una nueva actualización de algoritmo, su nombre fue Mobilegeddon. Para sitios web mobile friendly, (amigable con dispositivos móviles). Éste castigaba los sitios web que no eran amigables con los dispositivos móviles.

Google diseñó y lanzó esta actualización de algoritmo, para impulsar las páginas optimizadas para dispositivos móviles.

Como consecuencia de ello, muchos sitios web que son mobile friendly, obtuvieron una mejor posición de los SERP (páginas de resultados de las búsquedas) de Google.

Al mismo tiempo, los sitios que carecían de páginas web optimizadas para dispositivos móviles perdieron su posición en los SERP de Google.

Inmediatamente después de esto, la necesidad y la popularidad de los sitios web optimizados para mobile friendly, ha aumentado notablemente.

Ahora, casi todas las empresas buscan tener un sitio web que sea amigable para los dispositivos móviles, o que responda a todos los dispositivos como teléfonos inteligentes, tabletas, etc.

Este tipo de diseño para sitios web, se conoce como diseño responsivo.

Y son diseñados por desarrolladores de sitios web profesionales.

 
Lea también: ¿Por qué tener un sitio web con diseño responsivo?

Beneficios de un sitio web mobile friendly

Un sitio web mobile friendly ofrece además de lo mencionado anteriormente, los siguientes beneficios:

  1. Más visibilidad del sitio web
  2. Mejor experiencia de usuario
  3. Más tráfico hacia el sitio web
  4. Mejor rendimiento tanto las búsquedas, como en la visualización
  5. Velocidad de descarga más rápida
  6. Portabilidad y conectividad
  7. Identidad de marca más significativa
  8. Nuevas oportunidades publicitarias
  9. Mejor interacción con funciones específicas para mobile friendly, como las funciones de asignación de llamada (clic to call).

 

Cree un sitio web amigable, use un diseño responsivo

El diseño web responsivo, garantiza una experiencia de visualización óptima y una mejor experiencia de interacción.

Una página web responsiva se adapta fácilmente a varios entornos de medios y a los diferentes tamaños de pantalla, en las resoluciones de todos los dispositivos con acceso a Internet.

Se vuelve fácilmente visible con un esfuerzo mínimo de cambio de tamaño, paneo y desplazamiento.

Se visualiza mejor a través de una variedad de dispositivos como: computadores de escritorio, computadores portátiles, teléfonos inteligentes, tabletas, iPods, etc.

Para hacerlo, los diseñadores web utilizan diseños flexibles, imágenes flexibles, estilos CSS3, Bootstrap, consultas de medios, fluidos y grillas basadas en la proporción.

Las páginas web responsivas son lo suficientemente inteligentes como para detectar el tamaño y la orientación de la pantalla del dispositivo que esté utilizando el visitante.

 

Incluya una meta-etiqueta de ventana

  • La ventana gráfica es un área virtual identificada por los navegadores.
  • Ayuda a los motores de búsqueda a determinar cómo se escala y se dimensiona cada pieza de contenido en una página web.
  • Le dice al navegador que sus páginas web deben ajustarse a los tamaños de pantalla ya dimensionados por el diseñador web.
  • Usarlo en la sección del encabezado, siempre es bueno y recomendable.

 

Use imágenes de alta resolución

Siempre es recomendable usar imágenes de alta resolución. Esto garantiza una mejor experiencia de usuario y un alto nivel en la calidad de la imagen.

Los últimos sitios web que son mobile friendly, ya están usando codificación para adaptarse a pantallas de alta definición.

Estos necesitan imágenes de alta resolución, que es casi el doble de una resolución de escritorio.

Obtener imágenes de alta resolución, lo ayuda a evitar imágenes borrosas y otros problemas relacionados con los píxeles.

 

Cuide los tamaños de los botones y los tamaños de letra

Debe tener en cuenta los tamaños de los botones y las fuentes de las letras. Esto es importante para los teléfonos inteligentes y otros dispositivos móviles.

El tamaño de la fuente debe ser de al menos 14px.

Del mismo modo, el tamaño de un botón debe ser de al menos 44px por 44px (según las pautas de diseño de Apple).

Por Daniel McBreen

 

1 Respuesta

  1. Este blog es realmente un paseo a través de toda la información que anelaba sobre este este tema tan complejo y no sabía a quién preguntar .

Agregar comentario

× ¿Cómo puedo ayudarte?