Una guía en profundidad y las mejores prácticas para el SEO móvil

Con los años, los motores de búsqueda han alentado a las empresas a mejorar la experiencia móvil en sus sitios web. Más del 60% del tráfico web proviene de dispositivos móviles y, en algunos casos, basado en la industria, el tráfico móvil puede alcanzar hasta el 90%.

Dado que Google ha completado su cambio a la indexación móvil primero, la pregunta ya no es “si” su sitio web debe estar optimizado para dispositivos móviles, sino qué tan bien se adapta para cumplir con estos criterios. Ha surgido un nuevo desafío para los profesionales de SEO con la introducción de la interacción a la siguiente pintura (INP), que reemplazó el primer retraso de entrada (FID) a partir del 12 de marzo de 1224.

Por lo tanto, comprender los últimos avances de SEO móvil, especialmente con el cambio a INP, es crucial. Esta guía ofrece pasos prácticos para optimizar su sitio de manera efectiva para los requisitos de SEO centrados en móviles actuales.

¿Qué es el SEO móvil y por qué es importante?

El objetivo del SEO móvil es optimizar su sitio web para lograr una mejor visibilidad en los resultados de los motores de búsqueda específicamente adaptados para dispositivos móviles.

Esta forma de SEO no solo tiene como objetivo aumentar las clasificaciones de motores de búsqueda, sino que también prioriza la mejora de la experiencia del usuario móvil a través de contenido y tecnología.

Si bien, en muchos sentidos, el SEO móvil y el SEO tradicional comparten prácticas similares, se requieren pasos adicionales relacionados con la representación y el contenido del sitio para satisfacer las necesidades de los usuarios móviles y los requisitos de velocidad de los dispositivos móviles.

¿Esto debe ser una prioridad para su sitio web? ¿Qué tan urgente es?

Considere esto: el 58% del tráfico web del mundo proviene de dispositivos móviles.

Si no está enfocado en los usuarios móviles, hay una buena posibilidad de que se esté perdiendo una gran cantidad de tráfico.

Indexación móvil primero

Además, a partir de 2023, Google ha cambiado sus rastreadores a una prioridad de indexación móvil primero.

Esto significa que la experiencia móvil de su sitio es crítica para mantener la indexación eficiente, que es el paso antes de que los algoritmos de clasificación entren en juego.

Leer más: Donde estamos hoy con el índice móvil primero de Google

¿Cuánto de su tráfico es del móvil?

La cantidad de potencial de tráfico que tiene con los usuarios móviles puede depender de varios factores, incluida su industria (los sitios B2B pueden atraer principalmente a los usuarios de escritorio, por ejemplo) y la intención de búsqueda de sus direcciones de contenido (los usuarios pueden preferir escritorio para compras más grandes, por ejemplo).

Independientemente de dónde pueda estar su industria y la intención de búsqueda de sus usuarios, el futuro exigirá que optimice la experiencia de su sitio para dispositivos móviles.

¿Cómo puede evaluar su combinación actual de usuarios móviles versus de escritorio?

Una manera fácil de ver qué porcentaje de sus usuarios está en el móvil es ir a Google Analytics 4.

• Hacer clic Informes en la columna izquierda.
• Haga clic en el Icono de ideas En el lado derecho de la pantalla.
• Desplazarse hacia abajo a Preguntas sugeridas y haga clic en él.
• Hacer clic en Tecnología.
• Hacer clic en Modelo de dispositivo superior por usuarios.
• Luego haga clic en Categoría del dispositivo superior por los usuarios bajo resultados relacionados.
• El desglose de la categoría de dispositivo superior coincidirá con el rango de fechas seleccionado en la parte superior de GA4.

También puede configurar un informe en Looker Studio.

• Agregue su sitio a la fuente de datos.
• Agregar Categoría de dispositivo al campo de dimensión.
• Agregar Usuarios activos de 30 días al campo métrico.
• Hacer clic en Cuadro Para seleccionar la vista que funcione mejor para usted.

Captura de pantalla de Looker Studio, marzo de 2024

Puede agregar más dimensiones para profundizar realmente en los datos para ver qué páginas atraen qué tipo de usuarios, qué es la mezcla de móvil a desktop por país, qué motores de búsqueda envían la mayoría de los usuarios móviles, y mucho más.

Leer más: Por qué las clasificaciones móviles y de escritorio son diferentes

Cómo verificar si su sitio es amigable para móviles

Ahora que sabe cómo crear un informe sobre el uso de dispositivos móviles y de escritorio, debe averiguar si su sitio está optimizado para el tráfico móvil.

Si bien Google eliminó la herramienta de prueba amigable para dispositivos móviles de la consola de búsqueda de Google en diciembre de 2023, todavía hay una serie de herramientas útiles para evaluar su sitio para usuarios móviles.

Bing todavía tiene una herramienta de prueba amigable para dispositivos móviles que le indicará lo siguiente:

• La vista se configura correctamente.
• El contenido de la página se adapta al ancho del dispositivo.
• El texto en la página es legible.
• Los enlaces y los objetivos de TAP son suficientemente grandes y amigables con el tacto.
• Cualquier otro problema detectado.

La extensión de Chrome de Google Lighthouse le proporciona una evaluación del rendimiento de su sitio en varios factores, incluidos los tiempos de carga, la accesibilidad y el SEO.

Para usar, instale la extensión de Chrome del faro.

• Vaya a su sitio web en su navegador.
• Haga clic en el icono del faro naranja en la barra de direcciones de su navegador.
• Hacer clic Generar informe.
• Una nueva pestaña abrirá y mostrará sus puntajes una vez que se complete la evaluación.

Captura de pantalla de Lighthouse, marzo de 2024

También puede usar el informe del faro en las herramientas de desarrollador en Chrome.

• Simplemente haga clic en los tres puntos al lado de la barra de direcciones.
• Seleccione “Más herramientas”.
• Seleccione Herramientas de desarrollador.
• Haga clic en la pestaña Lighthouse.
• Elija “Móvil” y haga clic en el botón “Analizar carga de la página”.

Captura de pantalla de Lighthouse, marzo de 2024

Otra opción que ofrece Google es la herramienta PageSpeed ​​Insights (PSI). Simplemente agregue su URL al campo y haga clic en Analizar.

PSI integrará cualquier puntaje de vital web central en la vista resultante para que pueda ver lo que están experimentando sus usuarios cuando vengan a su sitio.

Captura de pantalla de PageSpeed ​​Insights, marzo de 2024

Otras herramientas, como webPageTest.org, mostrarán gráficamente los procesos y los tiempos de carga para todo lo necesario para mostrar sus páginas web.

Con esta información, puede ver qué procesos bloquean la carga de sus páginas, cuáles tardan más en cargar y cómo esto afecta los tiempos generales de carga de la página.

También puede emular la experiencia móvil mediante el uso de herramientas de desarrollador en Chrome, lo que le permite cambiar entre un escritorio y una experiencia móvil.

Captura de pantalla de Google Chrome Developer Tools, marzo de 2024

Por último, use su propio dispositivo móvil para cargar y navegar por su sitio web:

• ¿Lleva una eternidad cargar?
• ¿Puede navegar por su sitio para encontrar la información más importante?
• ¿Es fácil agregar algo al carrito?
• ¿Puedes leer el texto?

Leer más: Google PageSpeed ​​Insights Informes: una guía técnica

Cómo optimizar su sitio móvil primero

Con todas estas herramientas, vigile los puntajes de rendimiento y accesibilidad, ya que estos afectan directamente a los usuarios móviles.

Expanda cada sección dentro del informe PageSpeed ​​Insights para ver qué elementos están afectando su puntaje.

Estas secciones pueden dar a sus desarrolladores sus órdenes de marcha para optimizar la experiencia móvil.

Mientras que las velocidades móviles para las redes celulares han mejorado constantemente en todo el mundo (la velocidad promedio en los EE. UU. Ha aumentado a 27.06 Mbps de 11.14 Mbps en solo ocho años), la velocidad y la usabilidad para los usuarios móviles son muy importantes.

Leer más: Top 7 Beneficios de SEO del diseño web receptivo

Las mejores prácticas para la optimización móvil

A diferencia del SEO tradicional, que puede centrarse en gran medida en garantizar que esté utilizando el lenguaje de sus usuarios en lo que respecta a la intersección de sus productos/servicios y sus necesidades, la optimización del SEO móvil puede parecer muy técnico de SEO.

Si bien aún debe centrarse en hacer coincidir su contenido con las necesidades del usuario, la optimización de búsqueda móvil requerirá que la ayuda de sus desarrolladores y diseñadores sea completamente efectiva.

A continuación se presentan varios factores clave en el SEO móvil a tener en cuenta a medida que optimiza su sitio.

Representación del sitio

La forma en que su sitio responde a diferentes dispositivos es uno de los elementos más importantes del SEO móvil.

Los dos enfoques más comunes para esto son el diseño receptivo y el servicio dinámico.

Diseño receptivo es la más común de las dos opciones.

Utilizando las hojas de estilo en cascada de su sitio (CSS) y los diseños flexibles, así como las redes de entrega de contenido receptivas (CDN) y los tipos de archivos de imagen modernos, el diseño receptivo permite que su sitio se ajuste a una variedad de tamaños de pantalla, orientaciones y resoluciones.

Con el diseño receptivo, los elementos en la página se ajustan en tamaño y ubicación en función del tamaño de la pantalla.

Simplemente puede cambiar el tamaño de la ventana de su navegador de escritorio y ver cómo funciona esto.

Captura de pantalla de Web.dev, marzo de 2024

Este es el enfoque que Google recomienda.

Diseño adaptativotambién conocido como dporción ynámicaconsta de múltiples diseños fijos que se sirven dinámicamente al usuario en función de su dispositivo.

Los sitios pueden tener un diseño separado para usuarios de escritorio, teléfono inteligente y tabletas. Cada diseño se puede modificar para eliminar la funcionalidad que puede no tener sentido para ciertos tipos de dispositivos.

Este es un enfoque menos eficiente, pero le da a los sitios más control sobre lo que ve cada dispositivo.

Si bien estos no se cubrirán aquí, otras dos opciones:

• Aplicaciones web progresivas (PWA)que puede integrarse perfectamente en una aplicación móvil.
• Sitio móvil separado/URL (que ya no se recomienda).

Leer más: Una introducción a la representación de SEO

Interacción a la siguiente pintura (INP)

Google ha introducido la interacción en la próxima pintura (INP) como una medida más completa de la experiencia del usuario, lo que tiene éxito el retraso de la primera entrada. Mientras FID mide la hora desde que un usuario interactúa por primera vez con su página (por ejemplo, hacer clic en un enlace, tocar un botón) hasta el momento en que el navegador realmente puede comenzar a procesar los controladores de eventos en respuesta a esa interacción. INP, por otro lado, amplía el alcance midiendo la capacidad de respuesta de un sitio web durante toda la vida útil de una página, no solo la primera interacción.

Tenga en cuenta que las acciones como el flujo y el desplazamiento no influyen en INP, sin embargo, las acciones de desplazamiento o navegación impulsadas por el teclado se consideran pulsaciones de teclas que pueden activar los eventos medidos por INP pero no desplazamiento, lo cual está sucediendo debido a la interacción.

El desplazamiento puede afectar indirectamente a INP, por ejemplo, en escenarios donde los usuarios se desplazan a través del contenido, y el contenido adicional está cargado de la API. Si bien el acto de desplazarse no está incluido en el cálculo de INP, el procesamiento, necesario para cargar contenido adicional, puede crear contención en el hilo principal, aumentando así la latencia de interacción y afectando negativamente la puntuación INP.

¿Qué califica como una puntuación INP óptima?

• Un INP menor de 200 ms indica una buena capacidad de respuesta.
• Entre 200 ms y 500 ms necesita mejora.
• Más de 500 ms significa que la página tiene mala capacidad de respuesta.

Y estos son problemas comunes que causan puntajes de INP pobres:

1. Tareas de javascript largas: La ejecución pesada de JavaScript puede bloquear el hilo principal, retrasando la capacidad del navegador para responder a las interacciones del usuario. Por lo tanto, rompa tareas js largas en trozos más pequeños utilizando la API de Scheduler.
2. Tamaño de DOM grande (HTML): Un DOM grande (a partir de 1500 elementos) puede afectar severamente el rendimiento interactivo de un sitio web. Cada elemento DOM adicional aumenta el trabajo requerido para representar páginas y responder a las interacciones del usuario.
3. Devoluciones de llamada de eventos ineficientes: Los manejadores de eventos que ejecutan operaciones largas o complejas pueden afectar significativamente las puntuaciones de INP. Las devoluciones de llamada mal optimizadas adjuntas a las interacciones del usuario, como los clics, KeyPress o Taps, pueden bloquear el hilo principal, retrasando la capacidad del navegador para retener la retroalimentación visual de inmediato. Por ejemplo, cuando los manejadores realizan cálculos pesados ​​o inician solicitudes de red sincrónicas en los clics.

Y puede solucionar problemas de INP utilizando herramientas gratuitas y pagadas.

Como un buen punto de partida, recomendaría verificar sus puntajes de INP de GEOS a través de Treo.SH, lo que le dará una excelente visión de alto nivel con las que lucha con la mayoría.

Puntuaciones de INP de Geos

Leer más: Cómo mejorar la interacción a la siguiente pintura (INP)

Optimización de imágenes

Las imágenes agregan mucho valor al contenido en su sitio y pueden afectar en gran medida la experiencia del usuario.

Desde velocidades de página hasta calidad de imagen, podría afectar negativamente la experiencia del usuario si no ha optimizado sus imágenes.

Esto es especialmente cierto para la experiencia móvil. Las imágenes deben ajustarse a pantallas más pequeñas, resoluciones variables y orientación de pantalla.

• Utilice imágenes receptivas
• Implementar la carga perezosa
• Comprimir sus imágenes (use webp)
• Agregue sus imágenes al mapa del sitio

Optimizar imágenes es una ciencia completa, y le aconsejo que lea nuestra guía completa sobre la imagen SEO Cómo implementar las recomendaciones mencionadas.

Evite los intersticiales intrusivos

Google rara vez usa un lenguaje concreto para afirmar que algo es un factor de clasificación o dará como resultado una penalización, por lo que sabe que significa negocios sobre intersticiales intrusivos en la experiencia móvil.

Los intersticiales intrusivos son básicamente emergentes en una página que impide que el usuario ve contenido en la página.

John Mueller, el analista de búsqueda senior de Google, declaró que están específicamente interesados ​​en la primera interacción que un usuario tiene después de hacer clic en un resultado de búsqueda.

No todas las ventanas emergentes se consideran malas. Los tipos intersticiales que son considerados “intrusivos” por Google incluyen:

• Pop-ups que cubren la mayoría o la totalidad del contenido de la página.
• Intersticiales o ventanas emergentes que no responden que son imposibles de cerrar los usuarios móviles.
• Las ventanas emergentes que no son activadas por una acción del usuario, como un pergamino o un clic.

Leer más: 7 consejos para evitar que las ventanas emergentes dañen su SEO

Datos estructurados

La mayoría de los consejos proporcionados en esta guía hasta ahora se centran en la usabilidad y la velocidad y tienen un efecto aditivo, pero hay cambios que pueden influir directamente en cómo aparece su sitio en los resultados de búsqueda móviles.

Las páginas de resultados del motor de búsqueda (SERP) no han sido los “10 enlaces azules” en mucho tiempo.

Ahora reflejan la diversidad de la intención de búsqueda, que muestra una variedad de secciones diferentes para satisfacer las necesidades de los usuarios. Paquete local, anuncios de listado de compras, contenido de video y más dominan la experiencia de búsqueda móvil.

Como resultado, es más importante que nunca proporcionar un marcado de datos estructurado a los motores de búsqueda, para que puedan mostrar resultados ricos para los usuarios.

En este ejemplo, puede ver que tanto Zojirushi como Amazon han incluido datos estructurados para sus olla de arroz, y Google muestra resultados ricos para ambos.

Captura de pantalla de la búsqueda de (cocinas de arroz japonesas), Google, marzo de 2024

Agregar markup de datos estructurados a su sitio puede influir en qué tan bien se muestra su sitio para búsquedas locales y búsquedas relacionadas con el producto.

Usando JSON-LD, puede marcar los datos de negocios, productos y servicios en sus páginas en el marcado de esquema.

Si usa WordPress como sistema de administración de contenido para su sitio, hay varios complementos disponibles que marcarán automáticamente su contenido con datos estructurados.

Leer más: ¿Qué datos estructurados usar y dónde usarlos?

Estilo de contenido

Cuando piensas en tus usuarios móviles y las pantallas en sus dispositivos, esto puede influir mucho en la forma en que escribe tu contenido.

En lugar de párrafos largos y detallados, los usuarios móviles prefieren estilos de escritura concisos para la lectura móvil.

Cada punto de clave en su contenido debe ser una sola línea de texto que se ajuste fácilmente a una pantalla móvil.

Los tamaños de su fuente deben ajustarse a la resolución de la pantalla para evitar la fatiga visual para sus usuarios.

Si es posible, permita un modo oscuro o tenue para que su sitio reduzca aún más la fatiga visual.

Los encabezados deben ser concisos y abordar la intención del buscador. En lugar de largos encabezados de sección, manténgalo simple.

Finalmente, asegúrese de que su texto se convierta en un tamaño de fuente que sea legible.

Leer más: 10 consejos para crear contenido para dispositivos móviles

Tap Targets

Tan importante como el tamaño de texto, los objetivos de TAP en sus páginas deben ser dimensionados y diseñados adecuadamente.

Toque Los objetivos incluyen elementos de navegación, enlaces, campos de formulario y botones como botones “Agregar al carrito”.

Los objetivos menores de 48 píxeles por 48 píxeles y los objetivos que se superponen o están superpuestos por otros elementos de la página se denominarán en el informe del faro.

Los objetivos TAP son esenciales para la experiencia del usuario móvil, especialmente para los sitios web de comercio electrónico, por lo que optimizarlos es vital para la salud de su negocio en línea.

Leer más: La herramienta de auditoría de SEO en el faro de Google ahora mide el espacio para el objetivo

Priorizar estos consejos

Si ha retrasado hacer que su sitio sea amigable para los dispositivos móviles hasta ahora, esta guía puede sentirse abrumadora. Como resultado, es posible que no sepa qué priorizar primero.

Al igual que con muchas otras optimizaciones en SEO, es importante comprender qué cambios tendrán el mayor impacto, y esto es igual de cierto para el SEO móvil.

Piense en el SEO como un marco en el que los aspectos técnicos de su sitio son la base de su contenido. Sin una base sólida, incluso el mejor contenido puede tener dificultades para clasificar.

• Representación receptiva o dinámica: Si su sitio requiere que el usuario haga zoom y desplácese a la derecha o a la izquierda para leer el contenido en sus páginas, ningún número de otras optimizaciones puede ayudarlo. Esto debería ser el primero en su lista.
• Estilo de contenido: Repensar cómo sus usuarios consumirán su contenido en línea. Evite los párrafos muy largos. “La brevedad es el alma del ingenio”, para citar a Shakespeare.
• Optimización de imágenes: Comience a migrar sus imágenes a formatos de imagen de próxima generación y optimice su red de visualización de contenido para la velocidad y la capacidad de respuesta.
• Tap Targets: Un sitio que impide que los usuarios naveguen o se convierten en ventas no estará en el negocio por mucho tiempo. Haga que la navegación, los enlaces y los botones sean utilizables para ellos.
• Datos estructurados: Si bien este elemento ocupa el último lugar en prioridad en esta lista, los resultados ricos pueden mejorar sus posibilidades de recibir el tráfico de un motor de búsqueda, así que agregue esto a su lista de tareas pendientes una vez que haya completado las otras optimizaciones.

Resumen

De cómo funciona la búsqueda, “la misión de Google es organizar la información del mundo y hacerlo universalmente accesible y útil”.

Si la misión principal de Google se centra en hacer que toda la información del mundo sea accesible y útil, entonces sabe que preferirán sitios de superficie que se alineen con esa visión.

Dado que un porcentaje creciente de usuarios está en dispositivos móviles, es posible que desee inferir la palabra “en todas partes” agregada al final de la declaración de misión.

¿Te estás perdiendo el tráfico de los dispositivos móviles debido a una mala experiencia móvil?

Si espera seguir siendo relevante, haga de SEO móvil una prioridad ahora.

Imagen Feaded: Paulo Bobita/Search Engine Journal