Cómo optimizar su sitio web para el índice Mobile-First de Google

Cómo optimizar su sitio web para el índice Mobile-First de Google

El índice móvil primero de Google ha hecho que sea aún más importante tener un sitio web compatible con dispositivos móviles y que responda a los dispositivos móviles.

Hay cosas que puede hacer ahora para asegurarse de que está buena clasificación en el índice mobile-first. Supondremos que tiene un sitio web móvil dedicado o, mejor aún, un sitio receptivo. De lo contrario, es posible que desee solucionarlo antes de continuar con este artículo. Google incluso te da una herramienta para ver si lo estás haciendo bien:

Pruebe su sitio para ver si es compatible con dispositivos móviles.

esta página es compatible con dispositivos móviles

Aquí hay cinco excelentes tácticas que puede implementar ahora que garantizarán que no solo esté listo para dispositivos móviles, sino que su sitio esté configurado para maximizar las conversiones y adelantarse a la competencia.

Optimice su sitio para el índice móvil primero

1. Acelera tu sitio

Hay una serie de tácticas en las que centrarse para estar preparado para el índice móvil primero. Cuando se trata de conversiones y experiencia general del usuario (UX), recomendamos comenzar con la velocidad de su sitio, centrándose específicamente en dispositivos móviles.

Existen cuatro maneras Recomendamos acelerar su sitio en dispositivos móviles:

AMPERIO

El proyecto de páginas móviles aceleradas (AMP) es una iniciativa de código abierto para mejorar el ecosistema móvil. Gracias al HTML reducido que utiliza AMP, le permite cargar sus páginas web mucho más rápido que el HTML normal. Google también almacena en caché su contenido dentro de su propio caché para acelerar aún más el tiempo de carga. Todo esto da como resultado una experiencia de usuario mucho más rápida y elegante y, a su vez, debería conducir a una mejor visibilidad en los resultados de búsqueda.

Si bien se han informado ampliamente algunos problemas relacionados con la URL visible (los visitantes ven una URL de Google almacenada en caché cuando cargan una página AMP), el tráfico aún se dirige a su sitio. Desde entonces, Google ha implementado una actualización donde los usuarios que comparten la URL compartirán el propio enlace del editor en lugar de la URL de Google en caché.

Consejo superior: si administra un sitio de WordPress, hay un complemento bastante impresionante que convertirá sus páginas a AMP, así como artículos instantáneos para Facebook.

PWA

Aplicaciones web progresivas (PWA) son una alternativa al cambio a AMP. Sus principales puntos de venta incluyen:

  • Fiable: se carga al instante
  • Rápido: responde rápidamente a las interacciones del usuario
  • Atractivo: se siente como una aplicación natural en un dispositivo con una UX inmersiva

Puede obtener más información sobre las PWA en la Sitio web de desarrolladores de Google o mira esto genial video.

PWAMP

Un término introducido por primera vez por Gary Illyes de Google en SMX Seattle, PWAMP es una combinación de un PWA basado en AMP HTML, JS y CSS. Si bien es posible que los sitios PWAMP no se validen como páginas AMP, son ultrarrápidos y brindan todos los beneficios de un PWA como se indica arriba. Podrían ser el futuro y uno a quien vigilar. Lea más sobre PWAMP aquí.

Hacer nada

Si su sitio web actual compatible con dispositivos móviles funciona bien, ofrece una gran experiencia de usuario y se carga rápidamente, es muy posible que no obtenga mucho al cambiar a AMP o cualquier otra opción alternativa. Siempre recomendamos una auditoría completa de su sitio móvil antes de decidir cualquier posible nuevo camino.

Ejemplo móvil de Google AMP

Fuente de imagen: Marketing en línea de Tulsa

2. Gestiona tu contenido para móviles

Si actualmente está utilizando un m. subdominio para administrar su experiencia móvil, es probable que esté sirviendo contenido diferente en computadoras de escritorio y dispositivos móviles (de lo contrario, podría haber respondido en primer lugar). El cambio al índice móvil primero tendrá el mayor impacto en usted si ese es el caso. Sus clasificaciones actuales se basan en el contenido de su escritorio. Si falta algo de eso en el móvil, es posible que no clasifiques tan bien en el futuro.

Incluso si tiene un sitio móvil receptivo, hay ajustes de diseño que puede considerar para optimizar su experiencia móvil para las conversiones. Aquí hay algunas cosas que debe hacer cuando se trata de administrar su contenido en dispositivos móviles:

Use acordeón y menús desplegables apropiadamente

Google ya ha dicho que los sitios no serán castigados por «ocultar» contenido detrás de un acordeón o un menú desplegable. Entienden que el espacio real es limitado en los dispositivos móviles, por lo que tiene sentido no mostrar todo a los usuarios de una sola vez. También han dicho que rastrearán todo el contenido incluido en los menús desplegables, así que utilícelos sabiamente como parte de su diseño móvil.

haga clic y escriba ejemplo de gif animado

Fuente: Temas elegantes

Nunca use Flash

Esto debería ser un hecho, pero todavía vemos sitios que insisten en usar Flash. Apple eliminó Flash de los dispositivos móviles y, dado que un alto porcentaje de los usuarios de dispositivos móviles no pueden ver el contenido de Flash, ¿por qué continuar usándolo? Use HTML5 o Java para agregar esos elementos interactivos geniales que pueden ser súper atractivos.

Considere su uso de ventanas emergentes en dispositivos móviles

Definitivamente hay un argumento para el uso de ventanas emergentes, especialmente si la generación de prospectos es importante para usted, sin embargo, considere la frecuencia con la que aparecen y su tamaño y facilidad de cierre. No hay nada más frustrante para un usuario móvil que cuando una ventana emergente le impide acceder al contenido deseado. Mira este gran viernes de pizarra publicación que habla sobre el uso de ventanas emergentes, modales e intersticiales.

Considere el tamaño del texto, toque el objetivo y el relleno

Asegúrese de que su sitio web sea «amigable con los dedos». Otra frustración para los usuarios de dispositivos móviles es hacer clic en algo accidentalmente, así que asegúrese de dimensionar correctamente los objetivos táctiles y dejar suficiente espacio entre esos objetivos táctiles. Además, asegúrese de que su fuente tenga al menos 16 px como nivel base para facilitar la lectura. Puedes leer más aquí sobre diseño y desarrollo para el índice mobile-first.

3. Considere el proceso de pago en el móvil

De acuerdo a Piensa con Google, el 85 % de los clientes inician una compra en un dispositivo y la finalizan en otro (o en la tienda). ¿Cómo podemos ir más allá y crear un mejor proceso de pago en un dispositivo móvil? Optimizar su proceso de pago, especialmente en dispositivos móviles, es una excelente manera de ayudar a acelerar ese proceso y reducir las barreras para la conversión.

Aquí están ocho tácticas clave para agilizar su proceso de pago en dispositivos móviles para aumentar las conversiones:

Acelerar el proceso

Esto puede parecer obvio, pero los cambios de velocidad de página recomendados anteriormente pueden ayudar enormemente a que las personas completen su compra/conversión.

Reduzca la cantidad de información requerida al finalizar la compra

Si bien es posible que su equipo de marketing desee recopilar la mayor cantidad posible de datos demográficos, ¿realmente necesita la fecha de nacimiento de un cliente? ¿Qué pasa con esos tres números de teléfono (casa, móvil, trabajo, etc.)? Haga que su formulario de pago sea lo más ágil posible, lo que nuevamente ayudará a acelerar el proceso.

pago móvil más fácil nunca

Fuente: diariodeingresos.com

Suavice la navegación

Esto vuelve al tamaño del texto, los objetivos de toque y las recomendaciones de relleno anteriores. Hacer que el proceso de pago sea lo más fluido posible significa pensar en los elementos en los que la gente hará clic y necesitará leer. Asegúrese de que esto sea súper fluido y observe cómo aumentan esas conversiones.

Evita las ventanas emergentes

Estás a punto de sellar el trato. ¿Realmente necesita presentar al cliente una ventana emergente en esta etapa? Probablemente no. Si parece que van a abandonar su carrito, es mayo valdría la pena considerar una ventana emergente que los haga pasar de la raya, pero aparte de eso, manténgase despejado y despejado en la caja.

Ofrezca a las personas la opción de guardar los detalles para la próxima vez

Sabemos que las personas saltan de un dispositivo a otro, pero brindarles la opción de guardar su cesta para más tarde (sin tener que registrarse) es una excelente manera de obtener esa cesta. Por supuesto, esto se puede gestionar con cookies, que es otra opción, pero dejar claro al cliente que su cesta estará disponible más adelante es una buena manera de conseguir que vuelva.

caja de amazon

La lista de deseos de Amazon es el ejemplo perfecto. Incluso puede hacer pública su lista de deseos, lo que puede ayudar con la compra de regalos en Navidad y cumpleaños.

Enviar personas a otro dispositivo

Si bien puede ser grandioso ver que su tasa de conversión móvil se dispara, sabemos que las personas a veces abandonan el barco y finalizan sus compras en otro dispositivo o en la tienda. En lugar de luchar contra él, acéptalo y bríndale a la gente la opción de finalizar la compra en el escritorio; puede ser solo el empujón que necesitan para cerrar el trato.

Dirigirse a los compradores en la tienda

Muchos compradores que visitan una tienda física para buscar un producto usarán su dispositivo móvil (mientras están en la tienda) para ver si pueden encontrar una mejor oferta en otro lugar. Use notificaciones automáticas para presentar ofertas a los compradores mientras están en la tienda para que puedan comprar y recoger allí mismo o llevar la oferta al mostrador. De cualquier manera, obtienes la conversión.

Usa Apple Pay o Android Pay

A medida que avanza la tecnología, aquellos que adopten los últimos avances saldrán adelante. Apple Pay y Android Pay son opciones que facilitan mucho a los usuarios el pago en dispositivos móviles. Darle a un cliente esa opción podría ser la diferencia entre convertir o abandonar el carrito. Si aún no lo ha hecho, asegúrese de investigar las oportunidades en torno a Apple Pay y Android Pay.

Ejemplo de SEO móvil de warby parker

Fuente: warby parker

4. No bloquees CSS, JavaScript o imágenes

Cuando el diseño móvil apareció por primera vez en escena, fue útil bloquear ciertos recursos, incluidos CSS, JavaScript e imágenes. Algunos de estos elementos a menudo pueden provocar una carga lenta, así como problemas de visualización y, de hecho, tenía más sentido ocultarlos de GoogleBot en dispositivos móviles.

Hoy, sin embargo, el panorama ha cambiado. Los teléfonos inteligentes son, en muchos casos, más potentes que las computadoras de los usuarios. Tienen procesadores más rápidos, más memoria y más capacidad para manejar cualquier cosa que les arrojemos.

El teléfono inteligente GoogleBot de Google también puede manejar todos estos elementos. Entonces, si pueden manejarlo, asegúrese de mostrarles todo. De esa manera, Google puede categorizar su contenido y clasificarlo adecuadamente.

Asegúrate de no estar escondiendo nada.

5. Piense primero en los dispositivos móviles para actuar primero en los dispositivos móviles

Con el fin de optimizar para el índice móvil primero, las empresas tendrán que cambiar al pensamiento móvil primero en todo lo que hacen (diseño, desarrollo, UX) y luego preocuparse por el escritorio más adelante.

Sin el cambio de mentalidad, las empresas persistirán en diseñar y desarrollar para computadoras de escritorio y luego pensarán en cómo se convierte eso en dispositivos móviles. El diseño y desarrollo web receptivo no es suficiente. Es una buena práctica, pero el hecho de que un sitio responda no significa que esté optimizado para dispositivos móviles.

Empezar hoy. Cuando esté considerando su próximo desarrollo o cambio de diseño, deje atrás el escritorio y base todas sus discusiones en torno a la experiencia móvil. Para adoptar realmente el mundo móvil primero en el que estamos compitiendo, debe impulsar el cambio organizacional. No es fácil, pero valdrá la pena.

Resumen

Al abordar los problemas anteriores (o asegurarse de que ya está al tanto de ellos), estará en una posición mucho más sólida en el primer índice móvil de Google. Recomendamos hablar con su agencia de SEO o equipo de desarrollo actual antes de realizar cualquiera de estos cambios.

Sobre el Autor: Gavin Hirst es un británico que trabaja en el extranjero. Es un redactor, SEO y experto en marketing de contenido que trabaja para una de las principales agencias de marketing digital de Auckland, Invernadero digital en Nueva Zelanda. Fuera del trabajo, a Gavin le gusta jugar al golf y le apasionan las actividades al aire libre, ¡de ahí que se haya mudado a Nueva Zelanda! Conectar con Invernadero digital en Twitter y manténgase al día con las últimas noticias y tendencias de marketing digital en Nueva Zelanda y en todo el mundo.