La guía definitiva para optimizar el SEO móvil

Cuando sabemos que el 60% de la gente hace su búsqueda en su móvil, es obvio optimizar su SEO móvil.

Resumen

• ¿Qué es el SEO móvil?
• ¿Cómo optimizar su sitio para el SEO móvil?
• ¿Cómo mejorar la velocidad de sus páginas móviles?
• ¿Cómo sé si mi sitio está optimizado para el SEO móvil?

¿Qué es el SEO móvil?

El SEO móvil o Mobile SEO reúne todas las técnicas de optimización de un sitio web destinado a ser mostrado en teléfonos inteligentes y tabletas. Esta optimización también implica poner a disposición de los robots de los motores de búsqueda recursos en formato móvil.

Los nuevos hábitos de navegación de los usuarios de Internet han cambiado considerablemente en los últimos años. Hoy en día, casi el 60% de las búsquedas se realizan desde un teléfono. Estos nuevos hábitos han empujado a Google (y a otros motores de búsqueda) a desarrollar algoritmos específicos para la referenciación móvil, para gran disgusto de los anunciantes que han tenido que modificar rápida y profundamente sus sitios.

Google fue más allá de un simple algoritmo al crear el Índice de Móviles Primero.

¿Qué es el índice de Google Mobile First y cuáles son sus consecuencias en el SEO móvil?

El concepto del índice Mobile First es muy simple: si antes había dos tipos de índices en Google (el índice de computadoras y el índice de móviles), hoy en día sólo hay uno, el de móviles. En otras palabras, aunque busques desde tu ordenador, verás los mismos resultados que si hubieras buscado en un teléfono móvil. No importa el dispositivo que estés usando, Google mostrará los resultados de su índice móvil.

Es posible que aún no haya notado nada en términos de referencia, por 2 razones:

Su sitio ya estaba adaptado a la navegación de los teléfonos inteligentes y las tabletas, por lo que Google no tenía motivos para penalizarle o hacerle progresar de forma significativa.
Su sitio aún no se ha movido al índice de Mobile First. De hecho, ¡todos los sitios no han pasado aún por el molino! Algunos son juzgados como "aún no listo" por Google... ¡Lo que significa todo y nada! Algunos estudios señalan el vínculo entre el uso demasiado pronunciado de Javascript y la transición a MFI. Esta teoría se sostiene ya que a JS no le gusta Google y menos aún en el móvil. ¿Es un indulto concedido por Google? ¿Vamos a ver sitios que se caen de repente después de un tiempo? Sólo el tiempo dirá...

Para saber si su sitio se ha movido al índice de Mobile First, sólo analice los registros. Si ya no ves ningún rastreo desde el Botón de Búsqueda, en beneficio del Botón Móvil, ¡entonces tu sitio se ha movido a MFI! La consola de búsqueda de Google también ha empezado recientemente a enviar una notificación cuando el sitio se ha cambiado a MFI, lo cual es bastante práctico para aquellos que no tienen un analizador de registros.

¿Cómo optimizar su sitio para el SEO móvil?

Hay 3 métodos para hacer que su sitio sea compatible con la navegación móvil: diseño receptivo, versión móvil y aplicación. Mientras que Google tendería a preferir un diseño sensible, no hay mejor opción. Simplemente depende del presupuesto y los recursos humanos de cada empresa. Un buen diseño de respuesta es mejor que una versión de móvil chapucera.

Diseño receptivo (o sitio web adaptable)

Es un sistema de "reformatear" las imágenes que hace que un sitio sea fácilmente accesible independientemente del tamaño de la pantalla. El diseño sensible ofrece así la mejor experiencia posible para el usuario. Los sitios que utilizan esta técnica han experimentado para la gran mayoría de ellos un buen aumento de los SERP.

¿Cuáles son las ventajas del diseño sensible?

Como se mencionó anteriormente, Google tiende a preferir los sitios de respuesta. Incluso se puede decir que con la liberación de su algoritmo Hummingbird, el motor de búsqueda anima claramente a los sitios a preferir este sistema.

Una de las principales razones es que el responsable no toca los URL, lo que facilita su compartición con otros sitios y evita errores de contenido duplicados. Además, al mantener sólo un URL, se evita una redirección 301, lo que también mejora los tiempos de carga.

Al final, tal vez Google no promueve realmente la capacidad de respuesta, sino que simplemente favorece los sitios que cumplen técnicamente con sus requisitos, como la ausencia de contenido duplicado o la velocidad de carga, que no son criterios específicos del Índice de Móviles Primero.

Además, los usuarios se han vuelto muy exigentes y quieren una experiencia móvil rápida e intuitiva. Según los datos de Google, el 61% de los visitantes vuelven a los resultados de búsqueda si el sitio al que llegaron no es móvil; el 71% de los usuarios de móviles incluso se irían después de esperar cinco segundos para cargar una página, ¡que es muy corta y muy larga!

La tasa de rebote se ha convertido así en uno de los criterios más importantes de los teléfonos móviles. Un sitio con un diseño receptivo le permite reducir la tasa de rebote que está en correlación directa con el posicionamiento de sus páginas.

¿Cuáles son las desventajas del diseño de respuesta?

Ninguna técnica es perfecta, especialmente para Google que tiene una desafortunada tendencia a contradecirse en ciertos aspectos del SEO.

El diseño receptivo es restrictivo y requiere una gran cantidad de conocimientos técnicos para los sitios que no se administran con un CMS como Prestashop, Magento, WordPress, etc. Como las páginas de un sitio de respuesta deben tener en cuenta todos los tamaños de pantalla, es más complicado crearlas inicialmente. Y para colmo, Google pide servir sólo una dimensión para cada imagen, lo que va totalmente en contra del principio mismo del diseño sensible. Entonces, Google, ¿nos equivocamos un poco en esto?

Además, este tipo de sitio con navegación "híbrida" debe satisfacer las necesidades de los usuarios de computadoras y móviles. Pero los formatos de la pantalla son tan diferentes que a veces puede ser difícil satisfacer a todo el mundo. Por lo tanto, no es raro encontrarse con páginas que supuestamente son "sensibles" y sin embargo no son muy fáciles de usar o incluso... ¡feas!

Por último, también hay una falta de claridad en las diferentes necesidades de visualización. Tomemos el ejemplo de una página de inicio, bien poblada con un gran texto optimizado en el medio de la página. En la pantalla de un ordenador, este texto no impide una buena navegación, especialmente si el sitio está en pantalla completa. Pero en un teléfono móvil, nuestras 500 palabras se vuelven totalmente indigeribles y anti-ergonómicas! Por lo tanto, podríamos estar tentados de truncar el texto y mostrar un "ver más". Sin embargo, Google dijo hace mucho tiempo que el contenido oculto en el "ver más" no se tiene en cuenta para el SEO. Y hoy en día, dice que se puede tener en cuenta en el móvil si se ha ocultado por razones de UX. ¡Gran cosa! ¿Cómo podemos estar seguros de que nuestro texto será tenido en cuenta? ¿Y cómo podemos saber desde qué línea debemos truncar el texto, para estar seguros de no ser anti-UX sino en los sementales de nivel SEO? (Dicho esto, este problema no es específico del diseño de respuesta).

El sitio en versión móvil

Los sitios móviles inevitablemente funcionan mejor que los sitios de respuesta porque han sido diseñados específicamente para pantallas pequeñas. Pero a diferencia de la respuesta, el sitio móvil requiere un cambio de URLS. En general, la versión móvil puede reconocerse por la pequeña "m" que precede al nombre de dominio (ejemplo: m.monsite.com) o con una babosa /móvil al final de la url (monsite.com/móvil).

Los visitantes son automáticamente redirigidos a la versión apropiada del sitio en función del tipo de dispositivo que estén utilizando. Un sitio móvil dedicado es una especie de versión condensada de un sitio de escritorio. Sus contenidos y funcionalidades se han racionalizado para que los visitantes puedan acceder a ellos lo más rápidamente posible. Los artículos que son demasiado pesados para cargar, como ciertas imágenes o videos, a menudo se eliminan.

¿Cuáles son las ventajas de un sitio móvil?

Los sitios móviles permiten crear experiencias de navegación "personalizadas" adaptadas a cada dispositivo. Por ejemplo, si sus diversos análisis muestran que los visitantes de su móvil acceden a cierta información con mucha frecuencia, pero rara vez leen sus comunicados de prensa, puede optar por no mostrarlos, lo que no es posible con un diseño de sitio receptivo.

Además, al estar este tipo de sitio diseñado específicamente para móviles, es más fácil de desarrollar. En efecto, siempre es más fácil empezar de cero y construir un sitio que satisfaga nuestras necesidades, en lugar de adaptar el existente, que a veces plantea importantes limitaciones técnicas.

Por último, debido a su ligereza y a la sencillez de su código, los sitios móviles superan con creces a los sitios de respuesta en cuanto al tiempo de carga, lo que es apreciable por la fluidez de la navegación y por los usuarios que sólo tienen un pequeño paquete móvil.

¿Cuáles son las desventajas de un sitio móvil?

Una versión "ligera" de un sitio implica inevitablemente ciertas deficiencias, en particular en lo que respecta a determinados contenidos e información. Esto plantea un problema, especialmente porque muchos usuarios de Internet cambian de un dispositivo a otro y esperan encontrar el mismo contenido en su computadora que en su teléfono móvil.

Además, los sitios móviles crean un riesgo de errores de redireccionamiento. En efecto, puede suceder que los visitantes no sean redirigidos a la versión móvil, accediendo así a un sitio nada adaptado a la navegación móvil (¡y cuidado con la tasa de rebote!). Además, al tener diferentes URLs, te expones a ciertas complicaciones en términos de netlinking. Algunas personas pueden, de hecho, compartir la URL equivocada.

Finalmente, que dice 2 versiones del sitio, dice el doble de mantenimiento y actualizaciones. Todo tiene que hacerse dos veces. Algunos sitios están configurados de manera que se actualizan automáticamente cuando se actualiza el sitio principal, pero no siempre es así. Con los nuevos dispositivos que salen al mercado cada año, el sitio móvil también implica una vigilancia constante para garantizar que sigue siendo relevante para estos nuevos teléfonos inteligentes y tabletas.

La aplicación móvil

A diferencia de los sitios de diseño para móviles y de respuesta, las aplicaciones deben descargarse de portales específicos como Google Play Market o la App Store. Ofrecen un acceso más rápido al contenido y una interacción más fluida, pero no son adecuados para todos los sitios. Se prefieren para actividades muy específicas (por ejemplo, el GPS o los mapas) o para plataformas que requieren acceso a una variedad de contenido dinámico. Las aplicaciones también son interesantes para sitios de juegos o sitios de servicios (bancos, compañías de seguros, etc.).

¿Cuáles son las ventajas de la aplicación móvil?

La ventaja N°1 es sin duda su practicidad. Se abre inmediatamente desde el escritorio, se carga al instante y es muy intuitivo. También permite configurar notificaciones push y características específicas que mantienen la atención del cliente. Desde el punto de vista empresarial, las aplicaciones móviles son un excelente apoyo para las campañas de marketing.

Otra ventaja importante es que puede utilizarse fuera de línea. Al estar instalado en un dispositivo móvil, permite el acceso a contenidos ya cargados incluso sin conexión a Internet.

¿Cuáles son las desventajas de la aplicación móvil?

Uno de los principales problemas de la aplicación móvil es que su funcionamiento está condicionado por el sistema operativo que utiliza el dispositivo. Algunas aplicaciones están desarrolladas para Android e iOS, sin embargo, los marcos de aplicación multiplataforma no son compatibles con todos los módulos y características de cada sistema operativo. Por lo tanto, estas restricciones pueden tener un impacto directo en el funcionamiento de la aplicación.

Además, una aplicación disponible en múltiples plataformas requiere actualizaciones regulares, que deben ser descargadas por el usuario. Y sabemos que los usuarios de Internet a veces son perezosos... ¡Algunas personas a veces prefieren desinstalar una aplicación en lugar de molestarse en hacer actualizaciones!

Evitar los intersticios demasiado intrusivos

Los pop-ins y los pop-ups han estado en el radar de Google durante varios años porque se consideran demasiado intrusivos. También interrumpen la navegación y pueden ralentizar la carga de la página. Google ahora sólo permite ciertos formatos de intersticios que no ocultan completamente el contenido que el usuario vino a buscar. Por eso, en los teléfonos móviles, deben evitarse en la medida de lo posible.

Facilitar la lectura del sitio en los teléfonos móviles

Para que la lectura en un teléfono móvil sea fluida, sólo hay una consigna: ¡sobriedad y minimalismo! Es importante evitar cambios intempestivos de fuente, tamaño, color... Además, cuando se quiere integrar un texto en una imagen, es importante hacerlo en CSS y no fusionando el texto directamente en la imagen. De esta manera, el texto podrá adaptarse al tamaño de la pantalla y seguirá siendo legible. Además, en términos de ergonomía, debes usar el espacio negativo para construir tu página. El espacio negativo es de hecho el espacio "blanco" que se encuentra alrededor de los elementos de una página. Permite ventilar el contenido y mejorar la legibilidad.

Configurando la etiqueta de contenido de Viewport y usando HTML5

La etiqueta Viewport se utiliza para definir el área visible de una página web. Antes de la llegada de las tabletas y los teléfonos inteligentes, las páginas eran estáticas. Hoy en día, el tamaño de la ventana de visualización varía según el dispositivo porque las páginas "estáticas" del escritorio serían demasiado grandes y su contenido ilegible.

HTML5 marcó un punto de inflexión en el sistema de codificación de páginas y condujo a la introducción de la metaetiqueta "Viewport", que da instrucciones de visualización a los navegadores. Se aplica de la siguiente manera:

La parte width=ancho del dispositivo define el ancho de la página según el ancho de la pantalla del dispositivo. La escala inicial = 1.0 define el nivel de zoom inicial cuando la página es cargada por primera vez por el navegador.

Tenga en cuenta que HTML5 también debe utilizarse para la integración de vídeo y contenido animado.

Usando las barras de pestañas

Las barras de pestañas, con sus botones intuitivos, permiten aceptar rápidamente las diferentes funcionalidades de un sitio. También pueden utilizarse para alentar a los usuarios a visitar las redes sociales.

Optimice los títulos de sus páginas

Extrañamente, el número de caracteres mostrados en los resultados móviles es mayor que en el escritorio (70 frente a 78 en promedio). Así que puedes escribir títulos más largos, que se truncarán en el escritorio pero serán más efectivos en el móvil, que, recordemos, ahora es el que más tráfico recoge.

Usando datos estructurados

Los datos estructurados son importantes tanto en los dispositivos de escritorio como en los móviles. En los sitios móviles, los webmasters tienden a descuidarlos. Sin embargo, son excelentes formas de llamar la atención de los usuarios de Internet y empujar al clic, lo que mejorará el CTR!

¿Cómo mejorar la velocidad de sus páginas móviles?

El tiempo que se tarda en cargar una página es un factor importante en un ordenador y crucial en un teléfono móvil. Si desea optimizar su sitio para una referenciación natural en el móvil, mejorar la velocidad de sus páginas es uno de los primeros proyectos que tendrá que abordar. Esta es una parte técnica que debe ser confiada a un desarrollador.

Reducir el tiempo de respuesta del servidor

Si el código influye en la velocidad de una página, el tiempo de respuesta del servidor también juega un papel decisivo. Los expertos de Mobile1st, así como los de Google y GTMetrix, recomiendan que su servidor empiece a transmitir el primer byte de recursos en un plazo de 200 milisegundos a partir de una solicitud. Si encuentra que su servidor es lento, hay varias soluciones para reducir sus tiempos de respuesta:

Mejorar el software o la configuración de su servidor web.
Asegurar los recursos adecuados de CPU y memoria.
Reducir los recursos y las solicitudes necesarias para cada página web.

Reducir las redirecciones para acelerar la velocidad de la página móvil

Las redirecciones 301 o 302 consumen preciosos milisegundos en dispositivos móviles que dependen de redes menos eficientes que el ADSL o la fibra. Google recomienda que se minimicen o incluso se eliminen.

Cargar primero el contenido por encima de la línea de flotación

Sólo una consigna para cargar contenido: ¡prioridad al contenido visible! De hecho, no es útil cargar toda la página antes de mostrarla. Mediante el uso de técnicas como el lazyloading, podrá cargar sólo los textos e imágenes que deben ser mostrados primero.

Coloca el JS en la parte inferior y el CSS en la parte superior de los archivos HTML.

En general, debe evitarse el JavaScript, que se utiliza para la interactividad de la página. Pero cuando no tienes elección, deben ser colocados en el fondo del código, debajo de la línea de flotación, porque impiden la carga paralela. Las hojas de estilo CSS, por otro lado, condicionan la buena visualización de la página, por lo que deben ser cargadas primero. Además, la buena práctica requiere que los archivos CSS y JS se minimicen para reducir aún más el peso de la página en movimiento. La "minimización" elimina los datos redundantes o simplemente irrelevantes sin afectar a la visualización de una página. Hay varias herramientas disponibles para detectar estos datos y sanear su código.

LA MPA

El AMP no es realmente un método para mejorar su velocidad de carga, pero tiene los mismos efectos. El formato AMP es de hecho un código HTML ultraligero muy restrictivo (no tolera JS por ejemplo). Por lo tanto, las páginas se cargan a alta velocidad y también se almacenan en el caché de Google. Son particularmente adecuados para los blogs y otros sitios de noticias. Sin embargo, el formato AMP tiene dificultades para hacerse un lugar entre los comerciantes electrónicos que necesitan interactividad (¡aunque sólo sea para poner en el carrito de la compra!). Sin embargo, algunos lo han probado, como Greenweez o Ebay, que usan AMP para sus páginas de categorías.

¿Cómo sé si mi sitio está optimizado para el SEO móvil?

Comprobar la actuación y la composición de la página

Para asegurarse de que su sitio está bien optimizado para el móvil, hay varias herramientas, incluyendo algunas desarrolladas por Google :

La consola de búsqueda de Google: te alerta en caso de anomalías.
La prueba de optimización de Google para móviles: destaca los errores de uso.
GT Metrix y Pagespeed Insights: indica el estado de su sitio en términos de tiempo de carga y uso de recursos. También destaca los diversos problemas de lentitud (imágenes demasiado pesadas, JS mal posicionado, etc.).
Las opciones avanzadas de Chrome y Firefox que permiten ver el renderizado de su sitio en el móvil (clic derecho del ratón o el atajo de teclado "ctrl + shift + i").

Midiendo su CTR y su tasa de rebote

Como mencionamos anteriormente, la tasa de clicks y la tasa de rebote pueden ser indicadores de la relevancia de un sitio móvil. Para ello, es interesante compararlos con el CTR y la tasa de rebote de las mismas páginas en la computadora. Puedes hacerlo usando Google Analytics > Comportamiento > Contenido del sitio > Páginas de destino. Si una de sus páginas muestra una tasa de rebote mayor en el móvil que en el ordenador, es probable que tenga anomalías de visualización.

   Artículo escrito por Louis Chevant