Esta semana Google altera la forma en que ordena los resultados de búsqueda en los teléfonos para dar preferencia a lo que denomina sitios web amigables con dispositivos móviles.

El cambio en el algoritmo de Google significa que los sitios que no han sido optimizadas para ser fácil de usar y visualizar en dispositivos móviles desenderán en el ranking de búsqueda móvil.

La mitad de las búsquedas de Google se realizan desde dispositivos móviles y cuando el gigante tecnológico anunció el cambio en febrero se advirtió que tendría un “impacto significativo” en donde los sitios aparecerían en los resultados.

Google ofrece una herramienta para permitir ver si los sitios pasan la prueba móvil fácil. Sitios que no parecen estar cayendo falta de errores comunes – muchos de los cuales son bastante simples para rectificar. Aquí está el enfoque que debe tomar si usted quiere pasar la prueba.

Asegúrese de que los enlaces y botones no están demasiado juntos

Google marcará abajo su sitio si los enlaces, botones u otros elementos para hacer clic están lo suficientemente cerca como para que determine que es posible golpear accidentalmente el equivocado.

Para evitar este problema, Google recomienda hacer elementos que desea ser clicqueables más grande o añadir más espacio a su alrededor. Lo ideal sería que los usuarios deberían ser capaces de golpear los elementos para hacer clic sin que su dedo se superponga a otras partes para hacer clic de la página.

De acuerdo con sus directrices, la yema del dedo adulto promedio es de aproximadamente 10 mm de ancho, lo que significa que los botones y enlaces deben presentar un tamaño objetivo de aproximadamente 48 píxeles en un sitio con una ventana móvil configurada correctamente. Cuando los enlaces o botones deban ser más pequeños que esto, Google sugiere tener ningún otro elemento para hacer clic en un tamaño de al menos 32 píxeles.

No haga el contenido más amplio que la pantalla

Las barras de desplazamiento horizontales son un no-no para Google en el móvil. Se prefiere que las páginas no sean más anchas que la pantalla del dispositivo.

Al configurar el ancho de los contenedores para texto o imágenes, Google recomienda utilizar valores relativos, como porcentaje, en lugar de valores fijos, como píxeles. También advierte contra el uso de valores elevados al colocar elementos en una página utilizando posicionamiento absoluto, para evitar la posibilidad de que el elemento sea colocado fuera de la parte visible de la pantalla.

Diferentes diseños y estilos se pueden aplicar a los sitios web dependiendo del tamaño de dispositivo de visualización utilizando consultas de estilos CSS. Google ofrece una guía de fundamentos Web para ayudarle a empezar.

Trate de evitar los plug-ins

Google asume que la mayoría de los dispositivos móviles no son compatibles con los plug-ins para permitir tecnologías de terceros que se ejecutan en el navegador.

Eso significa que los plug-ins de Flash, Silverlight y Java en su página pudieran verle penalizado.

Google recomienda la supresión de la necesidad de plug-ins mediante la aplicación de los efectos utilizando tecnologías basadas en el navegador. Para orientación, sugiere HTML5 de audio y video, gráficos avanzados y efectos de presentación, conexiones de red, almacenamiento local y acceso a archivos como alternativas.

Especifique un ancho de ventana

El no especificar un ancho de ventana en el código HTML para su sitio puede hacer que los navegadores móviles presenten la página como si fuera en un navegador de escritorio, como se ve a continuación.

El resultado es que el texto puede ser difícil de leer y elementos interactivos como botones difíciles de clicquear.

Google aconseja ajustar a la anchura del dispositivo utilizando el tag: <meta name=viewport content=”width=device-width, initial-scale=1″> en la cabecera de su HTML.