Tip:
Highlight text to annotate it
X
Hola.
Soy Maile Ohye,
Directora técnica de Programas de desarrollo
en el equipo de asistencia para webmasters.
En los vídeos anteriores del canal de YouTube para webmasters
hemos hablado mucho sobre la mejora del sitio web.
Sobre todo, en referencia a los sitios web para ordenadores.
En este vídeo, nos centraremos únicamente en la Web para móviles,
y en cómo mejorar páginas con mucho tráfico
y una experiencia de usuario deficiente.
Hablando objetivamente sobre lo que los usuarios
más exigen actualmente de los sitios para móviles,
el blog Google Mobile Ads menciona que el 50% de las personas
afirman que, aunque les guste una empresa,
recurrirán a ella con menos frecuencia
si el sitio web no está optimizado para móviles.
En la entrada del blog Webmaster Central
sobre cambios en los rankings de resultados de búsqueda de smartphones
mis compañeros, Pierre Far y Yoshikiyo Kato,
anticipan el cambio a una posición inferior en los rankings de smartphones
para las páginas web que ofrezcan una experiencia al buscador deficiente.
Por lo general, esas experiencias deficientes
son por redireccionamientos no deseados a una página 404, a la página principal
en lugar de a la página para móviles correspondiente,
o por un bucle infinito.
Hoy en día, no se trata solo de crear un sitio para smartphones
(la mayoría ya lo habéis hecho),
sino que se trata de ofrecer una experiencia de usuario excelente.
Para mejorar tu sitio, los requisitos previos útiles
incluyen tener instalados programas de análisis de sitios web
(para ello, usaré Google Analytics)
y haber verificado la propiedad del sitio para ordenadores
y para móviles con Herramientas para webmasters.
Si utilizas un diseño web receptivo,
solo tienes que verificar la propiedad de un sitio.
Si usas URL independientes para ordenadores y para móviles,
como www y m., tendrás que verificar ambos sitios.
Nuestro proceso comienza con la identificación del problema;
primero comprobamos los problemas importantes en nuestro sitio para móviles
y, después, marcamos todas aquellas páginas
que muestren un tráfico elevado con una experiencia de usuario deficiente.
La última parte del vídeo se centra en realizar mejoras
en esas páginas problemáticas.
Para el propósito de este vídeo,
voy a fingir que administro Google Store,
un sitio de comercio electrónico que vende productos de Google,
como camisetas de YouTube y figuritas de Android,
en www.googlestore.com.
Empezaremos por identificar el problema usando este sitio.
Vamos a segmentar los datos del análisis
entre el tráfico de ordenadores y de móviles.
Incluso podría segmentarlos en tablets si quisiera abarcar más.
En Google Analytics, selecciona Crear segmento.
Crea un segmento de tráfico de ordenadores seleccionando Tecnología
y filtrando cuando la categoría del dispositivo contenga "ordenador".
El segmento del tráfico de móviles
se puede crear mediante un valor predeterminado.
Al consultar los datos del análisis,
puedo ver diferencias de comportamiento entre
los visitantes que usan móviles y los que usan ordenadores.
Antes de buscar los problemas en la página,
vamos a investigar los problemas potenciales importantes
que afectan al tráfico móvil.
En el resumen de la audiencia, con los segmentos de ambos tipos
establecidos en un periodo de varios meses de duración,
buscaremos las anomalías.
Una anomalía puede ser un tráfico de móviles muy inferior
al tráfico de ordenadores en comparación con el desglose medio
por dispositivo en los países de mis clientes.
El tráfico de móviles de 155.000 visitantes
supone alrededor del 22% del tráfico total hacia mi sitio.
Un 22% es una buena señal
de que el sitio para móviles no está experimentando
problemas graves.
Mis visitantes son de países en los que el tráfico de móviles
supone entre una quinta parte y un tercio del tráfico de ordenadores,
por lo que un 22% es correcto.
En el resumen de la audiencia,
podemos comprobar si el sitio recibe muchas menos visitas
recurrentes de usuarios de móviles que de usuarios de ordenadores,
ya que ello indicaría un problema importante.
Los dos gráficos circulares muestran el desglose
de los visitantes nuevos frente a los visitantes recurrentes
de móviles y de ordenadores.
Nuestro sitio parece funcionar bastante bien porque la distribución para móviles
de usuarios nuevos frente a los recurrentes es similar
a la distribución para ordenadores.
Si solo tuviéramos un 5% de visitantes de móvil recurrentes
y el porcentaje de usuarios de ordenadores fuera el doble,
podría indicar que existe un problema.
Otro método para comprobar problemas
con nuestro sitio para móviles consiste en realizar una comparación
entre el flujo de visitantes que acceden con móvil o con ordenador.
En los ordenadores, la página de destino inicial
de casi todos los usuarios es la página principal.
Luego, un 20% visita la página de compras principal
en /shop.axd/home, y el 53% abandonan la visita.
El flujo de visitantes de móvil muestra estadísticas que son similares
de forma proporcional, aunque sean algo inferiores.
El 12% de los visitantes de móvil siguen en la página de compras principal,
en comparación con el 20% de los visitantes de ordenador.
Por otra parte, el 59% de los visitantes de móvil,
en comparación con el 53% de los de ordenador, abandona la visita.
Si bien la estadística de abandonos de la página principal
no es tan positiva, en lo que se refiere a su capacidad de retención
(hablaremos de ello en otro vídeo),
también es cierto que no indica problemas de mayor relevancia
específicos del sitio para móviles.
Hasta ahora, hemos realizado una investigación bastante general
de nuestro sitio para móviles.
A continuación, marcaremos las páginas concretas
con mucho tráfico y una experiencia de usuario deficiente.
Para ello, vamos a ir a la sección Página de destino
de Google Analytics.
Las páginas de destino son las primeras que visitan
los usuarios al entrar al sitio, ya sea a partir de la búsqueda,
de un enlace en la Web o de una dirección escrita en un navegador.
Estas páginas se pueden ordenar por páginas vistas,
lo que nos permite detectar problemas de tráfico elevado.
Primero, busca el porcentaje de rebote medio de móviles
y la diferencia media entre el porcentaje de rebote de ordenadores y el de móviles
que, en este caso, es de un 7%.
Marcaremos las páginas con un índice de tráfico elevado
que muestren un porcentaje de rebote muy superior
al porcentaje de rebote medio de móviles o superior a la diferencia media
entre el porcentaje de rebote de ambos.
Resulta que la segunda página de destino más visitada
por los usuarios de móviles es la página de categorías de YouTube
en /You+Tube.
Esta página tan popular, con más de 9.000 visitas
durante los últimos meses, lamentablemente también duplica
el promedio de porcentaje de rebotes móviles.
Vamos a marcar esta página para mejorarla más adelante.
Unas filas más abajo en mis páginas de destino,
podemos observar que /Accessories/Google+Watch+Set.axd
muestra un porcentaje medio de rebote cuatro veces superior, del 87%.
También marcaremos esta página para mejorarla más adelante.
Para mayor desgracia, unas filas más abajo observamos que
/Google+Redesign/Wearables/Men+s+T+Shirts/page tiene un porcentaje de móviles
tres veces superior al porcentaje de rebote de ordenadores.
El porcentaje de rebote de móviles medio es aproximadamente un 8%
superior que el de ordenadores.
Pero para esta página de camisetas de hombre
es tres veces superior.
Marcaremos también esta página.
Además de las páginas de destino de Google Analytics,
podemos utilizar eventos para seguir el comportamiento de usuarios de móvil.
Por ejemplo, este es el código que utilicé
para probar si se hacía clic en el enlace del sitio completo
en una página para móviles.
El seguimiento de los clics al sitio completo es un claro indicio
de que la página tiene una usabilidad
o una funcionalidad inferior a la esperada para el usuario con móvil.
Con los eventos, tienes una vista agregada
de la frecuencia de un evento para una página determinada.
A medida que mejores, seguir eventos de microconversión,
como los clics en los enlaces de contacto, el teléfono o el correo electrónico,
también puede ser útil.
Hasta el momento, hemos identificado páginas para móviles con mucho tráfico
y una experiencia de usuario deficiente.
En la segunda mitad de este vídeo,
nos centraremos en los distintos enfoques
para realizar mejoras.
Intentaremos mejorar las tres páginas que hemos marcado:
la página de categorías de YouTube, la de las camisetas de hombre de Google+
y, por último, la página de productos
de accesorios de Google.
Concretamente, cuando se trata de móviles,
un buen lugar para realizar mejoras
es en el comportamiento de la velocidad del sitio.
En la sección Tiempos de página de velocidad del sitio,
podemos consultar la velocidad a la que se carga una página
en relación a la media del sitio.
Hay un orden predeterminado por páginas vistas.
Así queda muy claro que las páginas con mucho tráfico
son lentas y molestas para los visitantes.
La semana pasada, estuve con mi compañero
Nick Mihailovski, un verdadero especialista en Google Analytics.
Los dos nos quedamos perplejos
al descubrir que la tercera página más visitada, en términos generales,
la página de categorías de YouTube,
***ó, aproximadamente, 20 segundos en cargarse.
Es decir, era un 350% más lenta que la media de móviles de mi sitio.
Es probable que el bajo rendimiento sea la causa
de que esta página tenga un porcentaje de rebote elevado.
No me imagino a un usuario de móvil invirtiendo la paciencia suficiente
para esperar 20 segundos.
Para mejorar esta página,
es necesario acelerar el proceso.
En Sugerencias de velocidad del sitio se incluyen nueve sugerencias
para la página de categorías de YouTube.
La velocidad suele provocar una experiencia de usuario deficiente.
Otra de las causas es la mala usabilidad.
Para concienciarse de los problemas de usabilidad
de las páginas para móviles, si es posible,
debes intentar ver el sitio e interactuar con él
con los mismos dispositivos que utilicen tus visitantes.
Pero si no puedes conseguir esos dispositivos,
también se puede saber lo que ve un usuario de móvil
utilizando las Herramientas para desarrolladores de Chrome.
En Configuración y Sustituciones,
puedes seleccionar varios user-agents de móvil para ver la página.
He introducido la URL de la segunda página para investigar:
/Google+Redesign/Wearables/Men+s+T+shirts.
Esta página de categorías tenía un porcentaje tres veces superior
de la diferencia media del porcentaje de rebote de ordenadores y de móviles.
Para encontrar problemas de usabilidad,
comprobaré aspectos como redireccionamientos no deseados,
ventanas emergentes frustrantes,
fuentes o botones demasiado pequeños y otros elementos que dificulten
la experiencia.
Rápidamente, hemos observado
que al hacer clic en un producto concreto,
la página ejecuta una ventana emergente
difícil de centrar y de cerrar.
Asimismo, las fuentes y los botones
son demasiado pequeños para verlos bien en un dispositivo móvil.
Podemos suponer que haber creado ventanas emergentes de ese tipo
para todos los elementos de una página de categorías
contribuye en gran medida a que el porcentaje de rebote
sea elevado.
Como esta mala experiencia de usabilidad
se puede observar en todas las páginas de categorías,
deberé mejorar este aspecto para todo el sitio.
Por ahora, hemos investigado la velocidad y la usabilidad.
Seguidamente, vamos a hablar sobre cómo mejorar el contenido.
La última página con tráfico elevado y una experiencia de usuario deficiente que
hemos marcado es la siguiente: /Accessories/Google+Watch+Set.axd.
Esta página de productos vende un reloj de pulsera resistente al agua
con un logotipo de Google.
La hemos marcado porque su porcentaje de rebote
es cuatro veces superior al porcentaje medio.
Si la página se visualiza mediante un user-agent móvil,
no se muestra nada que justifique el porcentaje de rebote elevado.
Por ejemplo, la página tiene fuentes y botones pequeños,
como el resto del sitio.
Y, si bien deben mejorarse,
el problema está demasiado extendido para ser esa la causa.
Además, no hay ventanas emergentes frustrantes,
por lo que no puede ser el motivo.
Para entender mejor por qué el porcentaje de rebote es tan elevado,
vamos a intentar determinar la intención del usuario
al visitar la página /Accessories/Google+Watch+Set
de la que estamos hablando.
En Fuentes de tráfico, segmentado por Móvil,
podemos añadir la fuente del parámetro secundario.
Entonces, si hago clic en la vista del gráfico circular
parece que el 82% de la audiencia que llega a esta página
lo hace con su teléfono móvil desde la Búsqueda.
Como las consultas de búsqueda se generan por intenciones,
vamos a la cuenta de Herramientas para webmasters de Google
para nuestro sitio para móviles verificado.
Selecciona Páginas principales y filtra por búsquedas de móviles.
La página /Accessories/Google+Watch+Set
aparece en Páginas principales con Reloj Google como la
consulta dominante.
Cuando realizamos esta consulta en un smartphone,
nos damos cuenta de que el resultado de la búsqueda principal
trata de un reloj inteligente de Google.
Ajá.
Parece que hay una discrepancia en la expectativa media del buscador
al hacer clic en nuestra página de producto.
La mayoría quiere ver el reloj inteligente de Google,
y no el reloj de goma resistente al agua con el logotipo.
En los móviles, lo más probable es que los usuarios no satisfechos
salgan inmediatamente del sitio,
mientras que en ordenadores, puede que visiten más páginas
para encontrar el dispositivo.
Para mejorar la experiencia para móviles de la página,
podría atraer más tráfico cualificado.
Algunas opciones son ajustar el título o la metadescripción
para que la apariencia del resultado de búsqueda
sea más indicativa del producto.
También podría intentar cambiar el nombre del artículo,
quizás a Reloj de pulsera Google,
de manera que la distinción sea más evidente para el usuario.
Y, con esto, ya se han corregido
todas las páginas marcadas.
A continuación, dispones de más recursos
para mejorar tu sitio web para móviles y conseguir clientes satisfechos.
Gracias por ver el vídeo.