Mobile SEO

Mobile SEO: 3 pasos para un sitio responsive efectivo

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

  1. Optimiza la velocidad de carga de tu sitio web: reduce el peso de las imágenes, limpia el código de tu sitio, desinstala plugins que no uses y contrata un hosting de calidad.
  2. Garantiza la usabilidad móvil: navega en tu sitio desde teléfonos inteligentes y tablets para chequear que todo luzca y funcione correctamente.
  3. Ten un diseño web responsive: para esto puedes usar una plantilla adaptable, utilizar media queries en el código CSS, construir un sitio dinámico o tener URLs independientes.

De acuerdo con el centro de búsqueda de Google, el 94% de la población estadounidense busca información a través de sus teléfonos.

Y eso es solo en Estados Unidos.

De ahí que las empresas deben incluir en su estrategia web las mejores prácticas de mobile SEO o SEO para móviles.

Mientras mejor sea la estadía de las personas en tu web, tendrás más engagement, más visitas y, por ende, más ventas.

¿Qué es el mobile SEO?

Mobile SEO o SEO para móviles es el conjunto de medidas y estrategias para que un sitio web sea compatible con dispositivos móviles, como teléfonos inteligentes o tablets.

¿Qué es mobile friendly?

Mobile friendly es la descripción que se le da a un sitio web cuando es fácil y “amigable” de navegar a través de dispositivos móviles.

Es decir, un sitio mobile friendly es lo que se persigue conseguir al implementar las recomendaciones de experiencia de usuario y SEO para móviles.

¿Qué es Mobile First Index?

Mobile First Index es una política de Google que prioriza entre sus resultados a aquellos sitios web que cuentan con una versión para móviles.

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

Ingresa la URL de tu dominio en la prueba de optimización para móviles de Google y verifica en instantes si tu sitio web está optimizado para dispositivos móviles o no.

Verificación en el Mobile Friendly Test de Google
Verificación en el Mobile Friendly Test de Google

¿Todavía es necesaria la configuración AMP?

No. Las páginas con Accelerated Mobile Pages (AMP) solían tener trato preferencial porque creaban una versión ligera y de carga rápida del contenido en una página.

Sin embargo, desde junio de 2021 Google anunció que ya no tomaría esto en cuenta como un factor de posicionamiento.

¿Cómo mejorar tu mobile SEO?

Aunque las recomendaciones pueden ser muchísimas, nosotros las hemos agrupado en 3 grandes pasos:

¿Cómo hacer Mobile SEO?
¿Cómo hacer Mobile SEO?

Sigue leyendo para conocer cada uno de ellos:

Optimiza tu velocidad de carga

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 para cargar el contenido en tu web.

¿Cómo mejorar este factor?

1. Conoce cuán rápido carga tu sitio actualmente

Para esto puedes utilizar las siguientes herramientas:

  • Test My Site: diseñada por Google, ofrece recomendaciones para mejorar el rendimiento de tu dominio en dispositivos móviles.
  • PageSpeed Insights: también creada por Google, te permite medir el rendimiento de carga de páginas individuales, tanto en móviles como en ordenadores.

2. Comprime el peso de las imágenes

Imágenes sin optimizar en formatos pesados recargarán innecesariamente la velocidad de tu sitio web.

Los formatos recomendados son:

  • JPEG 2000.
  • JPEG XR.
  • WebP.

Estos formatos son compatibles con navegadores modernos y permiten que los recursos se carguen más rápido. 

3. Prescinde de animaciones y efectos visuales innecesarios

Al igual que las imágenes sin optimizar, animaciones, gifs y efectos ralentizarán que tu sitio web vaya con ligereza.

Mientras sea posible, escoge una estética simple, de pocas animaciones y accesorios.

4. Elimina plugins que no utilices

Si tu sitio web tiene la posibilidad de instalarle plugins, es posible que en más de una ocasión hayas abusado de esta funcionalidad.

Es importante periódicamente revisar qué plugins siguen siendo necesarios para el funcionamiento de la web y eliminar todos aquellos que no lo son.

Aunque no estén activados, si están instalados en tu web muy probablemente le sumen a su peso total y, por ende, a su tiempo de carga.

5. Reduce el código de las páginas

Con ayuda de un programador o desarrollador, elimina del código fuente de tu web espacios, líneas y caracteres innecesarios.

Esto te ayudará a reducir el tamaño del archivo del sitio, es decir, a minimizar el javascript.

6. Establece contenidos prioritarios en el código HTML

En el código HTML de cada página, indica cuáles contenidos y recursos son prioritarios para que el navegador los recupere del servidor y carguen primero.

Esto hará que, por ejemplo, en una página donde lo más importante es el texto, eso sea lo primero visible al usuario.

Luego cargarán las imágenes, estilos visuales, y cualquier otro detalle que no es tan importante como la información escrita.

7. Revisa las especificaciones de tu hosting

El hosting o servicio de alojamiento es la parcela de terreno en Internet donde has construido tu sitio web.

Dependiendo del proveedor y del plan que tengas escogido, tu sitio cargará más o menos rápido a tus usuarios.

Garantiza la usabilidad móvil

Los usuarios que navegan desde sus celulares en un sitio web se comportan diferente a aquellos que lo hacen desde sus computadoras.

Para que la experiencia de las personas sea óptima en cualquier equipo, debes verificar cómo luce cada página de tu sitio en los distintos tipos de dispositivos móviles:

Tipos de dispositivos móviles y sus medidas

Google reconoce 4 modelos de dispositivos móviles:

  • Smartphones: los tamaños de sus pantallas son, normalmente, de 480 px. Se hace referencia a los móviles modernos que manejan sistemas operativos como Android, iPhone y Windows Phone. Los navegadores que utilizan los teléfonos son similares a los que emplean en los ordenadores, por ende, son compatibles con HTML5.
  • Tablets: su tamaño estándar es de 768 px. 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: 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 no son óptimos para visitar sitios web.
  • Teléfonos básicos: los teléfonos de esta clase no pueden renderizar ningún tipo de características de HTML.

Ahora, hay varias maneras de garantizar la usabilidad móvil:

¿Cómo tener un sitio web responsive?

Hay cuatro maneras principales para tener un sitio web responsive:

¿Cómo tener un sitio web responsive?
¿Cómo tener un sitio web responsive?

Utiliza una plantilla responsive

Actualmente, la mayoría de los sitios web están construidos con herramientas como WordPress o Wix.

Una de las ventajas de estas plataformas es que facilitan la usabilidad móvil de los sitios con la oferta de plantillas responsive.

Estas plantillas automáticamente de cada página y módulo tienen un equivalente optimizado para los distintos tamaños de pantallas.

Al hacer uso de un diseño responsive, 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 porque:

  • No hace falta redirigir a los usuarios a otra URL, por lo que el tiempo de carga disminuye.
  • Todo el contenido es agrupado en una sola URL. Esto les facilita a los usuarios compartir y enlazar el contenido.
  • Te evita tener que etiquetar páginas con contenido duplicado.
  • El proceso de indexación es más rápido.

Utiliza media queries en el CSS de tu sitio

Las media queries funcionan como una construcción condicional en el CSS del sitio. Le dicen al sitio web: “Si sucede esto, haz lo otro”. Por ejemplo:

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 ayudan las medias queries?

  • A detectar los tamaños de la pantalla.
  • A establecer el ancho de la superficie a renderizar.
  • A definir estilos en función de la orientación del dispositivo.

Existen muchas otras funciones multimedia más que te servirán para lograr un diseño responsive óptimo.

Crea un sitio web dinámico

Un sitio dinámico es aquel que cambia su presentación según ciertos factores, tales como la hora de la región en la que lo visitas o, en este caso, el dispositivo desde el cual lo haces.

La ventaja de esta opción es que siempre utiliza la misma URL independientemente del dispositivo que estés utilizando.

No obstante, la página se mostrará siempre con un código de HTML diferente.

No recomendamos esta opción porque, si el robot se equivoca en la detección del dispositivo y muestra la versión errónea, la experiencia de usuario disminuirá y las consecuencias serán peores.

Además, en general, es un sistema costoso de mantener.

Usar URL independientes

Al usar esta configuración tienes páginas (URL) distintas, para dispositivos distintos. 

Por ejemplo, el link de tu página de inicio para computadores se vería así:

www.mipagina.com

Mientras, para dispositivos móviles, el URL la misma página luciría así:

m.mipagina.com

¿Qué desventajas tiene esta opción?

  • La configuración errónea en la metadata de las páginas puede confundir a los robots de Google, haciéndoles pensar que tienes contenido duplicado.
  • El mantenimiento de ambas páginas es costoso.

¿Qué ventajas tiene el mobile SEO?

  • Permite la personalización de la información. Los ordenadores suelen ser utilizados por varias personas, por  lo que 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, así que podemos establecer una comunicación más directa con él.

  • Aumenta la interactividad. Los sitios web optimizados para dispositivos móviles son menos complejos, por lo que la interacción resulta más alta..
  • Mejora 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 con respecto a los usuarios en ordenadores.
  • Favorece la visibilidad y el posicionamiento orgánico. Debido al mobile first index, Google favorece en sus rankings a los sitios web que tengan una versión móvil.

La importancia del mobile SEO

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

  • Tener una velocidad de carga óptima.
  • Garantizar la usabilidad móvil en teléfonos inteligentes y tablets.
  • Escoger una de las opciones disponibles para tener un sitio web responsive. Nosotros recomendamos utilizar una plantilla adaptable de WordPress, Wix, o la plataforma donde tu sitio esté construido.

Sin importar el mercado donde te desenvuelvas, es muy probable que tu audiencia objetiva lleve siempre consigo su celular.

Sácale provecho a esto y mejora tu mobile SEO con Pencil Speech.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuar!

Promedio de puntuación 5 / 5. Recuento de votos: 3

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Comparte este artículo

Share on whatsapp
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on email

Otros artículos que pueden interesarte

Recurso gratuito:

Checklist SEO con todo lo que debes hacer para posicionar tu web en Google