Tip:
Highlight text to annotate it
X
Bonjour.
Je suis Maile Ohye.
Je suis responsable des programmes pour les développeurs
dans l'équipe d'aide aux webmasters.
Dans les vidéos précédentes de notre chaîne YouTube,
nous avons beaucoup parlé de l'optimisation des sites Web.
Mais il s'agissait surtout de sites pour ordinateur.
Dans cette vidéo, nous n'aborderons que le Web pour mobile
et la façon d'améliorer les pages pour mobile au trafic élevé
qui nuisent à l'expérience utilisateur.
Pour illustrer ce que les utilisateurs attendent
des sites pour mobile aujourd'hui,
selon le blog Google Mobile Ads, 50 % des utilisateurs
déclarent que même s'ils aiment une entreprise,
ils y auront moins recours si le site Web n'est pas adapté
aux mobiles.
Dans l'article de notre blog
sur le classement des résultats de recherche
sur smartphone, Pierre Far et Yoshikiyo Kato
avertissent de la rétrogradation dans le classement pour smartphone
des pages Web qui affectent l'expérience de l'utilisateur.
En général,
cela est dû à une redirection vers une page 404 ou la page d'accueil
au lieu de la page pour mobile correspondante,
ou à une boucle infinie.
Je ne me concentrerai pas sur la création d'un site pour smartphone,
car beaucoup d'entre vous l'ont déjà fait,
mais plutôt sur comment offrir une bonne expérience utilisateur.
Pour améliorer votre site, nous vous invitons à installer
un programme d'analyse du site.
Je vais utiliser Google Analytics.
Vous devez aussi valider la propriété de vos sites pour ordinateur
et mobile.
Si vous utilisez une conception Web adaptative,
vous n'avez à confirmer la propriété que d'un seul site.
Si les URL des pages pour ordinateur et pour mobile
sont différentes, comme "www" et "m.", validez les 2 sites.
Commençons par l'identification des problèmes,
tout d'abord ceux qui affectent l'ensemble de votre site pour mobile,
puis ceux spécifiques aux pages au trafic élevé
à l'origine d'une mauvaise expérience de l'utilisateur.
Nous verrons enfin comment améliorer ces pages problématiques.
Pour cette vidéo,
imaginons que je gère le Google Store,
un site d'e-commerce qui vend des accessoires Google,
comme des T-shirts YouTube ou des figurines Android,
sur www.googlestore.com.
Commençons par identifier le problème avec ce site.
Segmentons nos données entre le trafic issu d'ordinateurs
et le trafic issu de mobiles.
Vous pouvez aussi le faire pour les tablettes.
Dans Google Analytics, sélectionnez "Créer un segment".
Créez un segment pour le trafic issu d'ordinateurs en sélectionnant "Technologie",
puis le filtre "Ordinateur" dans la catégorie d'appareil.
Le segment du trafic issu de mobiles
peut être créé à l'aide d'un préréglage disponible.
Quand je regarde mes données d'analyse,
le comportement est différent entre les mobinautes
et ceux qui utilisent un ordinateur.
Avant de chercher les problèmes sur les pages,
examinons les problèmes affectant
l'ensemble du trafic issu de mobiles.
Recherchons des anomalies dans les données relatives à l'audience,
avec les segments sur le trafic sur les ordinateurs et les mobiles
configurés sur plusieurs mois.
Il peut s'agir d'un trafic sur les mobiles beaucoup plus faible
que celui sur les ordinateurs,
comparativement au trafic moyen par appareil pour un pays donné.
Ici, le trafic de 155 000 visiteurs sur les mobiles
représente environ 22 % du trafic total de mon site.
C'est une bonne indication que mon site pour mobile
ne rencontre pas de problèmes majeurs.
Les visiteurs viennent de pays où le trafic sur les mobiles
représente entre 1/5e et un tiers du trafic sur les ordinateurs.
Donc 22 % est un chiffre correct.
Toujours dans les données relatives à l'audience,
nous pouvons savoir si les mobinautes ont moins tendance à revenir
sur notre site que les utilisateurs d'ordinateurs.
Cela indiquerait un problème d'ordre général.
Les deux diagrammes représentent la répartition
entre les nouveaux visiteurs et les visiteurs connus
sur les mobiles et les ordinateurs.
Pour notre site, la répartition entre les visiteurs nouveaux et connus
sur les mobiles est presque identique à celle
pour les utilisateurs d'ordinateurs.
Si, comparativement à seulement 5 % des mobinautes,
2 fois plus d'utilisateurs d'ordinateurs revenaient sur le site,
cela pourrait indiquer un problème.
Une autre manière de rechercher les problèmes
d'ordre général est de comparer les flux de visiteurs
sur mobile et sur ordinateur.
Pour la plupart des utilisateurs d'ordinateurs, la page de destination
est notre page d'accueil.
20 % d'entre eux consultent la page principale des achats,
/shop.axd/home, et 53 % ne restent pas sur le site.
Pour les mobinautes, les chiffres sont proportionnellement similaires,
mais légèrement plus faibles.
12 % des mobinautes consultent la page principale d'achats,
contre 20 % pour les utilisateurs d'ordinateurs.
Et 59 % des mobinautes quittent le site,
contre 53 % pour les utilisateurs d'ordinateurs.
Bien que le nombre d'abandons dès la page d'accueil
ne soit pas encourageant en termes d'intérêt des utilisateurs
(nous en reparlerons dans une autre vidéo),
il n'indique pas de problème majeur
spécifique à notre site pour mobile.
Nous avons examiné l'état général du site pour mobile.
Analysons maintenant les pages au trafic élevé
à l'origine d'une mauvaise expérience de l'utilisateur.
Consultons la section "Page de destination"
de Google Analytics.
Les pages de destination sont les premières du site
auxquelles les visiteurs accèdent, que ce soit via la recherche,
un lien sur le Web ou une adresse saisie dans un navigateur.
Elles peuvent être triées par nombre de consultations
pour nous aider à trouver les problèmes de trafic élevé.
Trouvez d'abord le taux de rebond moyen pour les mobiles
et la différence moyenne entre le taux sur les ordinateurs et sur les mobiles.
Ici, elle est d'environ 7 %.
Repérons les pages à fort trafic
avec un taux de rebond sur les mobiles bien plus élevé que la moyenne
ou une différence entre les mobiles et les ordinateurs
supérieure à la moyenne.
La 2e page de destination la plus populaire
pour les mobinautes est la page de la catégorie "YouTube"
sur /You+Tube.
Mais cette page consultée par plus de 9 000 personnes
ces derniers mois est aussi à l'origine de la multiplication par 2
du taux de rebond moyen sur les mobiles.
Signalons cette page pour une amélioration ultérieure.
Quelques lignes plus loin dans les pages de destination,
/Accessories/Google+Watch+Set.axd
présente un taux de rebond sur les mobiles de 4 fois la moyenne, à 87 %.
Signalons également cette page pour une amélioration ultérieure.
Et pire encore, quelques lignes plus bas,
/Google+Redesign/Wearables/Men+s+T+Shirts/page, avec un taux de rebond sur les mobiles
3 fois supérieur à celui sur les ordinateurs.
En moyenne, le taux de rebond sur les mobiles est supérieur d'environ 8 %
à celui sur les ordinateurs.
Mais pour cette page de la catégorie T-shirts pour hommes,
il s'agit de 3 fois plus.
Signalons également cette page.
En plus des Pages de destination sur Google Analytics,
l'outil "Événements" suit le comportement des mobinautes.
Voici par exemple le code utilisé pour vérifier
si des personnes ont cliqué sur le lien vers le site complet
depuis une page mobile.
Le suivi des clics vers le site complet
peut indiquer que la page n'a pas la convivialité ni la fonctionnalité
utiles à un mobinaute.
Avec l'option "Événements", vous pouvez avoir une vue globale
de la fréquence d'un événement sur une page.
En plus avancé, le comptage des événements de microconversion,
comme les clics sur "contactez-nous", "téléphone" ou "e-mail",
peut également aider.
Nous avons trouvé plusieurs pages pour mobile au trafic élevé
qui nuisent à l'expérience utilisateur.
Dans la 2e partie de cette vidéo,
nous aborderons différentes approches
d'amélioration.
Nous essaierons d'améliorer les 3 pages signalées plus tôt,
la page de la catégorie YouTube, celle des T-shirts pour homme Google+
et la page de produit avec l'ensemble de montres Google.
Un des éléments essentiels
à améliorer sur un site pour mobile
est la vitesse du site.
À la section "Vitesse du site : temps de chargement des pages",
nous pouvons voir si une page charge vite ou non
par rapport à la moyenne du site.
Le tri par défaut se fait par page vue.
Il est donc très facile de voir quelles pages à trafic élevé
sont lentes pour les visiteurs.
Dernièrement, j'étais avec mon ami et collègue,
Nick Mihailovski, qui a beaucoup travaillé avec Google Analytics.
Et nous étions assez surpris
que la 3e page la plus populaire en termes de pages vue,
la page de la catégorie YouTube,
prenne presque 20 secondes à charger,
350 % plus lentement que la moyenne du site pour mobile.
De faibles performances expliquent probablement
le taux de rebond supérieur à la moyenne de cette page.
On peut comprendre que les mobinautes n'ont pas la patience
d'attendre 20 secondes.
Nous devons accéler les choses
pour améliorer cette page.
Nous avons 9 suggestions sur la vitesse du site
pour la page de la catégorie YouTube.
La mauvaise expérience mobinaute est souvent due à la vitesse des pages.
La convivialité peut aussi être en cause.
Pour bien comprendre les problèmes de convivialité
des pages pour mobile,
essayez de regarder et d'interagir avec votre site
avec les mêmes appareils que vos visiteurs.
Mais si vous n'avez pas les appareils de vos visiteurs,
il est facile d'avoir une idée de ce que voit un mobinaute
en utilisant les outils pour les développeurs Google Chrome.
Dans "Settings", puis "Overrides", vous pouvez sélectionner
différents user-agents mobiles pour afficher la page.
J'ai saisi l'URL de la 2e page à examiner,
/Google+Redesign/Wearables/Men+s+T+shirts.
Cette page a un taux de rebond de 3 fois l'écart moyen
entre ordinateur et mobile.
Pour trouver des problèmes de convivialité,
je vais rechercher des redirections indésirables,
des fenêtres pop-up,
des polices ou des boutons trop petits, et d'autres expériences
peu agréables.
Nous remarquons rapidement
que lors d'un clic sur un produit individuel,
la page lance une large fenêtre pop-up
difficile à agrandir et à fermer.
De plus, les polices et les boutons
sont trop petits pour un appareil mobile.
Nous pouvons supposer que les larges fenêtres pop-up
difficiles à agrandir et à fermer pour chaque objet d'une catégorie
contribuent pour beaucoup au taux de rebond élevé
de cette page pour mobile.
Comme ce manque de convivialité s'applique
à toutes les pages de catégorie, j'améliorerai
ce point sur tout le site.
Nous avons déjà examiné la vitesse et la convivialité.
Essayons maintenant d'optimiser le contenu.
La dernière page à trafic élevé et mauvaise expérience utilisateur
signalée est la page /Accessories/Google+Watch+Set.axd.
Cette page concerne la vente d'un bracelet-montre étanche
avec le logo Google.
Nous l'avons signalée, car son taux de rebond est de 4 fois
le taux de rebond moyen sur les mobiles.
Afficher cette page via un user-agent mobile
ne permet pas d'expliquer ce taux de rebond élevé.
La page a les mêmes problèmes de taille de police et de boutons
que le reste du site.
Et bien que cela soit à améliorer,
c'est un problème trop répandu pour être la cause.
Il n'y a pas non plus de fenêtre pop-up,
donc ce n'est pas la cause.
Pour mieux comprendre d'où vient ce taux de rebond élevé,
essayons de comprendre ce qui pousse l'internaute
à venir sur la page
/Accessories/Google+Watch+Set.
Dans la section segmentée par mobile "Sources de trafic",
nous pouvons ajouter la source variable secondaire.
Ensuite, si je clique sur la vue en graphique à secteurs,
il semble que 82 % de l'audience de cette page
provienne de la recherche sur téléphone mobile.
Les requêtes de recherche
étant motivées par des intentions, allons sur notre compte
pour notre site pour mobile validé.
Sélectionnez "Pages les plus populaires" et filtrez par recherches sur mobile.
La page /Accessories/Google+Watch+Set
est parmi les pages les plus populaires avec comme requête principale
"Montre Google".
Quand nous exécutons cette recherche sur smartphone,
nous voyons que le 1er résultat de recherche
porte sur une montre intelligente Google.
Haha.
Les mobinautes ne s'attendent donc pas à un tel résultat
lorsqu’ils cliquent sur notre page de produit.
La plupart cherchent la fameuse montre intelligente Google,
pas notre montre étanche en caoutchouc avec le logo Google.
Sur mobile, les internautes décident probablement
de quitter le site.
Alors que sur ordinateur, ils cherchent peut-être ailleurs
pour trouver l'appareil intelligent.
Pour optimiser l'expérience mobile sur la page,
je pourrais amener un trafic plus qualifié.
Il peut s'agir d'ajuster le titre ou la description meta
pour que l’apparence du résultat de recherche
corresponde mieux au produit.
Je pourrais également renommer l'article,
peut-être en "bracelet-montre à logo Google",
pour que l'internaute fasse la distinction plus facilement.
À présent, nous avons examiné
toutes nos pages signalées.
Voici d'autres ressources pour construire et améliorer
votre site pour mobile pour des clients heureux, moins frustrés.
Merci de votre attention.