Etes-vous prêt pour le prochain Mobilegeddon en mai prochain ? Avez-vous préparé vos applications pour de l’app indexing, et le deep linking ? Vos sites responsives ou vos sites mobiles sont-ils réellement optimisés pour le référencement ? Savez-vous comment créer des Pages Mobiles Accélérées (AMP) pour vos sites ? Nous ferons le point sur les bonnes pratiques pour le référencement mobile, sur les dernières évolutions techniques, et sur les changements d’approche que nécessite une optimisation pour une recherche sur mobile.

1. Search Foresight
SEO & Mobile
14 avril 2016

2. Philippe Yonnet
Directeur Général

3. Jean-Marc Mérazian
Directeur Commercial

5. - 5 -
Notre équipe de consultants seniors accompagne depuis 1999 nos clients dans
le développement de la visibilité leurs marques et leurs plateformes digitales.
/ l’Agence Search Foresight en bref
65
Experts SEO
passionnés
+1000
Problématiques
gérées
+300
Clients
actifs
1
Expertise
reconnue

6. L’acteur de référence
du Search Marketing en France

7. EN SEA
+95% de renouvellement
Une équipe dédiée SEA spécialisée dans la
définition de stratégies en référencement
payant à forte valeur ajoutée.

8. EN SEO
40% du top 30 des
sites français
Leaders du E-Commerce, Pure-Players, Distributeurs,
Marques de luxe, nous conseillons des sites à forte
volumétrie, internationaux, et à fort trafic.
xx
E-commerce Mobile
Refonte/Migration International

9. / Une forte expertise technologique
- 9 -
CMS
E-COMMERCE
SEARCH
WEB ANALYTICS
ENVIRONNEMENT

10. GOODIES : MA VISIBILITE !
- 10 -
Le bonus : votre courbe de visibilité
 Envoyez un mail à maviz@search-foresight.com
 En nous communiquant l’adresse de votre site web
 Et jusqu’à trois concurrents
SearchMetrics
L’indice de visibilité est un indice composite qui agrège, les mots clefs pour
lesquels le site propose des résultats sur Google, le volume de requêtes et la
position des résultats pour ces requêtes sur Google.

11. L’évolution des usages
- 11 -

12. / Annonce officielle de Google MAI 2015
12
La montée de la recherche sur mobile
« Dans dix pays où Google est utilisé, le moteur de
recherche enregistre désormais plus de requêtes de
recherche via des Smartphones que via des Ordinateurs. »
Source : SearchEngineLand / Google

13. / Les recherches sur Smartphones sont sources de conversion
- 13 -
La montée de la recherche sur mobile
Source : Think With Google

14. JE VEUX SAVOIR
65% des
utilisateurs cherche plus
d’information qu’avant
(2ans)
66% des
utilisateurs cherche sur
leur Smartphone quelque
chose vu à al TV
JE VEUX Y ALLER
2X plus de
recherches « alentours »
que les années
précédentes
82% des
utilisateurs de
Smartphones l’utilise pour
effectuer une recherche
d’un business local
JE VEUX LE FAIRE
91% des
utilisateurs de
Smartphones recherche
des idées tout en faisant
autre chose
100M+
d’Heures de vidéos
tutorielles vues sur
YouTube aux USA en
2015
JE VEUX ACHETER
82% des
utilisateurs de
Smartphones consulte
leur téléphone « in store »
pour savoir quoi acheter
29% de
progression du Taux de
Conversion Mobile de
2014 à 2015
/ Les 4 moments importants générateurs de « recherches »
La montée de la recherche sur mobile
MOMENTS MOMENTS MOMENTS MOMENTS

15. / La recherche mobile touche toutes les activités
- 15 -
L’étendue de la recherche sur mobile
Source : Google/Nielsen

16. / Nécessité de développer un environnement cohérent
16
La recherche multidevice
Source : Think With Google
Recherche
débutée sur
Smartphone
Poursuivie
Sur PC
Poursuivie
Sur
Tablette

17. / il existe 2 modes d’usage multi-écran
- 17 -
Le multidevice est notre quotidien
Usage Séquentiel
Passer 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

18. / Les Smartphones sont utilisés en même temps
que d'autres médias
- 18 -
Les usages multi-écrans
Source : Think With Google

19. /La recherche en langage naturel
- 19 -
La recherche vocale

20. /La recherche conversationnelle
- 20 -
La recherche vocale

21. /La recherche conversationnelle
- 21 -
La recherche vocale

22. /La recherche conversationnelle
- 22 -
La recherche vocale

23. /La recherche conversationnelle
- 23 -
La recherche vocale

24. /La recherche conversationnelle
- 24 -
La recherche vocale

25. / Evolution des usages
- 25 -
Application ou site mobile ?
…des applications mobiles
installées sur son Smartphone sont
utilisées quotidiennement.
(36 APP en moyenne sont installées sur le mobile)
Seulement
Source : Think With Google

26. / Les utilisateurs effacent souvent les APPs immédiatement après
téléchargement
- 26 -
Application ou site mobile ?
Source : Think With Google

27. / 1 App est découverte à 60% en dehors des App Stores !
- 27 -
L’ASO : l’App Store Optimization
Les facteurs de classements sont différents selon la
plateforme.. Mais relativement similaires !
MOTS CLES DANS LE NOM DE L’APP ET
DESCRIPTION
AVIS
NOMBRE DE TELECHARGEMENTS
NOTES
IMAGES
MOTS CLES DANS LE NOM DE L’APP ET
DESCRIPTION ET MOTS CLES ITUNES
NOMBRE DE TELECHARGEMENTS /
INSTALLATION
NOTES / COMMENTAIRES
SIGNAUX SOCIAUX
IMAGES
Source : Think With Google

28. Une piste efficace pour doper vos téléchargements d’app
- 28 -
L’app indexing
Principe : rendre disponible, via des
solutions techniques, le contenu de vos
applications dans la recherche mobile de
Google !
 Vos contenus apparaissent dans les
résultats de recherche, avec un lien
profond vers votre app !
 On peut piloter ce que l’on veut voir
indexer ou non
 Fonctionne en déclarant des patterns
d’urls dans le manifeste de l’app, et par
des appels aux APIs d’app indexing
depuis l’application

29. LA PROCHAINE ZONE D’AFFRONTEMENT
Les assistants personnels
- 29 -

30. / mieux comprendre les intentions en fonction du contexte pour devancer
votre recherche…
Des assistants personnels qui répondent aux commandes vocales et font
appel à de l’intelligence artificielle
- 30 -
La guerre des assistants personnels
GOOGLE NOW APPLE SIRI WINDOWS CORTANA M de FACEBOOK

31. Google Now
/ Une nouvelle approche dite de « recherche prédictive »
- 31 -
 Google now pousse les informations dont vous avez probablement besoin… sans
avoir à les demander

32. D’ABORD, IL FAUT QUE LE SITE RÉPONDE A CERTAINS PRÉREQUIS TECHNIQUES
SEO pour mobile
- 32 -

33. 33
Site mobile ou site responsive design ?

34. / Approche avec une url unique pour tous les devices
34
Rappel : les différentes solutions

35. 35
Le responsive design est recommandé par Google

36. - 36 -
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

37. / Une mauvaise gestion peut ruiner votre SEO
- 37 -
Attention aux redirections
 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

38. - 38 -
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

39. - 39 -
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

40. - 40 -
Les approches full API et Angular JS
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

41. / Google gère de mieux en mieux l’ajax et le javascript
- 41 -
L’AJAX et Google
 La méthode de l’escaped fragment est en voie d’obsolescence
 L’approche employant la fonction « pushtate() » est plus appropriée
 Mais attention : faire des pages infinies demande d’employer la bonne technique pour le SEO

42. Pas de bons classements (sur mobile) pour
les pages non « mobile friendly »
- 42 -

43. - 43 -
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

44. - 44 -
Vérifiez la compatibilité mobile de votre site
 https://www.google.com/webmasters/tools/mobile-friendly/
 Ne pas regarder pagespeed insights

45. - 45 -
Deuxième étape le 1er novembre 2015
 La présence d’insterstitiels de téléchargement d’apps intrusif rend vos pages mobiles non compatibles

46. Google pousse le curseur en avant…
- 46 -
Troisième étape : début juin 2016
 Le boost donné aux pages mobile friendly va devenir plus important

47. - 47 -
Prochaine étape : les performances ?
 Testez vos performances avec pagespeed insights
 https://developers.google.com/speed/pagespeed/insights/

48. Y’a-t’il des spécificités du SEO pour mobile ?
- 48 -

49. / Le contenu pris en compte est celui de la version desktop
- 49 -
Il n’y a pas d’index mobile
 Confirmé encore par Gary Illyes il y’a
quelques jours
 Conséquence : les classements dans
les pages de résultats mobiles sont
faits en analysant les contenus
trouvés dans la version desktop !

50. / Seul les premiers résultats sont visibles
- 50 -
Soyez au top !

51. LES PAGES AMP
Les « accelerated mobile pages »
- 51 -

52. / Aujourd’hui adapté pour les news et les pubs, mais demain ?
- 52 -
Pages AMP

53. / Une réponse à Facebook Instant Articles ?
53
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

54. / cdn.ampproject.org
- 54 -
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)

55. - 55 -
Des pages sérieusement allégées
Une page en AMP-HTML
contient un code 6 x plus
réduit, et 5 fois moins de
trackers

56. - 56 -
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 {opacity: 1}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>Welcome to the mobile web</h1>
</body>
</html>

57. / La version AMP HTML est un doublon de contenus existants
- 57 -
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

58. / http://www.ampproject.org
- 58 -
Pour en savoir plus :
Démo :
https://g.co/ampdemo
Depuis un smartphone évidemment

59. TIREZ EN LES CONSÉQUENCES
La recherche sur mobile est l’usage
dominant !
- 59 -

60. / Vos performances SEO en ont besoin
- 60 -
Conclusion : faites évoluer vos sites
 Site responsive, rapide, mobile friendly, avec une ergonomie adaptée au multidevice

61. MERCI !

62. Envoyer une demande sur maviz@search-foresight.com
- 62 -
N’oubliez pas le bonus !
DEMANDEZ VOTRE COURBE
DE VISIBILITE ORGANIQUE
AVEC LA POSITION
RELATIVE JUSQU’À 3
CONCURRENTS !
avec notre partenaire
searchmetrics

63. Search Foresight
Merci !
DES QUESTIONS ? N’HÉSITEZ PAS !

64. Twitter : @S4sight
Website
www.search-foresight.com
Email
contact@search-foresight.com
Tel : 01 74 18 29 42
Adresse Agence SF :
Paris : 55 rue Anatole France
92300 Levallois-Perret
Nantes : 10 rue Nicolas Appert
44000 Nantes - 64 -
Search Foresight : pour nous contacter