Upload
search-foresight
View
193
Download
0
Embed Size (px)
Citation preview
SEO & Mobile
Philippe YONNET – 16h15
13 Octobre 2016
Philippe YonnetDirecteur Général
Au programme35 mn de presentation, 10 mn de questions
3
Les usages mobiles deviennent prééminents
Optimiser son site pour les
usages mobiles
L’algo de Google en
usage mobile
Le futur des usages
mobiles
Qui suis-je ?Search-Foresight
La montée inexorabledes usages mobiles
La compatibilité mobilePopupgeddon
Les pages AMP
Introduction
Amplifiez vos pages pour le mobile
App vs SiteSite mobile ou site
responsive ?
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
SEARCH FORESIGHT
2016, la création de l’agence SEARCH de référence
Le Groupe My Media rachète Synodiance en Avril 2016 pour la rapprocher de l’agenceSearch Foresight
5
Un pôle SEA d’experts dédiés
Un pôle créé par la mutualisation des meilleures pratiques des 2 structures
Un département R&D renforcé
Une activité plus poussée pour rester à la pointe de l’expertise Search
Plus de flexibilité et de réactivité
Une équipe densifiée sur ses pôles nantais et parisiens
+ >
Search ForesightL’agence Search de référence
6
Organisme de formation depuis +16 ans
L’offre de formation Search Marketingla plus pointue du marché+600 participants en formations inter, intra, Académies & KickoffCycles de formation sur mesure Formation interne en continue
+60 consultants et experts, seniors et certifiés
Une équipe dirigée par Philippe Yonnet(Top experts SEO de France selon le JDN)
Accompagnement stratégiqueUne exigence portée sur les
collaborateurs
Un discours de référenceSpeakers reconnus sur les évènementsmajeurs, conférencesProduction de contenus et d’étudesavancéesLaboratoire d’innovation et de prospective
17 ans d’expertise Search40% du Top 50 des sites français
(classés selon l’audience)Expertise ROI
(Pure-players, ecommercants)Projets complexes
(Forte volumétrie, international…),
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les usages mobiles deviennent prééminents
Un phénomène mondial
“We should stop talking about ‘mobile’ internet and
‘desktop’ internet - it’s like talking about ‘colour’
TV, as opposed to black and white TV.”
Benedict Evans - Analyst at Andreessen Horowitz
“More than half of all Google searches now
happen on mobile devices globally”
Amit Singhal, senior VP of Search - Google
Oct 2015
35.7 M de mobinautes en France 96%
Des 15-34 ans!
69%Des Français
15+
Un média de masse
Source : Mediametrie Netratings (Internautes, Mobinautes, Fev2016)
51%des français se connectent
chaque jour sur mobile
47% sur desktop
18% sur tablet
US TIME ONLINE (BILLIONS OF MINUTES)
0
300
900
1200
600
Tablet
Smartphone
Dec 2010 Dec 2013 Dec 2014
Grâce au mobile, le temps passé digital s’envole
Source : Comscore 2014. TNS Sofres Connected Life 2014, FR (base : internautes réguliers)
Desktop
TIME SPENT ON MOBILE DEVICES & TVUS Daily Average (min)
100
140
180
Q1 2012
Smartphone
TV
109
168
Q1 2013
158
168
Q1 2014
162168
Q3 2014
168
177
Effet 2nd Screen
2ND SCREEN :
61%des personnes qui regardent la TV surfent sur d’autres
terminaux digitaux en même temps en France
Grâce au mobile, le temps passé digital s’envole
Source : Flurry Analytics, Consumer barometer 2015
AXA DRIVECAPITAINE TRAIN MEETIC FOODCHERIROBIN HOOD ZIPJET
Des business models “Mobile Only” émergent
RARES SONT LES ÉLUS :
95%des applications téléchargées sont
abandonnées dans les 30 jours
1APPapp téléchargée sur 4 n’est utilisée
qu’une seule fois
En France, 32 apps en moyenne installées,
12 utilisées régulièrement
APPLICATION : FIDÉLISATION
Personnelle,
Gestion des notifications,
Utilisations des fonctions avancées
du téléphone,
Usages récurrents et loisirs
SITE MOBILE : ACQUISITION
Accessible sur toutes les tailles
d’écran et tous les OS,
Ouvert et sans frein
Sites ou Applications ?
86%
14%
Temps passé
sur les sites
(US)
Temps passé
sur les apps
(US)
14%
40%
GAMING
& ENT.
28%
SOCIAL
18%
OTHER 66%SITES
6%
APPS
28%
SITES
& APPS
1ère source pour
les parcours
commerciaux
Temps passé sur les
appareils mobiles
PAR INDUSTRIE:
... utilisent les sites mobiles plus souvent dans
leurs parcours commerciaux
des utilisateurs AUTOS 75%
des utilisateurs FINANCE 60%
des utilisateurs TRAVEL 70%
des utilisateurs RETAIL &
TECH 71%
des utilisateurs LOCAL
SERVICES 64%
Sites ou Apps ? Temps = Valeur
Sources: Time spent stats: http://www.flurry.com/bid/109749/Apps-Solidify-Leadership-Six-Years-into-the-Mobile-Revolution#.U44l461dVX4;
Commercial task stats: Google/Ipsos Multiscreen Industry Study of 29k smartphone users across 9 industries (to be published).
mSites & apps convergent
http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html
OFFLINEPUSH NOTIFICATION APP INDEXING
GOOGLE NOW
ON TAPBOUTON “ADD TO
HOMESCREEN” APP STREAMING
le mobile comme point de départParcours Multiscreen :
Base: Have Started Shopping On One Device & Continued on Another (969). Q. For the activities listed below, think about the last time you started each activity on one device and then continued or finished the same activity on
another device. Please select which device you started and then continued on. If you have not done this, select “I have not done this”.
65%Commencent
sur un
smartphone
61%Continuent sur
un ordinateur
4%Continuent sur
une Tablette
DECISIONCONSIDERATIONAWARENESS INTENT
SMARTPHONE
S
DESKTOPS /
TABLETTES
/ Nécessité de développer un environnement cohérent
La recherche multidevice
17
Source : Think With Google
Recherche
débutée sur
Smartphone
Poursuivie
Sur PC
Poursuivie
Sur
Tablette
Les 2 modes d’usage multi-écran
- 18 -
Usage SéquentielPasser d’1 écran à l’autre
pour effectuer une tâche
Usage SimultanéUtiliser différents écrans pour un usage
complémentaire ou non
Multi-tasking – Activités différentes Usage Complémentaire – Activités reliées
Source : Think With Google
/ Les Smartphones sont utilisés en même tempsque d'autres médias
Les usages multi-écrans
- 19 -
Source : Think With Google
Le % des sessions Desktop baisse mais pas aussi
rapidement que les conversions : le CvR semble croître
Part de sessions par type d’écran
Desktop Mobile Tablet
0%
2012/01 2012/07 2013/01 2013/07 2014/01
25%
50%
75%
100%
Sessio
n S
hare
(%
)
Part de conversions par type d’écran
0%
2012/01 2012/07 2013/01 2013/07 2014/01
25%
50%
75%
Tra
nsaction S
hare
(%
)
100%
Year / Month
CvR et part de conversions
CVR Transaction Share
100%
2012/07 2013/01 2013/07 2014/012012/01
Nombre moyen de pages vues pour
les sessions desktop ayant converti (indexé)
Durée moyenne de sessions
desktop ayant converti (indexé)
% de conversions Desktop par
nouvel utilisateur
Les utilisateurs Desktop convertissent maintenant plus rapidement !
MOBILE : pour préparer
son achat
Conversions sur TOUS les écrans
Sessions sur TOUS les écrans
Un nouveau KPI fait sens :
Les consommateurs sont multi écrans
et les utilisent tous pour accéder
à votre site avant l’achat
Quand ils veulent faire un achat,
ils le font sur un seul écran
Les performances sont reflétées
par le CvR Multi-Ecran
SESSIONS CONVERSIONS MULTI-DEVICE CVR
le taux de conversion Multi-Ecran
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Optimiser son site pour les usages mobiles
Comment choisir ?
- 24 -
Application ou site mobile ?
le site mobile est incontournable car l’internet mobile est le principal canal de recherche. La question se pose réellement si votre activité est du E-Commerce / Distribution / Media
APP : Pour quel usage ? /
Développer une Visibilité sur les
App Stores ? / Installer des habitudes ? / Fournir des
données Off-line ? / Prolonger la
relation client ?/ Faciliter l’UX ?
25
Site mobile ou site responsive design ?
/ Approche avec une url unique pour ts les devices
26
Rappel : les différentes solutions
27
Le recours au responsive design est recommandé par Google
- 28 -
Le dynamic serving est également OK
Un peu plus compliqué à gérer : suppose deux applicatifs webs, deux jeux de code à maintenir et un outil d’aiguillage vers desktop ou mobile
Mais peut être 100% compatible SEO
/ Une mauvaise gestion peut ruiner votre SEO
- 29 -
Attention aux redirections avec les sites mobiles
Attention, le code http à renvoyer est 302 et non 301 !
On peut renvoyer une 404 si la page n’existe pas en version mobile ou desktop
Mais ce n’est pas l’idéal, car dans ce cas, on risque de se positionner moins bien en version mobile par exemple
- 30 -
Un code responsive certes, mais un code correct
Attention à ne pas bloquer avec le robots.txt les ressources qui permettent à Google de générer la rendition sur les différents dispositifs
Attention à ce que vos contenus restent trouvables par Googlebot
Vérifier ce que donne vos pages à l’aide de l’outils « Fetchn as Googlebot » de la search console
- 31 -
Eléments masqués et SEO
Masquer des éléments parce que l’on a pas la place de les afficher sur un écran de smartphone ne pose pas de problèmes (de toute façon : seule la version desktop est indexée). Un code responsive ne crée pas de « cloaking »
Mais masquer des éléments sur la version desktop peut poser des problèmes : certains contenus masqués peuvent recevoir un poids plus réduit, voire être oubliés par Google
/ Attention aux méthodes à la mode
- 32 -
Intégration HTML/Javascript/CSS
Googlebot explore et indexe de manière préférentielle :
Le contenu de la couche HTML
Le contenu affiché par défaut par la CSS desktop
Et (avec plus de difficulté) le contenu HTML généré par le javascript dans le 1er état de la page
CSS
Javascript
HTML
Certaines techniques à la mode génèrent tout le
code en javascript pour faciliter la création de
pages responsive
Pb de SEO assurés
Il est recommandé de coder en suivant les
principes du :
- Progressive enhancement
- Et de l’unostrusive javascript
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les spécificités de l’algo de Google en usage mobile
/ Le contenu pris en compte est celui de la version desktop
- 34 -
Il n’y a pas d’index mobile
Confirmé par un tweet de Gary Illyes
Conséquence : les classements dans les pages de résultats mobiles sont faits en analysant les contenus trouvés dans la version desktop !
/ Seul les premiers résultats sont visibles
- 35 -
Soyez au top !
- 36 -
C’est encore plus vrai pour le local SEO
• Rouge : le bloc maps
• Bleus : les liens sponsorisés
• Vert : les liens organiques
L’histogramme donne le pourcentage de clics selon le résultat
- 37 -
Google déclasse les pages non compatibles
Changement d’algorithme depuis le 21 avril 2015
La compatibilité mobile est devenue un signal
Impact : toutes choses égales par ailleurs, entre deux
pages classées par Google à la même position, si
une page n’est pas compatible mobile, elle sera
classée derrière l’autre page
Finding more mobile-friendly search results
- 38 -
Vérifiez la compatibilité mobile de votre site
https://www.google.com/webmasters/tools/mobile-friendly/
Ne pas regarder pagespeed insights
- 39 -
Nouvelle étape : le « popupgeddon » Le 10 janvier 2017, la présence d’insterstitiels intrusifs conduira au déclassement de vos pages sur
smartphone.
Une étude SF montre que 38% des sites medias/information testés sont non conformes !
- 40 -
Prochaine étape : les performances ?
Testez vos performances avec pagespeed insights
https://developers.google.com/speed/pagespeed/insights/
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les pages AMP
/ Une réponse à Facebook Instant Articles ?
42
AMP : le projet en bref
Accelerated Mobile Pages : une initiative Open Source pour
Promouvoir un standard pour construire des pages allégées, optimisées pour le mobile
Mettre à disposition un CDN dédié pour accélérer encore l’accès à ces contenus
Et proposer une diffusion large de ces contenus par des acteurs majeurs du web
Un projet initié par Google et Twitter, présenté officiellement le 8 octobre 2015
AMP est d’ores et déjà implémenté par un groupe d’acteurs majeurs
/ Adapté pour les news et les pubs, mais pas que…
- 43 -
Pages AMP
/
- 44 -
Pages AMP pour les sites ecommerce
/cdn.ampproject.org
- 45 -
Un CDN dédié pour un affichage presque instantané
Un CDN (content delivery network) est un ensemble de serveurs :
Conservant une version « en cache » de la page
Et répartis partout dans le monde, près des utilisateurs
Les pages AMP voient donc le temps de téléchargement du contenu réduit de manière spectaculaire (jusqu’à 10 fois)
- 46 -
Des pages sérieusement allégées
Une page AMP contient en moyenne 6 fois moins de code et contient 5 fois moins de traqueurs
- 47 -
Code minimum pour une page AMP HTML<!doctype html><html amp lang="en">
<head><meta charset="utf-8"><title>Hello, AMPs</title><link rel="canonical"
href="http://example.ampproject.org/article-metadata.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json">{
"@context": "http://schema.org","@type": "NewsArticle","headline": "Open-source framework for publishing
content","datePublished": "2015-10-07T12:02:41Z","image": [
"logo.jpg"]
}</script><style>body {opacity: 0}</style><noscript><style>body
/ La version AMP HTML est un doublon de contenus existants
- 48 -
SEO : attention aux doublons
N’oubliez pas la balise canonical sur la page AMP HTML, pointant vers un contenu existant (s’il y’a lieu)
Cette approche pose les problèmes habituels avec les doublons, même « canonicalisés »
Donc, avant de le faire à grande échelle, il convient de s’interroger sur les gains attendus grâce aux pages AMP
/ Sur news, les pages AMP reçoivent plus de trafic
- 49 -
L’enjeu : le CTR
Et l’affichage des pages AMP est maintenant étendu à l’ensemble des résultats !
/ http://www.ampproject.org
- 50 -
Pour en savoir plus :
Démo :
https://g.co/ampdemo
Depuis un smartphone évidemment
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Le futur de la recherche mobile
Smartphone ou object connecté ?Les objets connectés se multiplient et se dotent d’interfaces de recherche
Vers une forte adoption de la recherche vocale
Une recherche conversationnelle
Une recherche prédictiveGoogle Now pousse les informations utiles, sans que vous ayiez à les demander
Une recherche personnalisée
Les assistants numériques
GOOGLE NOW APPLE SIRI WINDOWS CORTANA M de FACEBOOK
Les assistants numériquesBientôt en français : Google assistant
Lancé il y’a quelques mois en même temps que Google Allo (messagerie) et Google Home (Object Connecté)
Disponible en anglais uniquement (alors que Allo est disponible en français
Les chatbotsUn autre type d’assistant
Les chatbots sont des programmes simulant une conversation
Demander un service, une information, fonctionne avec ces chatbots comme si on conversait par messagerie instantanée avec une personne du support.
Les applications des chatbots explosent en 2016
Le futur inclut des robots conversationnels vocaux
60
La recherche « visuelle »Chercher avec la caméra de votre smartphone
61
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
La recherche sur Google devient mobile :MOBILISEZ VOUS
62
63
Merci.
Et maintenant à vos
questions !
Restons en contact
www.search-foresight.com
64
+ 33 1 74 18 29 40
@s4sight
Slideshare.net/S4sight
Philippe Yonnet, Directeur Général et fondateur