Mobile SEO: ¿Qué es y cómo optimizarlo? + Consejos prácticos

El mobile SEO consiste en la optimización de tu sitio web para que resulte compatible al ingresar desde un dispositivo móvil.

Recordemos que el SEO, en general, hace referencia a la optimización para los motores de búsqueda. Uno de los objetivos del SEO es mejorar tu sitio web para que sea lo más atractivo posible, tanto para Google como para los usuarios.

¿Cómo hacer mobile SEO o SEO para móviles?

1. Mejorar la velocidad de carga, rendimiento y usabilidad móvil.
2. Optimizar la adaptabilidad móvil.

• Diseño web responsivo
• Publicación dinámica
• URL Independientes/páginas separadas
• Adapt JS Event
• CSS Flexbox y Grid layout
• Media queries

Los móviles han pasado a ser parte de nuestra vida diaria, se han convertido en uno de los principales activos de la comunicación en el siglo XXI.

Desde el momento en el que despertamos hasta que cerramos los ojos, los teléfonos están involucrados en cada etapa de nuestro día. Además, ha repercutido no solo a los seres humanos, sino también al ámbito educativo, científico, económico y empresarial.

Con respecto a este último punto, es notable el efecto que han tenido los dispositivos móviles en los negocios. De hecho, se puede traducir en una palabra: instantaneidad.

Ahora todo es instantáneo: ¿Quieres una nueva camisa o simplemente deseas comer algo sin necesidad de ir al supermercado? Ve a una tienda en línea, lo ordenas y en un tiempo estimado llegará a tu puerta. Tan simple como eso.

Actualmente, todos los negocios (y los que no, les recomiendo hacerlo) tienen una página web. Según los datos brindados por el centro de búsqueda de Google, en Estados Unidos, el 94% de la población busca información a través de sus teléfonos.

Sólo en Estados Unidos.

Por esta razón, cada empresa debe incluir en su estrategia de negocio las mejores prácticas de mobile SEO para brindarle a sus clientes una experiencia de usuario óptima, lo cual se traduce en más engagement, más clientes y, por ende, más ventas.

¿Quieres empezar?

¿Qué es mobile SEO?

Mobile SEO o SEO para móviles es el conjunto de acciones realizadas con el objetivo de optimizar un sitio web para que sea compatible con los usuarios que entren desde dispositivos móviles.

Por ejemplo:

Eres un emprendedor y tienes un negocio de camisas, el objetivo principal es vender la máxima cantidad de camisas posibles. Sin embargo, tu sitio web no cuenta con una versión móvil.

¿Qué sucede con esto?

Si ese usuario está navegando a través de su teléfono e ingresa a su sitio web, lo más probable es que, o el sitio web es muy lento, o no se adapta a la pantalla del teléfono o, simplemente, no funciona para nada. Por lo tanto, al ser un sitio muy incómodo de navegar, el usuario abandona.

¿En qué se traduce?

Acabas de perder un cliente solo por el simple hecho de que tu sitio web no estaba optimizado para dispositivos móviles.

Como diría Don Michael Corleone: “eso es malo para el negocio”.

Esa es la importancia tras el porqué debes optimizar tu sitio web para que sea compatible con los dispositivos móviles.

• Diferencias entre dispositivos

Antes de explicar las diferencias, es necesario destacar que Google recomienda la mayoría de estas prácticas en móviles modernos. No obstante, animamos a todos los propietarios de negocios que todavía no tienen un sitio web a sumarse al mundo online cuando les parezca oportuno.

Google reconoce 4 modelos de dispositivos móviles:

1. Smartphones
2. Tablets
3. Teléfonos multimedia
4. Teléfonos básicos

• Smartphones: Se hace referencia a los móviles modernos que manejan sistemas operativos como, por ejemplo: Android, iPhone, Windows Phone entre otros. Los navegadores que utilizan los teléfonos son similares a los que emplean en los ordenadores, por ende, son compatibles con HTML5.

• Tablets: Google considera que las tablets pertenecen a una clase propia. Es decir, las tablets por tener dimensiones mucho más grandes, no hacen uso de un navegador para móviles, por el contrario, los usuarios esperan ver el sitio web como si estuviesen en sus ordenadores.

• Teléfonos multimedia: Este tipo de teléfonos se sitúan en un punto medio entre los smartphones y los teléfonos básicos. Si bien los teléfonos multimedia disponen de distintas funcionalidades (carga de batería solar, sensores de alta calidad) a menudo no son compatibles con HTML5, por lo que corren el riesgo de que el sitio web no funcione.

• Teléfonos básicos: Los teléfonos de esta clase no pueden renderizar ningún tipo de características de HTML.

Mobile SEO: errores comunes y cómo arreglarlos

El primer paso para implementar una estrategia de mobile SEO es identificar los errores más frecuentes.

¿Cuáles son?

1. Velocidad de carga
2. Usabilidad y sitemaps

• Velocidad de carga

La velocidad de carga es uno de los factores que toma en cuenta Google para posicionar a un sitio web, por ende, es necesario optimizarlo.

¿Qué pasa con esto?

A principios del artículo expliqué el efecto negativo que puede tener la ausencia de una estrategia de mobile SEO en un negocio.

La velocidad de carga es un claro ejemplo de ello.

¿Por qué?

Si eres dueño de una tienda online y necesitas vender teléfonos inteligentes, pero el sitio web es más lento que un caracol, el usuario abandonará el proceso de compra y lo más probable es que no regrese.

Según un estudio realizado por Google, más del 54% de las personas abandonan una página si se tarda más de 3 segundos en cargar.

Menos de 3 segundos: esa es tu ventana. Sí no, el usuario simplemente se irá para nunca más volver. 

Ahora comprendes la importancia de optimizar tu velocidad de carga, ¿no?

• ¿Cómo arreglarlo?

1. Medir la velocidad de carga de tu sitio web.

Para esto puedes utilizar las siguientes herramientas:

• Test My Site: es una herramienta de Google diseñada para medir la velocidad del sitio web en dispositivos móviles. 

Además, ofrece no solo recomendaciones personalizadas, sino que te permite comparar tu sitio con el de la competencia. Esto te ayudará a determinar qué aspectos debes mejorar con respecto al rendimiento de tu sitio web.

• PageSpeed Insights: esta es otra de las herramientas que ofrece Google, PageSpeed te permite medir el rendimiento de carga, tanto en móviles como en ordenadores. 

Como bien se explica en su título, PageSpeed Insights, el sitio indica diversas sugerencias para mejorar la velocidad de carga.

• GTmetrix: es una herramienta diseñada por Carbon60, GTmetrix te ayudará analizar los diversos factores que están afectando el rendimiento de tu sitio web y, tras unos segundos, obtendrás un informe indicando soluciones prácticas a cada uno de los problemas.

2. Reducir el peso y tamaño de las páginas.

Los sitios web con muchos recursos visuales suelen dificultar (en gran medida) la experiencia de usuario en dispositivos móviles. 

Google recomienda que las páginas pesen menos de 1000 kb.

Por tal motivo, uno de los primeros pasos es optimizar el código HTML y comprimir los archivos JavaScripts y CSS. Es decir, eliminar espacios en blanco innecesarios, comentarios entre otros.

• Comprimir el peso y tamaño de las imágenes. Este suele ser uno de los errores más comunes debido a que la mayoría de las páginas abusan de tener un ejército de imágenes sin optimizar.

• Comprobar el servicio de alojamiento. A veces, elegir un servicio de alojamiento puede definir la rentabilidad de tu negocio. El hosting que selecciones debe proveer la velocidad que tu sitio necesita para soportar grandes volúmenes de tráfico.

• Implementar AMP. El AMP también conocido como Accelerated Mobile Pages es una iniciativa de Google que ayuda a los desarrolladores web a crear páginas web con velocidad de carga instantánea.

¿Sabías qué? El rendimiento que se consigue con AMP es mucho mayor que el de los sitios responsive.

• Usabilidad móvil

Uno de los objetivos más importantes en cualquier estrategia de SEO para dispositivos móviles es, sin duda alguna, alcanzar una experiencia de usuario óptima.

¿Qué sucede con esto?

Gran parte de la comunidad online (negocios, creadores de contenido entre otros) ignoran cómo los usuarios interactúan con su contenido, tanto visual como escrito.

Los usuarios que navegan desde dispositivos móviles manejan un patrón diferente a los que ingresan a través de sus ordenadores. Por ello, identificar esa diferencia es clave para ofrecer una buena usabilidad/compatibilidad móvil.

1. Tener presente el comportamiento de los usuarios.

Al igual que siempre decimos que el cliente tiene la razón, el usuario también.

Por ejemplo:

Imagina que eres dueño de un blog de videojuegos donde escribes reviews y posteas video reacciones. Ahora, obsérvalo a través de tu ordenador y haz lo mismo por el móvil.

Quizás, desde tu ordenador pienses que no hay competencia alguna, definitivamente tienes el sitio web más potente de todo el Internet. Pero, una vez que ingresas a través de tu móvil te das cuenta de que tu sitio no es más que un carrusel de imágenes y bloques de texto más grande que el Empire State.

Suele suceder.

Por lo tanto, es importante que estudies el comportamiento de los usuarios y dirijas todos tus esfuerzos a brindar una buena experiencia de usuario.

• ¿Qué es Mobile Friendly?

Hace mucho tiempo, los desarrolladores web anticiparon que el uso de los dispositivos móviles iba a ser aún mayor con el paso de los años, por lo que decidieron optimizar en gran medida la experiencia en móviles, de allí proviene la palabra “friendly” o “amigable” en su traducción.

En efecto, con el paso del tiempo, los dispositivos móviles se convirtieron en parte del día a día de las personas. Esto resultó revelador para el equipo de Google.

¿Qué fue lo primero que hicieron?

Lo transformaron en algo prioritario y, por ese motivo, surgió la idea de Mobile First Index.

• ¿Qué es Mobile First Index?

“Los móviles primero”. La traducción define perfectamente el propósito de este concepto. Mobile First es una nueva forma de indexar de Google que se encarga de clasificar los resultados priorizando solo a los sitios web que cuentan con una versión para móviles.

¿Qué beneficios trae el Mobile First Index a un sitio web?

1. Rendimiento.
2. Usabilidad.
3. Velocidad.

El triángulo de la experiencia de usuario.

• ¿Cómo optimizar el Mobile First Index?

1. Asegúrate de que Google pueda rastrear tu contenido

• Utilizar metaetiquetas válidas para que el contenido sea rastreado e indexado debes omitir etiquetas como “noindex” o “nofollow”. Si haces uso de estas dos etiquetas, es muy probable que Google no rastree ni indexe tu página web.

• Omitir cargas diferidas. Para este punto, el centro de búsqueda de Google menciona lo siguiente: “El robot de Google no carga el contenido que, para renderizarse, necesita que un usuario interactúe con la página (por ejemplo, deslizando el dedo, haciendo clic o escribiendo).”

• Permitir que Google rastree tu contenido. Asegúrate de no bloquear la URL con la directiva “disallow”.

2. Verificar tus datos estructurados

• Prueba de resultados enriquecidos: esta herramienta te ayudará a validar tus datos estructurados y obtener un reporte del estado de tus páginas. 

Uno de los recursos que te ofrece la herramienta es un informe de estado de resultados enriquecidos, donde puedes indagar con más detalle si existe algún error y, si es así, cómo solucionarlo.

¿Cómo comprobar si tu web es compatible con Mobile First Index?

Puedes hacerlo a través de dos herramientas:

1. Google Search Console: 

• > Ajustes
• > Acerca de

2. Prueba de optimización para móviles: esta prueba te permitirá comprobar rápidamente si tu página web está optimizada para dispositivos móviles o no.

• La importancia del AMP en móviles

Accelerated Mobile Page o comúnmente conocido como AMP, es un proyecto implementado por Google con el objetivo de mejorar la velocidad de carga de los sitios web en dispositivos móviles.

El AMP está enfocado específicamente en el contenido para teléfonos inteligentes. Este tipo de páginas son menos pesadas, por tal razón, la velocidad de carga es casi instantánea.

¿En qué beneficia el uso de AMP?

1. El número de datos utilizados es reducido, al igual que el uso de la batería.
2. Las páginas web que utilizan AMP reducen el tiempo de carga en un 85%.
3. El tiempo de carga estimado de las páginas AMP no llega a ni a un segundo.

¿Cómo comprobar que una página utiliza AMP?

La forma más rápida de hacerlo es través de la prueba AMP:

1. Sólo tienes que escribir la URL completa de la página que desees comprobar.

En términos generales, la importancia del AMP para lograr una experiencia de usuario en dispositivos móviles es, sin duda alguna, un factor clave. Además, influye positivamente en el posicionamiento orgánico (SEO) debido a que es uno de los aspectos que toma en cuenta Google para posicionar a un sitio web.

¿Cómo mejorar la adaptabilidad de tu sitio web?

• Diseño web responsivo

¿En qué consiste el diseño web responsivo?

Consiste en la adaptación de un diseño web al tamaño del dispositivo a través del cual se visualiza el contenido.

¿Cómo funciona el diseño responsive? 

Al hacer uso de un diseño responsivo, el servidor envía el mismo código de HTML a todos los dispositivos, para que luego el contenido sea renderizado y compatible.

Esta es la opción que Google recomienda implementar y mantener debido a las siguientes razones:

• No hace falta redirigir a los usuarios, por lo tanto, el tiempo de carga disminuye.

• Todo el contenido es agrupado en una sola URL, esto les facilita a los usuarios poder compartir y enlazar el contenido.

• Te permite ahorrar tiempo en etiquetar páginas con contenido duplicado.

• El proceso de indexación es más rápido.

¿Qué prácticas debes implementar para mejorar el diseño responsivo?

• Piensa en el usuario

Esta es una regla de oro y aplica para toda estrategia de marketing. El usuario, en este caso, es nuestro mayor aliado. Por lo tanto, nuestro trabajo es ofrecerles algo lo suficientemente valioso para que luego deseen volver por más.

Piensa en ti mismo como un usuario y pregúntate lo siguiente:

¿Qué te gustaría que hubiera?

• Una arquitectura web más coherente.
• Mayor velocidad de carga.
• Más subcategorías.
• Menos imágenes.

Esta práctica te ayudará a conocer los puntos que debes mejorar para alcanzar una buena experiencia de usuario que, como hemos mencionado en todo el artículo, es un punto clave en el SEO para móviles.

• Haz que sea adaptable para todo los tamaños de pantalla

Los tamaños más utilizados son los siguientes:

• 480 px para Smartphones
• 768 px para tablets y Smartphones más grandes
• 768 px o menos para ordenadores
• 1200 px o menos para pantallas grandes

• Optimiza las imágenes

Las imágenes pueden afectar negativamente la velocidad de carga del sitio web. Asegúrate de que las imágenes tengan el peso y las dimensiones adecuadas.

• Publicación dinámica

La publicación dinámica permite detectar el tipo de dispositivo que estás utilizando para navegar el sitio web.

La ventaja de esta opción es que utiliza la misma URL independientemente del dispositivo que estés utilizando. No obstante, el detalle es que la página se mostrará siempre con un código de HTML diferente.

¿Qué sucede con esto?

No es recomendable. Es cierto que tiene ventajas como mantener la URL y la optimización en función del dispositivo que estés utilizando. Sin embargo, si haces un mal uso de esta opción, puede suceder lo siguiente:

• Si falla la detección de navegación del robot y lo desvías a la versión errónea, el posicionamiento orgánico se verá afectado en gran medida.

Es complejo y muy costoso de mantener.

• URL Independientes/páginas separadas

Al usar esta configuración tienes dos páginas distintas, para dispositivos distintos y URLs diferentes. 

Por ejemplo:

Imagina que gestionas dos páginas, una llamada www.mipagina.com y la otra es m.mipagina.com

www.mipagina.com se muestra a los usuarios en ordenadores y m.mipagina.com a los usuarios que ingresan a través de sus dispositivos móviles.

La ventaja de esta opción es que te permite optimizar un sitio web específicamente para los usuarios en ordenadores y, por otro lado, realizar un diseño exclusivo para los usuarios en dispositivos móviles.

Cabe destacar que Google no se inclina a un formato de URL más que otro, siempre y cuando el robot pueda acceder a ellas.

¿Qué desventajas tiene?

• La configuración errónea puede llevar a crear contenido duplicado.
• Si el rastreo falla puede afectar el posicionamiento orgánico.
• El mantenimiento de ambas páginas es costoso.

• Adaptar JS Events

Adapt.js es un archivo JavaScript.

¿Cómo funciona?

Adapt JS elige el archivo CSS más adecuado antes de que el navegador procese la solicitud y cargue la página al usuario.

Por ejemplo, si el navegador cambia de tamaño, el archivo JavaScript (adapt.js) verifica el ancho e implementa el CSS que requiere para verse de forma óptima.

¿Qué métodos son aplicables para optimizar el Adapt JS Event?

• Crear un sitio separado para dispositivos móviles. Es decir, URL independientes.

• O utilizar @media queries para ajustar el diseño web responsivo.

Para más información sobre cómo aplicar el Adapt JS Event en términos de codificación: (https://sonspring.com/journal/adapt-js-explained/).

• Cambio de Flexbox a Grid Layout

CSS Flexbox layout y CSS Grid layout son módulos de diseño CSS. Ambos nos permiten crear diseños complejos, tanto bidimensionales como de una dimensión..

CSS Flexbox layout se utiliza para establecer elementos a lo largo del eje horizontal o vertical, lo que te permite crear diseños basados en filas y columnas.

Por otra parte, CSS Grid es bidimensional, lo cual te permite añadir varias filas y columnas al mismo tiempo.

Muchas personas caen en el error de creer que Grid sirve para crear páginas más completas a diferencia de Flexbox, este no es el caso. De hecho, no recomendamos utilizar una más que la otra.

Nuestro mejor consejo es que evalúes cada diseño de la página individualmente y, en función de ello, determines qué opción utilizar o, bien, combinar los beneficios de ambas y obtener el mejor resultado posible.

• Utilizar “@media” Queries

En el mobile SEO, las medias queries es una de las herramientas fundamentales para lograr un “Responsive Web Design”.

Las media queries te permiten saber qué sistema estás utilizando para visualizar una página web y, en función de ello, servir un CSS personalizado. 

¿Cómo funciona?

Las media queries funcionan como una construcción condicional. Por ejemplo:

“Si sucede esto, haz esto” 

• Si el sitio web tiene estas características, aplica estos estilos.
• Si el usuario está ingresando desde un dispositivo móvil, oculta algunos elementos.

¿En qué nos ayuda las medias queries?

• Detectar los tamaños de la pantalla.
• Describir el ancho de la superficie a renderizar.
• Definir estilos en función de la orientación del dispositivo.

Solo por nombrar algunas, existen muchas funciones multimedia más que te servirán para lograr un diseño web responsivo óptimo.

¿Qué ventajas tiene el mobile SEO?

Las ventajas del mobile SEO son las siguientes:

1. Mayor personalización de la información. Los ordenadores suelen ser utilizados por varias personas, por tal motivo, la información que recopila el navegador no es necesariamente exacta.

Por el contrario, si un usuario navega a través de un teléfono, la probabilidad de que sea suyo es alta, por ende, podemos establecer una comunicación más directa con ellos.

2. Mayor interactividad. Los sitios web optimizados para dispositivos móviles son menos complejos, por lo que la interacción resulta más concisa y nos brinda información práctica para medir la navegación del sitio web.

3. Mejora sustancialmente la experiencia de usuarios. Según un estudio realizado por Google, el nivel de satisfacción por parte de los usuarios en móviles es más alto a diferencia de los usuarios en ordenadores.

4. Mejora la visibilidad y posicionamiento orgánico (SEO)

5. El sitio web puede ser visto a cualquier hora y en cualquier lugar del mundo.

6. Un sitio web que disfruta de una versión móvil optimizada se convierte en una ventaja con respecto a su competencia.

7. Uso de la geolocalización. Esto nos ayuda a identificar la ubicación del usuario y nos permite brindarle información más exacta y pertinente.

Conclusiones: La importancia del Mobile SEO/Consejos

¿Qué dispositivo inteligente pasa casi las 24 horas con una persona?

Exacto. El teléfono.

Día a día millones de personas se suman al uso de los dispositivos móviles. 

Esta es, sin duda alguna, la razón principal por la cual debemos implementar una estrategia de SEO móvil. El tiempo es ahora.

En resumen, para optimizar la adaptabilidad de tu sitio web en dispositivos móviles debes hacer lo siguiente:

• Evitar los errores más comunes: velocidad de carga, usabilidad móvil y AMP.
• Elegir qué método vas a utilizar para optimizar tu sitio web: publicación dinámica, diseño web responsivo o URL independientes.
• Tener presente el adapt JS, cambio de flexbox a grid layout y el uso de las @media queries.