Sitio web móvil es igual a aparecer en Google

Ahora tener un sitio web compatible con dispositivos móviles significa un sitio web compatible con Google. Bienvenidos a “Sitio web móvil es igual a aparecer en Google”.

De otra forma, ahora que Google prioriza la indexación de sitios, primero en su versión móvil que la de escritorio, se vuelve más relevante.

Asi que…

¿Tienes un sitio web optimizado para dispositivos móviles?

¿Tu sitio web tiene un diseño responsivo?

¿Consideras a los usuarios que usan la web en dispositivos móviles?

En caso afirmativo, aquí hay buenas noticias de Google. 

Google ahora agregará oficialmente la etiqueta “Amigable para dispositivos móviles” a esos sitios web en los resultados de búsqueda que sean aptos para dispositivos móviles.

Hoy en día, cada vez más usuarios utilizan la web en dispositivos móviles y, por lo tanto, es imprescindible optimizar tu sitio web para estos dispositivos. 

Pero, ¿cómo saber si tu sitio web es compatible con dispositivos móviles o no? 

Puedes hacerlo aquí .

Herramienta de verificación de optimización móvil
Herramienta de verificación de optimización móvil. Para tener un sitio web móvil y que aparezca en Google

Y su resultado:

Resultado de la herramienta de verificación de optimización móvil
Resultado de la herramienta de verificación de optimización móvil

También puede realizar la Prueba de usabilidad móvil a través de las Herramientas para webmasters de Google.

Prueba de usabilidad móvil en Google WebMasters
Prueba de usabilidad móvil en Google WebMasters

Puntos a tener en cuenta al crear un sitio web amigable para dispositivos móviles:

Recuerda que tener un sitio web móvil es igual a aparecer en Google. Así que sigue estas pautas:

Se responsivo

  • El diseño responsivo permite brindar a tu visitante una experiencia similar en una computadora de escritorio, tableta o teléfono inteligente. 
  • No solo brinda una mejor experiencia de usuario, sino que también es fácil de administrar.

Tamaño del contenido

  • El tamaño del texto debe ser lo suficientemente amplio para que pueda leerse fácilmente en las pantallas móviles. 
  • No debe ser ni demasiado pequeño ni demasiado grande. 
  • La idea detrás de esto es acercar o alejar con frecuencia no es una buena experiencia para el usuario.
  • Del mismo modo, el botón y el tamaño del contenido deben ser apropiados para que el usuario no tenga que desplazarse todo el tiempo. 
  • Aunque la mayoría de los navegadores modernos son navegadores inteligentes y ajustan el tamaño de fuente y el tamaño general de la pantalla, es recomendable tomar precauciones de antemano.
  • Mantén los enlaces separados para que el usuario no haga clic accidentalmente en enlaces incorrectos.

Manténlo corto y simple

  • Transmite tu mensaje de la manera más clara y concisa posible. 
  • A nadie le gustaría leer largos párrafos en el móvil a menos que alguien lea un libro
  • Se desaconseja el uso de flash, imágenes pesadas, gráficos, etc. 
  • Úsalos solo si es inevitable o el tema de tu sitio web los necesita.
  • En caso de que necesites usar video, usa el reproductor de video HTML5 para que se ejecute en la mayoría de los dispositivos.
  • El tiempo de carga de la página debe ser mínimo para que nadie se quede esperando y se optimice el uso de la memoria.
  • Usa íconos en lugar de enlaces de texto para la navegación donde corresponda.

Evitar el uso excesivo de Javascript

  • Los diferentes navegadores y teléfonos tratan javascript de manera diferente. 
  • Además, los usuarios pueden haber deshabilitado JavaScript en sus navegadores. 
  • Por lo tanto, debes usarlos con la debida precaución.

Diseño para móvil

  • Explora tu sitio web en el escritorio y cambia el tamaño del navegador, reduciendo el ancho y manteniendo el sitio web aún legible. 
  • Ahora configure este ancho como se muestra a continuación.

<meta name = viewport content = 'ancho = 600' content = 'escalable por el usuario = sí'>

  • Con el atributo escalable por el usuario establecido como sí, el usuario podrá acercar y alejar la imagen.
  • Para cambiar el tamaño de las imágenes y los campos de entrada en dispositivos móviles, establece el ancho máximo en 100%.
  • Para las imágenes de fondo, configura el tamaño del fondo para que se redimensione automáticamente.
  • Utiliza los últimos estándares tecnológicos para el diseño. 
  • Por ejemplo, puedes utilizar el atributo de marcador de posición de la etiqueta de entrada para no tener que usar etiquetas.

<input id = "Email" name = "Email" type = "email" placeholder = "Email" value = "" spellcheck = "false" class = "">

  • Usa consultas de medios para aplicar diferentes CSS para diferentes dispositivos.

<style>
/ * CSS para
equipos de escritorio * / .button {
font-size: 1.2em;
}
/ * CSS para otros dispositivos * /
@media pantalla y (ancho máximo:
500 px ) {.button {font-size: 1.0em; }}
</style>

  • En lugar de establecer la posición de los objetos en fijo, configúralo como estático para dispositivos móviles. 
  • La posición fija distorsionará la vista mientras se desplaza.

Usa herramientas de SEO

  • Si tu sitio web está alojado en CMS, haz un buen uso de la amplia variedad de complementos de SEO disponibles.
  • Utiliza herramientas como Site-Ninja que ofrecen una vista previa de cómo se verá tu contenido para tus usuarios, independientemente de cualquier dispositivo.

Utiliza información de GPS

  • Presenta información específica de la ubicación a los usuarios, por ejemplo, descuentos y ofertas locales.
  • Establece el idioma del contenido en función de la ubicación geográfica.

 Enlaza al sitio completo o versión de escritorio

  • La versión móvil amigable es una versión en miniatura. 
  • Para los usuarios que desean ver la versión de escritorio completa del sitio web, proporciona un enlace en el pie de página para que no tengan que volver a escribir la URL en la barra de direcciones.
  • Actualmente, los sitios web bien diseñados no requieren esto último, así que verifica tu diseño para evitar doble trabajo.

Y finalmente,

Prueba bien en todas las plataformas, dispositivos y navegadores

  • Asegúrate de que tu usuario tenga una experiencia agradable al usar tu sitio web y vuelva a querer más.

Lo anterior es solo una breve compilación. 

Hay varias formas de presentar contenido amigable para dispositivos móviles a tus visitantes. 

Podrías estar perdiendo negocios importantes en caso de que estés descuidando el sitio web amigable para dispositivos móviles.

Más ahora que Google ha comenzado a mostrar la etiqueta “Compatible con dispositivos móviles” para todos los sitios web receptivos en su propia página de resultados.

Conclusión

Recuerda, el sitio web “Mobile-Friendly” es “User-Friendly“.

Por lo tanto, “Google-Friendly“. 

Con las últimas publicaciones de Google, pronto podría considerar también la función “compatible con dispositivos móviles” como parámetro de clasificación.

Gracias por leer “Sitio web móvil es igual a aparecer en Google”.

Recuerda que estamos para apoyarte en sus estrategias de marketing y desarrollo web. Contáctanos sin compromiso.

Click para valorarnos!
[Total: 0 Promedio: 0]

Author

Luis Carlos Estrello

Luis Carlos Estrello es el director de la Agencia Soluciones Web Mty. Apasionado del Diseño, de estrategias de marketing y desarrollo web, ha seguido el día a día de estas disciplinas y su efectivo uso comercial para las empresas.

Deja un comentario