Indexación Mobile First

Cita:

No es el más fuerte de la especie el que sobrevive, sino el más adaptable al cambio.
- Atribuido a Charles Darwin

Internet es todavía relativamente nuevo y sigue evolucionando. Cuando las personas buscan en Internet, ya no se sientan frente a sus ordenadores y escriben consultas de búsqueda cuidadosamente redactadas. Desde 2017, aproximadamente la mitad de los usuarios de Internet utilizan sus dispositivos móviles en lugar de sus ordenadores para buscar en Internet.

A medida que los usuarios cambian su forma de buscar en Internet, los motores de búsqueda deben cambiar la forma de indexar los contenidos para mostrar los resultados más relevantes y útiles. Esto significa que usted debe cambiar constantemente la forma de organizar y presentar la información a través de su sitio web si quiere posicionarse mejor en los resultados de búsqueda.

Aunque varía según la región, aproximadamente la mitad de los usuarios mundiales son acceder a Internet mediante un móvil dispositivo, según Statista.

Esto representa un aumento significativo de alrededor del 30 por ciento en 2015. Si su sitio web fue diseñado para un ordenador de sobremesa o no tiene un sitio adaptado a los dispositivos móviles, puede esperar que su motor de búsqueda clasificación los resultados disminuyen con el tiempo.

Los sitios web se desarrollaron inicialmente con el supuesto de que la gente accedería a Internet desde un ordenador de sobremesa. Esto ha permitido empresas para construir sitios web que contienen una complicada lógica de programación que se carga y procesa por un navegador en un ordenador de sobremesa muy rápidamente.

Sin embargo, a medida que los usuarios migran hacia el uso de sus teléfonos y tabletas, estos sitios web a menudo no pueden ser cargados y procesados rápidamente por un navegador en un dispositivo móvil.
Como resultado, algunas empresas han creado versiones "ligeras" de sus sitios web que se cargan y procesan en un dispositivo móvil en un tiempo razonable. Para crear estas versiones, las empresas suelen tener que eliminar muchas de las funciones y capacidades de las versiones de escritorio.

Cuando un usuario accede a un sitio web, éste determina el tipo de dispositivo que se está utilizando y sirve un conjunto diferente de páginas web a un usuario de dispositivo móvil que a un usuario de escritorio.

Imagina que realizas una búsqueda en Google en tu teléfono móvil y ves resultados de búsqueda que son exactamente qué que está buscando. Sin embargo, cuando hace clic en los resultados de la búsqueda, no obtiene lo que los resultados de la búsqueda indicaban que vería. En su lugar, obtiene una versión reducida de lo que esperaba porque el sitio web le sirvió un conjunto diferente de páginas web cuando determinó que estaba utilizando un dispositivo móvil.

El usuario medio culpa a Google de esta inadecuación porque el contenido no coincide con lo que se describe en los resultados de la búsqueda.

Precisamente por este motivo, Google anunció en marzo de 2018 una estrategia de índice mobile-first. En lugar de indexar las versiones de escritorio de los sitios web, Google comenzó a indexar las versiones móviles. En julio de 2018, Google también comenzó a utilizar la velocidad de la página en las clasificaciones de búsqueda móvil, lo que significa favorecer los sitios web que se cargan rápidamente en los dispositivos móviles al clasificar los resultados de búsqueda sobre aquellos que se cargan más lentamente. Esto no significa que los sitios web sin una versión móvil no se indexen, pero sí significa que los sitios web de carga rápida y adaptados a los dispositivos móviles tienen más probabilidades de clasificarse en los resultados de búsqueda de Google que los sitios web pesados y de rendimiento más lento que requieren un ordenador de escritorio.

Una estrategia pura de indexación de Google mobile-first suele implicar un rediseño completo de su sitio web. El diseño se orientaría a los dispositivos móviles y luego se adaptaría a otras plataformas, como los ordenadores de sobremesa. Un diseño de indexación mobile-first suele ser simple y conciso y utiliza formas geométricas, colores brillantes, tipografía fuerte y espacio en blanco como elementos de diseño.

El diseño sitúa los elementos de llamada a la acción en primer plano e incorpora modernos métodos de comunicación como el chat y los chatbots. No hace falta decir que un sitio indexado en Google mobile-first se carga rápidamente, y se mide constantemente para mantener o mejorar la velocidad.

Si no estás preparado para un rediseño completo de tu sitio web con indexación mobile-first, puedes adaptar lo que tienes actualmente para que sea mobile-friendly. Dado que todavía está tomando una versión de escritorio y adaptándola para dispositivos móviles en lugar de al revés, no es técnicamente una estrategia de Google mobile-first. Pero es un paso práctico en el camino hacia un diseño de sitio web indexado como mobile-first que le permite aparecer como mobile-first a los motores de búsqueda.

Al adaptar su sitio web actual a este entorno de Google mobile-first, el objetivo suele ser ofrecer el mismo contenido a todos los usuarios, independientemente del dispositivo que utilicen.

Sin embargo, la forma de formatear y presentar el contenido es diferente según el tamaño de la pantalla que se utilice para verlo. En esta transición sigue siendo aceptable incluir alguna funcionalidad adicional, como opciones de menú o botones, que sólo aparecen cuando se accede al sitio web desde un ordenador. Incluso Google lo hace.

Afortunadamente, hay herramientas que ayudan a que esta transición a la compatibilidad con los dispositivos móviles sea más fácil que nunca. Y hay herramientas que le permiten medir su éxito e identificar las áreas que aún necesitan mejorar.

Para hacer esta transición a un sitio web más amigable con los móviles o Google mobile-first, la palabra que hay que adoptar es responsive. El diseño web responsivo es un enfoque que adapta automáticamente la presentación de un sitio web en función de la plataforma, la orientación y el tamaño de pantalla o ventana del usuario.

Imagina un sitio web que está abierto en tu ordenador de sobremesa y visible en el monitor de tu ordenador. Cuando haces clic en la esquina de la ventana y la arrastras para hacerla más pequeña, ¿qué ocurre? En un sitio web que no es responsivo, no pasa nada. Simplemente se corta todo lo que estaba a la vista y ahora hay que desplazarse a izquierda y derecha para ver ese contenido.

Sin embargo, en un sitio web con capacidad de respuesta, el sitio web se reformateará automáticamente cuando la ventana de visualización alcance determinados tamaños, de modo que todo el contenido siga siendo visible en esa ventana. En lugar de que el contenido aparezca de lado a lado, se apila verticalmente. Si bien es posible que tengas que desplazarte hacia abajo en la página para ver todo el contenido, el contenido que ves se ajusta a tu ventana de visualización y no tienes que desplazarte a izquierda y derecha para verlo.

Si utilizas un sistema de gestión de contenidos (CMS) como WordPress, deberías utilizar un tema responsivo. Si tu tema actual no es responsivo y hay una versión más nueva y responsiva disponible, actualízala. Si no existe una versión adaptable, cambia a un tema adaptable.

La mayor parte del trabajo pesado lo hará por ti el tema. Tendrás que revisar cómo se ven las páginas responsivas en diferentes dispositivos móviles y determinar si necesitas cambiar la forma de presentar alguna información que no se convierta bien en páginas responsivas.

Si no estás usando un CMS, empieza a usar un kit de herramientas como Bootstrap. Bootstrap es un conjunto de herramientas de código abierto para el desarrollo web con HTML, CSS y JavaScript. Te ayuda a crear sitios web con capacidad de respuesta y con el índice Google mobile-first utilizando su sistema de rejilla responsiva, componentes frontales preconstruidos y plugins.

Para comprobar su nuevo diseño, vaya a la prueba de compatibilidad con dispositivos móviles de Google e introduzca la URL de su sitio web. Obtendrá un informe que le indicará el grado de compatibilidad con los dispositivos móviles de su sitio web, con sugerencias específicas para mejorar su puntuación.

Ya sea que tenga un sitio de escritorio, un sitio web apto para móviles o un sitio web mobile-first, hoy en día se asume que su sitio web se cargará rápidamente. Aunque un análisis de todos los factores que influyen en la rapidez de carga de su sitio web va más allá del alcance de este artículo, hay algunos elementos de diseño que pueden ralentizar significativamente la carga de su sitio web y que debe tener en cuenta.

Afortunadamente, la mayoría de los temas y conjuntos de herramientas con capacidad de respuesta incluyen características que, al menos parcialmente, abordan algunas de estas áreas para ayudar a que su sitio web se cargue más rápidamente en un dispositivo móvil.

Cuando visitas un sitio web, éste carga el código de la página que estás viendo en la memoria de tu dispositivo móvil, y luego procesa el código para formatear y mostrar la página en tu dispositivo. Cuando haces clic en un enlace para ir a la siguiente página, se descarta la página en la que estabas y se carga la siguiente en la memoria. Cuanto más tenga que cargar, más tiempo tardará en buscarla, enviarla por Internet y cargarla en tu dispositivo.

Cuanto más código tenga que procesar, más tiempo tardará en formatear y presentar lo que ha cargado en su pantalla. Eso significa que si carga menos y procesa menos, su sitio web suele cargar más rápidamente.

Los archivos de imágenes o fotografías suelen ser los culpables de que un sitio web se cargue lentamente. Cuanto mayor sea la resolución de la imagen, más grande será el archivo y más tardará en cargarse. Sé realista con la resolución que necesitas para las imágenes que muestras y reduce las imágenes para que se carguen más rápidamente.

Dependiendo del formato que utilices, puedes reducir las imágenes con o sin sacrificar la calidad. Las que sacrifican algo de calidad suelen tener un tamaño mucho menor que las que mantienen el mismo nivel de calidad.

Su navegador comenzará a formatear la página web a medida que se carguen los datos. Sin embargo, algunos códigos forzarán al navegador a detener el formateo y a esperar más código o incluso a que se cargue toda la página antes de reanudar su tarea de formateo.

Esto se llama bloqueo. En la medida de lo posible, hay que reducir el tamaño del código que se carga y eliminar el código que se bloquea. Una forma de reducir el tamaño del código es minificarlo eliminando los comentarios y el exceso de espacio en blanco.

Son importantes para que los programadores entiendan el código, pero no son necesarios para que un navegador lo procese. Si no se puede minificar el código, algunos servidores web enviarán una versión comprimida del código al navegador, que cargará la versión más pequeña y luego la descomprimirá.

Cuando estás viendo una página web, sólo ves la parte de la página que está dentro de tu ventana de visualización. Si tu navegador carga y formatea primero lo que ves en tu ventana, puede seguir cargando y formateando otros datos en segundo plano hasta que la página esté completa.

Para ti, la página web parece cargarse rápidamente y no te das cuenta necesariamente de que sigue cargando y formateando contenido a menos que tengas que esperar mucho tiempo cuando intentas desplazarte hacia abajo.

Una página del sitio de desarrolladores de Google llamada Make the Web Faster proporciona consejos, mejor-consejos prácticos y recursos para ayudarle a que su sitio web cargue más rápidamente. Una de las principales herramientas de ese conjunto de herramientas se llama PageSpeed Insights. PageSpeed Insights le muestra lo que ocurre desde el momento en que comienza a cargar su sitio web hasta el momento en que se ha cargado, formateado y presentado en un dispositivo móvil o de escritorio.

Esto le permite ver lo que está causando que su sitio web se cargue más lentamente para que sepa qué cambiar. La herramienta suele ofrecerte sugerencias específicas sobre cómo mejorar el rendimiento e incluso te proporciona versiones optimizadas de tus archivos de imagen que se cargarán más rápidamente.

Incluso si no puedes hacer un verdadero diseño "mobile-first" de Google en este momento, puede hacer que su sitio web parezca "mobile-first" utilizando páginas web responsivas y reduciendo el tiempo que tarda en cargar y mostrar su sitio. Es posible que estas dos estrategias no se traduzcan en una mejor clasificación en los motores de búsqueda porque son obligatorias, pero deberían ayudarle a evitar ser penalizado por no haber adoptado un enfoque "mobile-first".