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

¿Busca ayuda con su SEO?

Mi nombre es Łukasz Żelezny, soy el fundador de SEO.London. He trabajado en la industria durante los últimos 20 años.
Como consultor de SEO, he ayudado a decenas de empresas.
¿Quiere mejorar sus resultados de SEO?
Vamos a discutir el asunto en una videollamada.

Empezar a trabajar

Adaptación a los cambios de comportamiento de los usuarios

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 global los usuarios acceden al Internet utilizando un dispositivo móvil, según Statista.

Esto representa un aumentar de alrededor del 30% en 2015. Si su sitio web fue diseñado para un ordenador de sobremesa o no tiene un sitio adaptado a móviles, puede esperar que su busque en Los resultados del ranking de los motores disminuyen con el tiempo.

Sitios web de sobremesa y ligeros

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 crear sitios web que contienen una lógica de programación complicada que se carga y procesa muy rápidamente en un navegador de un ordenador de sobremesa.

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 un dispositivo móvil que a uno de escritorio.

Imagina que realizas una búsqueda en Google desde tu móvil teléfono y ver resultados de búsqueda que son exactamente qué que busca. Sin embargo, cuando hace clic en los resultados de la búsqueda, no obtiene lo que los resultados indicaban que vería. En su lugar, obtiene una versión diluida 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 insuficiencia porque el contenido no coincide con lo descrito en los resultados de la búsqueda.

Estrategia de indexación de Google para móviles

Precisamente por este motivo, Google anunció un índice "mobile-first". estrategia en marzo de 2018. En lugar de indexación 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 velocidad de la página en los rankings de búsqueda móvil, que significa favorecer los sitios web que se cargan rápidamente en los dispositivos móviles a la hora de clasificar los resultados de búsqueda frente a los que se cargan más lentamente. Esto no significa que los sitios web sin versión móvil no se indexen, sino que los sitios web de carga rápida y adaptados a dispositivos móviles tienen más probabilidades de ser indexados. rango en los resultados de búsqueda de Google que los sitios web más lentos y pesados que requieren un ordenador de sobremesa.

Cómo activar la indexación mobile first:

1. Rediseñar su sitio web

Una estrategia de indexación pura, de Google mobile-first, suele significar una completa rediseño de su sitio web. El diseño se dirige a los dispositivos móviles y luego se adapta a otras plataformas, como los ordenadores de sobremesa. Un diseño de indexación mobile-first suele ser sencillo 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.

2. Adapte su sitio web

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.

3. Sitios web responsivos y Mobile First Indexing

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. Al hacer clic en la esquina de la ventana y arrastre para hacer la ventana más pequeña, ¿qué sucede? 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 responsivo, el sitio web se reformatea automáticamente cuando la ventana de visualización alcanza ciertos tamaños, de modo que todo el contenido sigue 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.

4. Sistemas de gestión de contenidos (por ejemplo, WordPress)

Si utiliza un contenido gestión sistema (CMS) como WordPressdeberías utilizar un tema adaptable. Si tu tema actual no es responsive y existe una versión más reciente, actualízala. Si no existe una versión responsive, cambia a un tema responsive.

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

5. Juegos de herramientas de desarrollo web (por ejemplo, Bootstrap)

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.

6. Herramientas para probar su diseño amigable con los móviles

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ás un informe que le indica el grado de compatibilidad de su sitio web con dispositivos móviles, con sugerencias específicas para mejorar sus puntuación.

7. Sitios web de carga rápida

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 responsivos incluyen funciones que, al menos parcialmente dirección algunas de estas áreas para ayudar a que su sitio web se cargue más rápidamente en un dispositivo móvil.

8. Cómo se procesa un sitio web

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.

9. Imágenes y Google Mobile First Indexing

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 tiempo tardará en cargarse. Sea realista con la resolución que necesita para el imágenes que muestra 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.

10. Código y Google Mobile First Indexing

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á.

11. Carga en segundo plano y Google Mobile First Indexing

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.

12. Herramientas de medición y mejora de la velocidad

Una página en el sitio de desarrolladores de Google llamada Make the Web Faster ofrece consejos, recomendaciones de buenas prácticas y recursos para ayudarte a que tu sitio web se cargue más rápido. Una de las principales herramientas de ese conjunto de herramientas se llama PageSpeed Insights. PageSpeed Insights te muestra lo que ocurre desde que empiezas a cargar tu sitio web hasta 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 para mejorar el rendimiento e incluso te proporciona versiones optimizadas de tus archivos de imagen que se cargarán más rápidamente.

13. Adaptarse para sobrevivir

Incluso si no puedes hacer un diseño verdaderamente "mobile-first" de Google ahora mismo, puedes hacer que tu sitio web parezca "mobile-first" utilizando páginas web responsivas y reduciendo el tiempo que tarda en cargarse y mostrarse tu 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 que le penalicen por no haber adoptado un enfoque mobile-first.