Las páginas deberán ser amigables a varios dispositivos

El Marzo del año pasado, Google anunció en realidad un cambio en su algoritmo antes ya había sucedido. En este post se menciona que a partir del 21 de abril las páginas deberán ser amigables a varios dispositivos se convertirá en un factor de clasificación más y más.

En las últimas semanas hemos estado recibiendo bastantes informes de GoogleWebmaster Tools. No sólo añaden un elemento de usabilidad móvil bajo la sección de búsqueda de tráfico, sino que también enviaron correos electrónicos con los tema “Fix usabilidad móvil problemas encontrados en”. Obviamente, Google está trayendo páginas amigables bajo atención del propietario de la Página Web.

Así que pensamos que sería una buena idea para explicar lo que debes prestar atención a y lo que pensamos que deberían hacer para prepararte para la actualización del 21 de abril.

El impacto de esta actualización será grande

Pero antes de prepararte, permite convencerte de que es muy importante tomar medidas, si no lo ha hecho. Como Google menciona en su propios blogs, el impacto sobre los resultados de la búsqueda será significativo. Además, SearchEngine Land anunció que Bahajji Ait Zineb fue citado para decir que el impacto de esta actualización será más grande que las actualizaciones realizadas por Google nombradas Panda o Penguin.

Problemas comunes

Hay algunos avisos que vimos unas cuantas veces. Estamos seguros que esto no es una lista completa, pero cubre todos los temas más comunes.

Viewport viewport no configurado/Fixed-width.

Lo que esto significa es que debería ganar su web sensible. Un sitio web responde escalará a cualquier tamaño automáticamente, sin intentar Mostrar la página entera en una pantalla mucho más pequeña (por ejemplo, un teléfono inteligente). Michiel escribió un gran post sobre diseño que puede ayudar mucho.

Toque los elementos muy cerca

Este es un aviso muy sencillo. Cuando se visualiza su sitio de Internet en un smartphone o tablet, las diferentes áreas de un usuario es capaz de hacer clic en demasiado cerca uno al otro. Esto significa que ellos podrían ser misclicking, que es obviamente molesto y no muy fácil de usar.
Google recomienda que sus objetivos importantes deben ser por lo menos 48 CSS pixeles de altura/ancho (con un viewport configurado correctamente). Si son algo más pequeños que, deberían tener espacio adicional; No otros objetivos deben ser dentro de 32 pixeles CSS de él (horizontal y verticalmente).

Tamaño de la letra pequeña

Éste es bastante sencillo. Google considera la fuente al ser demasiado pequeños para ser legibles decentemente. Antes de fijar esto, tendrás para asegurarse de que tienes tu vista configurado correctamente. Google ofrece las siguientes recomendaciones para su tamaño de la fuente:
Utilice un tamaño de fuente base de 16 pixeles CSS. Ajustar el tamaño según sea necesario basado en las propiedades de la fuente que se utiliza.
Utilice tamaños en relación con el tamaño de la base para definir la escala tipográfica.
Texto necesita espacio vertical entre sus personajes y puede necesitar ser ajustada para cada fuente. La recomendación general es usar el navegador por defecto línea-altura de 1.2em.
Restringir el número de las fuentes utilizadas y la escala tipográfica: demasiadas fuentes y tamaños de fuente conducen a diseños de página excesivamente complejo y desordenado.

Contenido no adecuado a responsabilidad

Una vez que se ha establecido su visión adecuadamente, no deberías olvidarte de su contenido. Todos los elementos con un ancho fijo aún asegurará que su sitio lo contrario (esperemos) sensible se torna inservible en dispositivos móviles. Así que debe tener en cuenta lo siguiente:
Cualquier elemento grande (como imágenes) no está utilizando un ancho fijo;
Contenido no debe ser establecido en una vista específica ancho;
Debería utilizar las consultas de los medios CSS para dar diferentes estilo para pantallas de menor tamaño que a pantallas más grandes.

Haga su sitio web responsivo:

Por ahora, espero que tengas la esencia de lo que es Google está tratando de decir: haga su sitio web sensible. Incluso hicieron una completa guía de sitios móviles respetuosos. Hay una prueba del móvil, que le dará cualquiera de estas respuestas:

Y cuando recibas el mensaje la página no es móvil, podrá obviamente también decirle por qué no es. Esto podría ser una buena herramienta para utilizar en las páginas nuevas, por ejemplo. Sin embargo, es sólo por página, para comprobar su sitio web no es probablemente la mejor opción. Por eso también puede consultar la sección de usabilidad móvil en tu Google Webmaster Tools. Esto le dará una lista de todas las páginas que dio errores que Google encuentra.
Otra forma de gran y muy simple para verificar si su sitio web es sensible o no,es simplemente cambiar el tamaño de la ventana del navegador. Si tu web no escala con el tamaño de la ventana del navegador, probablemente no es responsiva.

¿Qué más puedo hacer?

Si eres todavía no está seguro si haces todo lo que puedes hacer con tu sitio, o quieres profesionales para echar un vistazo a la usabilidad móvil (y mucho más)de su sitio, definitivamente deberías revisar nuestro sitio web Comentarios. Personalmente voy comprobamos su sitio para cualquier problema sobre usabilidad móvil, y mucho más.

Eso es todo!

No hay mucho más que esto, realmente: haga su sitio web sensible. Y prueba de móvil-amistad después de eso. Esto no sólo hará que evitarán ser ‘golpeado’ por esta actualización, en realidad hará su sitio de Internet más útil para sus visitantes. Y eso es lo que debería ser en primer lugar sobre. Optimización de la feliz!