La recherche sur Google devient mobile, mobilisez-vous ! - SEO CAMPUS Lorraine - 13 octobre 2016

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

philippe.yonnet@search-foresight.com

+ 33 1 74 18 29 40

@s4sight

Slideshare.net/S4sight

Philippe Yonnet, Directeur Général et fondateur