SlideShare ist ein Scribd-Unternehmen logo
1 von 65
Downloaden Sie, um offline zu lesen
La visibilité sur Google
mobile
Octobre 2016 – Madeline
Pinthon
L’univers du mobile
Site web
Site
mobile
Web app
AMP
Pour être visible sur le mobile, plusieurs
solutions sont possibles.
Google donne des conseils pour
chacun des éléments.
App
Les nouveautés de Google sur mobile
• Rich cards
• Live
• Recherche vocale
• AMP
• App indexing
• Android Instant App
• Progressive Web App
Les carrousels et
la mise en avant
des Rich Cards
Faciliter la navigation avec les carrousels
Google propose plusieurs types de carrousels dans
les résultats de recherche.
Les carrousels sont utilisés pour les news, les
vidéos, certaines thématiques, présenter des articles
d’un site, des recettes, des tweets,…
Cela permet d’enrichir les résultats de recherche via
une navigation horizontale.
Carrousel pour un même sujet
Google propose un carrousel d’articles récents sur un sujet. Ce
carrousel contient des articles, des vidéos, etc.
Pour ce carrousel, Google présente de plus en plus de
contenus AMP.
Exemples de carrousel top stories
Pour les films/séries Pour les actualités (labelsAMP)
Exemples de carrousel
Pour les tweets Pour les recettes Pour le site
Passer d’un résultat à l’autre avec AMP
Avec AMP, il est possible de naviguer
horizontalement entre les différents contenus.
Carrousel pour un même site
Pour un même site, Google peut également
présenter les contenus les plus récents en
carrousel.
C’est une sorte de sitelinks amélioré.
Les résultats ont généralement moins de 2
semaines et sont présentés en chronologie
décroissante (du plus frais au plus ancien).
Les données sont issues de :
- Schema.org (ex: datePublished)
- Open graph (ex: meta property="article:published_time")
- Balises traditionnelles (ex: title)
Les carrousels pour les vidéos
Pour afficher des extraits enrichis pour les vidéos,
certains champs sont obligatoires :
• Name
• Description
• Thumbnail
• UploadDate
Les videos peuvent être affichées dans les carrousels
de sites mais également « à la une » (top stories), ou
les videos.
https://developers.google.com/search/docs/data-types/videos#examples
Les Rich Cards
Google propose un nouvel affichage pour 2 types de résultats : les recettes et les films
https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html
Qu’est-ce qu’une Rich Card ?
C’est un format d’affichage attractif, ce sont des extraits
enrichis plus évolués.
Elles peuvent s’afficher sous différentes formes :
- Plusieurs sites différents
- Plusieurs pages d’un même site.
Les Rich Cards sont déployées pour les recettes, elles
sont testées pour les films et toucheront à l’avenir
d’autres types de contenus.
Elles se basent sur le marquage de schema.org.
Les déploiements en cours
https://developers.google.com/search/docs/guides/mark-up-content
Des nouveautés pour les films : les listes et
les actions
Les recherches sur des noms de films peuvent
déclencher l’affichage d’un Knowledge graph.
Les informations sont issues de Wikipedia, des certains
sites d’autorité et des données structurées.
Google souhaite proposer des liens pour voir les
films en streaming ou VOD, en faisant apparaître des
sites partenaires.
Ces sites partenaires doivent avoir mis en place un
balisage précis, indiquant une action (regarder un film)
et s’être manifesté via un formulaire.
Exemple de mise en avant vidéo
La recherche
vocale
La recherche vocale
Le mobile favorise la recherche vocale.
Google a fait énormément de progrès pour
comprendre l’oral.
Sur Google drive, il est possible de dicter
un texte.
Sur Google Search, il est possible de faire
des recherches vocales.
Google souhaite également devenir
véritable un assistant personnel.
Google Assistant
Google Assistant permet à Google de chercher à partir d’un texte, d’une
image, etc.
Google mélange plusieurs sources d’informations : Knowledge Graph,
Google Goggles, etc.
Google Assistant permet de trouver des informations sur :
• Restaurants : trouvez les restaurants et les autres points d'intérêt
mentionnés à l'écran.
• Films : consultez des avis et des informations sur les acteurs d'un film à
partir de son nom.
• Musique : obtenez davantage d'informations sur un titre ou un artiste
directement à partir de votre application.
• Personnes : obtenez des informations sur les célébrités mentionnées
dans les actualités.
• Images : informez-vous sur des œuvres d'art, des logos de produit, des
monuments, etc.
Rechercher dans les applications
Le 30 août 2016, Google annonce une nouvelle
fonctionnalité pour les téléphones Android : la possibilité de
rechercher des informations dans les applications.
Actuellement, il peut rechercher dans Gmail, Spotify,
Youtube...et très prochainement dans Facebook Messenger,
Linkedin, Evernote,….
https://search.googleblog.com/2016/08/a-new-way-to-search-for-content-in-
your.html
Activer la commande vocale
https://developers.google.com/voice-actions/
Indexer en direct
Nouveauté : label Live
Il existe une étiquette rouge pour indiquer du live blogging.
Il s’agit d’une beta privée.
Actuellement en France, 20minutes fait partie des testeurs
https://developers.google.com/search/pilot/open/live-blogs
Nouveauté : Real time indexing API
Google met en avant des pages qui s’actualisent en direct via
l’étiquette « live ».
Google souhaite également pouvoir indexer les contenus en
temps réel et indiquer ce qui se passe maintenant.
Cette nouveauté n’est pas encore déployée….
Les site
« compatibles
mobiles »
Google et les sites mobiles
Google fournit beaucoup de conseils pour concevoir un site mobile.
Il fournit également plusieurs outils pour faire des tests de compatibilité mobile.
Google ne va plus faire apparaître l’étiquette « site mobile » car 85% des sites le sont. Ce n’est plus
un critère différenciant, c’est devenu un standard.
https://developers.google.com/webmasters/mobile-sites/?hl=fr-FR
La chasse aux interstitiels
A compter du 10 janvier 2017, les pages ayant du contenu difficilement accessibles pourront être
moins bien classées.
Les pop-ups font partie des pratiques gênantes. Quelques exceptions seront tolérées (cookies,
obligations légales, etc.).
http://googlewebmastercentral-fr.blogspot.fr/2016/08/faciliter-acces-au-contenu-mobile.html
Suppression du label « site mobile »
Fin août 2016, Google a supprimé le label « Site Mobile » dans les
résultats de recherche mobile.
La cause est que Google a remarqué que 85% des pages web sont
compatible au niveau mobile, la présence du label est donc devenu
moins important.
L’algorithme mobile-friendly est toujours en vigueur mais ne sera
plus affichée sur les appareils mobiles.
Le label AMP fait son apparition.
Des tests sur les sites lents
Google a testé l’affichage d’un label « slow » pour les sites lents à charger.
Ce test n’as pas été déployé, il n’est resté qu’au stade de l’expérimentation.
http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483
La mise en avant des sites incompatibles
Google évite de présenter des pages non compatibles dans ses résultats.
Cependant, lorsque c’est le cas, il peut afficher une alerte.
https://webmasters.googleblog.com/2014/07/promoting-modern-websites-for-modern.html
Un 1er outil de test de compatibilité
https://www.google.com/webmasters/tools/mobile-friendly/
Une nouvelle version de l’outil
https://search.google.com/search-console/mobile-friendly
Un outil qui inclut Google Page Speed
https://testmysite.thinkwithgoogle.com
AMP
Accelerated Mobile
Pages
Où voir des pages AMP ?
L’AMP est actuellement visible dans un carrousel de news.
AMP dans les résultats de recherche mobiles
Google propose des pages AMP dans ses résultats de
recherche mobiles.
Cela permettra aux internautes de précharger la page
et de la voir instantanément.
L’AMP ne sera pas un boost pour le classement. Si
une version AMP est disponible, elle sera présentée
en lieu et place de la page mobile.
Cependant, la présence du label peut faire augmenter
le taux de clic et un bon taux de clic peut améliorer le
ranking.
https://webmasters.googleblog.com/2016/08/amp-your-content-preview-of-
amped.html
L’AMP également disponible pour l’e-
commerce
Pour le moment, Google propose des formats pour les pages listing et produits.
Mais AMP est compatible pour tout type de site.
Page Listing Page Produit
AMP – Accelerated Mobile Pages
https://www.ampproject.org
L’AMP
Objectif : Charger des pages très rapidement sur mobile
Améliorer l’expérience utilisateur
Consommer moins de ressources (batterie, processeur,…).
50% des pages AMP ont un temps de chargement inférieur à 1 seconde
AMP, c’est :
• Un projet open-source très actif, fortement soutenu par Google.
• Un sous html5, plus léger, qui doit permettre d’afficher une page en faisant une seule requête
http.
• Des pages miroir beaucoup plus légères que les pages html traditionnelles
Les 3 piliers
AMP est composé de trois parties distinctes:
• AMP HTML
Un HTML avec certaines restrictions.
• AMP JS
Une bibliothèque JS assure pour un rendu rapide des pages AMP HTML
• Google AMP Cache
Cache Google pour fournir les contenus valides.
Pourquoi AMP est si rapide ?
Autorise seulement les scripts asynchrones
Les ressources doivent définir leur taille
Blocage du rendering impossible
Les JS Tiers sont appelés dans des iframes.
Les CSS sont inline et avec une taille limite
Le téléchargement des Fonts est asynchrone
Minimise les recalcules du style layout
Les animations utilisent le calcul par le GPU
Priorisation des éléments
Pré-chargement des ressources
Les champs obligatoires en AMP
<!doctype html>
<html amp >
<head>
<meta charset="utf-8"> <
<link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-boilerplate> body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
animation:-amp-start 8s steps(1,end) 0s 1 normal both}
@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript> <style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-
msanimation:none;animation:none}</style>
</noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
</body>
</html>
Déclaration de l’AMP
Canonical
Boiler Plate
AMP JS sur le CDN AMP
Adapté aux mobiles
⚡ AMP HTML : les restrictions
Les commentaires HTML conditionnels ne sont pas autorisés
Tous les attributs commençant par «on» ne sont pas autorisés
Le schéma ‘‘Javascript:’’ n’est pas autorisé
Tous les styles doivent être Inline
Une seule balise de style dans le <head>
Les règles de style doivent être inférieures à 50 Ko
Pas de Input ou de text area.
⚡ AMP HTML : les changements
<img> est remplacée par <amp-img>
<video> est remplacée par <amp-video>
<audio> est remplacée par <amp-audio>
<iframe> est remplacée par <amp-iframe>
AMP HTML : Quelles restrictions sur les iframe ?
amp-iframe ne peut pas apparaître à proximité du haut du document (sauf pour les iframes qui utilisent l'espace
réservé comme décrit ci-dessous).
Elles doivent être au minimum éloigné de 600px du haut de la page ou ne pas apparaitre dans les premiers
75% de la fenêtre quand défile vers le haut.
Elles ne peuvent seulement appeler des ressources via HTTPS ou à partir d'un data-URI ou via l'attribut srcdoc.
Elles ne doivent pas être de la même origine que le conteneur à moins qu‘elles ne permettent pas le allow-
same-origin dans l'attribut sandbox.
Plus de détails sur pour les iframes ici :
https://github.com/ampproject/amphtml/blob/master/extensions/amp-iframe/amp-iframe.md
https://github.com/ampproject/amphtml/blob/master/spec/amp-iframe-origin-policy.md
AMP JS
La bibliothèque AMP JS implémente les meilleures pratiques d’AMP en termes d’efficacité.
Tous les scripts doivent avoir l’attribut async.
Les éléments externes ne peuvent être chargés que dans des iframes.
Les ressources externes sont limitées et contrôlées. Cela permet de diminuer le nombre de requêtes
et d’éléments à charger.
Le poids de la page est fortement diminué.
Ajouter des meta données en JSON-LD
Les meta données en JSON-LD
sont compatibles AMP.
Il est même fortement recommandé
de les installer pour aider Google à
mieux comprendre les pages.
Cela permet d’activer les rich cards
(si les contenus sont compatibles).
Google AMP Cache
Google AMP Cache est un réseau de distribution de contenus basé sur proxy qui fournit tous les
documents AMP valides.
Il extrait les pages AMP HTML, les stocke en mémoire cache et améliore automatiquement la
performance des pages.
Avec Google AMP Cache, le document, tous les fichiers JS et toutes les images se chargent à partir
d'une source, laquelle utilise HTTP 2.0 pour une efficacité optimale.
Ne pas oublier de déclarer les différentes
versions
<link rel="amphtml" href="{amp
version}">
<link
rel="canonical"
href="{desktop
version}">
<link rel="only screen and
(max-width: 640px)"
href="{mobile version}">
<link
rel="canonical"
href="{desktop
version}">
<link
rel="amphtml"
href="{amp
version}">
canonical
canonical
Only
screen
and…
amphtml
amphtml
Tester le code AMP
Tester les meta données
Surveiller l’indexation dans la Search Console
Analytics et AMP
Les scripts analytiques doivent être chargés en
asynchrone.
Ils doivent être intégrés dans une balise <amp-
analytics>
La plupart des solutions sont maintenant compatibles
AMP : AT Internet, comScore, Google Analytics,
Clicky,…
Exemple : AT internet
http://developers.atinternet-solutions.com/javascript-
fr/fonctionnalites-avancees-javascript-fr/accelerated-
mobile-pages-amp-javascript-fr/
Médiamétrie et AMP ?
Médiamétrie va comptabiliser les audiences des pages
AMP en 2017, dans une nouvelle catégorie appelée
« agrégat de contenus »
http://www.offremedia.com/mediametrie-va-mesurer-laudience-dinstant-
articles-et-amp-au-1er-semestre-2017
Les ressources sur l’AMP
• AMP validator : https://chrome.google.com/webstore/detail/amp-
validator/nmoffdblmcmgeicmolmhobpoocbbmknc
• Nouvel outil de validation AMP : https://search.google.com/search-console/amp
• Site officiel : https://www.ampproject.org/fr/
• Github : https://github.com/ampproject
• Exemples : https://ampbyexample.com/
• Why AMP is fast ?: https://medium.com/@cramforce/why-amp-is-fast-7d2ff1f48597#.lbug1423e
Et les applications
?
Interactions avec les applications
L’app indexing permet d’indexer directement les contenus des applications dans Google.
Le but est d’inciter les utilisateurs à découvrir des applications, ou de les encourager à les utiliser
plus souvent.
https://firebase.google.com/docs/app-indexing/#key_functions
App indexing, des résultats décevants
“Not much changed [with Google App Indexing], as far as I know.
But, if I remember correctly, the engagement on those app install
buttons weren’t high enough or there weren’t enough
engagements to spend more resources on it. We just moved
them to another feature as opposed to spending more resources
on it and maintaining it.”
Gary Illyes
L’app indexing n’a pas donné de résultats concluants.
Google travaille sur de nouvelles fonctionnalités.
L’AMP préféré à l’app indexing
Depuis le 20 septembre 2016, Google commence à proposer les pages AMP en lieu et place des
pages mobiles ou des applications.
https://support.google.com/webmasters/answer/6211453?hl=en
Android Instant App : utiliser une application
sans l’installer
A chaque étape du processus d’installation d’une application, 20%
des internautes abandonneraient.
Pour éviter cette fuite, Google travaille la possibilité de streamer les
applications android: pouvoir les utiliser sans les installer.
Il « suffira » de mettre à jour une application Android.
Ce programme est encore limité, il faut s’inscrire pour pouvoir
accéder à la documentation.
Progressive Web Applications
Une Progressive Web App utilise les possibilités du web moderne pour délivrer une expérience
utilisateur similaire à une application native.
Elle allie le meilleur des applications natives et des sites mobiles.
https://developers.google.com/web/progressive-web-apps/
Les avantages d’une PWA
Chargement très rapide
Utilisation hors ligne
Ajout d’une icône sur l’écran d’accueil
Pas d’installation
Notifications Push
Serveur sécurisé
Responsive
En conclusion
Que faire pour le mobile ?
- Un site doit être mobile (et rapide)
- L’AMP gagne du terrain
- Le HTTPS devient une nécessité
- Le balisage sémantique est essentiel
- Relier les applications et le web mobile pour
exploiter au mieux l’expérience mobile
Merci !
Madeline Pinthon
Madeline.pinthon@iprospect.com
Octobre 2016

Weitere ähnliche Inhalte

Was ist angesagt?

Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...
Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...
Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...Philippe YONNET
 
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016iProspect France
 
SEO et Moteur de Recherche Interne
SEO et Moteur de Recherche InterneSEO et Moteur de Recherche Interne
SEO et Moteur de Recherche InterneCharlotte Prevost
 
Navigation à facettes et SEO
Navigation à facettes et SEONavigation à facettes et SEO
Navigation à facettes et SEOPeak Ace
 
Position 0, comprendre le SEO de demain
Position 0, comprendre le SEO de demainPosition 0, comprendre le SEO de demain
Position 0, comprendre le SEO de demainPatrice Laroche
 
Migration seo - astuces techniques pour améliorer votre trafic
Migration seo - astuces techniques pour améliorer votre traficMigration seo - astuces techniques pour améliorer votre trafic
Migration seo - astuces techniques pour améliorer votre traficAymeric Bouillat
 
SEO Trends 2017 - Web Marketing
SEO Trends 2017 - Web MarketingSEO Trends 2017 - Web Marketing
SEO Trends 2017 - Web MarketingAmine Benbya
 
ASO - Le Nouvel Eldorado ?
ASO - Le Nouvel Eldorado ? ASO - Le Nouvel Eldorado ?
ASO - Le Nouvel Eldorado ? Thomas LEONETTI
 
SEO: Piloter les comportement des moteurs de recherche
SEO: Piloter les comportement des moteurs de rechercheSEO: Piloter les comportement des moteurs de recherche
SEO: Piloter les comportement des moteurs de recherchePeak Ace
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingPeak Ace
 
Réussir son SEO à l’international - iProspect France
Réussir son SEO à l’international - iProspect FranceRéussir son SEO à l’international - iProspect France
Réussir son SEO à l’international - iProspect FranceiProspect France
 
Construire une stratégie de référencement
Construire une stratégie de référencementConstruire une stratégie de référencement
Construire une stratégie de référencementLionel Miraton
 
Les critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon GoogleLes critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon GooglePhilippe YONNET
 
OK Google, comment optimiser les réponses en recherche vocale
OK Google, comment optimiser les réponses en recherche vocaleOK Google, comment optimiser les réponses en recherche vocale
OK Google, comment optimiser les réponses en recherche vocaleSemrush France
 
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016Search Foresight
 
Stratégie de réferencement naturelle
Stratégie de réferencement naturelleStratégie de réferencement naturelle
Stratégie de réferencement naturelleMarref Imen
 

Was ist angesagt? (20)

Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...
Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...
Optimisez vos sites pour la recherche sur smartphone, tablettes et objets con...
 
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
 
SEO et Moteur de Recherche Interne
SEO et Moteur de Recherche InterneSEO et Moteur de Recherche Interne
SEO et Moteur de Recherche Interne
 
10 tactiques SEO pour 2016
10 tactiques SEO pour 201610 tactiques SEO pour 2016
10 tactiques SEO pour 2016
 
Navigation à facettes et SEO
Navigation à facettes et SEONavigation à facettes et SEO
Navigation à facettes et SEO
 
Position 0, comprendre le SEO de demain
Position 0, comprendre le SEO de demainPosition 0, comprendre le SEO de demain
Position 0, comprendre le SEO de demain
 
Migration seo - astuces techniques pour améliorer votre trafic
Migration seo - astuces techniques pour améliorer votre traficMigration seo - astuces techniques pour améliorer votre trafic
Migration seo - astuces techniques pour améliorer votre trafic
 
SEO Trends 2017 - Web Marketing
SEO Trends 2017 - Web MarketingSEO Trends 2017 - Web Marketing
SEO Trends 2017 - Web Marketing
 
ASO - Le Nouvel Eldorado ?
ASO - Le Nouvel Eldorado ? ASO - Le Nouvel Eldorado ?
ASO - Le Nouvel Eldorado ?
 
SEO: Piloter les comportement des moteurs de recherche
SEO: Piloter les comportement des moteurs de rechercheSEO: Piloter les comportement des moteurs de recherche
SEO: Piloter les comportement des moteurs de recherche
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinking
 
Réussir son SEO à l’international - iProspect France
Réussir son SEO à l’international - iProspect FranceRéussir son SEO à l’international - iProspect France
Réussir son SEO à l’international - iProspect France
 
Construire une stratégie de référencement
Construire une stratégie de référencementConstruire une stratégie de référencement
Construire une stratégie de référencement
 
Les critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon GoogleLes critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon Google
 
SEO INTERNATIONAL
SEO INTERNATIONAL SEO INTERNATIONAL
SEO INTERNATIONAL
 
Lemon Interactive SEO 2017
Lemon Interactive SEO 2017Lemon Interactive SEO 2017
Lemon Interactive SEO 2017
 
OK Google, comment optimiser les réponses en recherche vocale
OK Google, comment optimiser les réponses en recherche vocaleOK Google, comment optimiser les réponses en recherche vocale
OK Google, comment optimiser les réponses en recherche vocale
 
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016
Synodiance > Recherche Vocale - SEO Campus Paris - 07/04/2016
 
Stratégie de réferencement naturelle
Stratégie de réferencement naturelleStratégie de réferencement naturelle
Stratégie de réferencement naturelle
 
Le site internet est-il (bientôt) mort ?
Le site internet est-il (bientôt) mort ?Le site internet est-il (bientôt) mort ?
Le site internet est-il (bientôt) mort ?
 

Andere mochten auch

E-commerce: les astuces pour identifier et parer les failles du parcours client
E-commerce: les astuces pour identifier et parer les failles du parcours clientE-commerce: les astuces pour identifier et parer les failles du parcours client
E-commerce: les astuces pour identifier et parer les failles du parcours clientEmarsys en francais
 
Sektörden Haberler Emarsys Kasim 2014
Sektörden Haberler Emarsys Kasim 2014Sektörden Haberler Emarsys Kasim 2014
Sektörden Haberler Emarsys Kasim 2014Emarsys
 
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digital
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digitalLe baromètre des décideurs B2B par Enterprise@iProspect et Infopro digital
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digitaliProspect France
 
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.iProspect Canada
 
Optimiser son SEO avec Google Tag Manager
Optimiser son SEO avec Google Tag ManagerOptimiser son SEO avec Google Tag Manager
Optimiser son SEO avec Google Tag ManageriProspect France
 
Utilizing Digital Performance to Overcome Industry Challenges
Utilizing Digital Performance to Overcome Industry ChallengesUtilizing Digital Performance to Overcome Industry Challenges
Utilizing Digital Performance to Overcome Industry ChallengesiProspect Canada
 
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...iProspect France
 
130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015Emarsys
 
Repenser le parcours d achat du décideur B2B
Repenser le parcours d achat du décideur B2BRepenser le parcours d achat du décideur B2B
Repenser le parcours d achat du décideur B2BiProspect France
 
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...iProspect France
 
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...iProspect Canada
 
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...iProspect Canada
 
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...Emarsys
 

Andere mochten auch (13)

E-commerce: les astuces pour identifier et parer les failles du parcours client
E-commerce: les astuces pour identifier et parer les failles du parcours clientE-commerce: les astuces pour identifier et parer les failles du parcours client
E-commerce: les astuces pour identifier et parer les failles du parcours client
 
Sektörden Haberler Emarsys Kasim 2014
Sektörden Haberler Emarsys Kasim 2014Sektörden Haberler Emarsys Kasim 2014
Sektörden Haberler Emarsys Kasim 2014
 
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digital
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digitalLe baromètre des décideurs B2B par Enterprise@iProspect et Infopro digital
Le baromètre des décideurs B2B par Enterprise@iProspect et Infopro digital
 
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.
Bâtir une stratégie de contenu numérique durable pour un maximum de visibilité.
 
Optimiser son SEO avec Google Tag Manager
Optimiser son SEO avec Google Tag ManagerOptimiser son SEO avec Google Tag Manager
Optimiser son SEO avec Google Tag Manager
 
Utilizing Digital Performance to Overcome Industry Challenges
Utilizing Digital Performance to Overcome Industry ChallengesUtilizing Digital Performance to Overcome Industry Challenges
Utilizing Digital Performance to Overcome Industry Challenges
 
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...
La deuxième édition du baromètre des décideurs B2B par Enterprise@iProspect e...
 
130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015
 
Repenser le parcours d achat du décideur B2B
Repenser le parcours d achat du décideur B2BRepenser le parcours d achat du décideur B2B
Repenser le parcours d achat du décideur B2B
 
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...
SEO / UX / CRO - De l’intention à la conversion par iProspect, Testapic et A/...
 
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...
Infopresse Plateformes 2017 - Maximising the Value of Your Digital Content to...
 
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...
Infopresse Marketing de Contenu 2017 - Acqusition et optimisation d'auditoire...
 
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...
Презентация к вебинару Emarsys: "Как вернуть упущенную выручку на всех этапах...
 

Ähnlich wie Nouveautés Google Mobile 2016

Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Peak Ace
 
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire Frapin
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire FrapinActualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire Frapin
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire FrapinPeak Ace
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Peak Ace
 
Synodiance > AMP - EBG - 04/04/2016
Synodiance > AMP - EBG - 04/04/2016Synodiance > AMP - EBG - 04/04/2016
Synodiance > AMP - EBG - 04/04/2016Search Foresight
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Peak Ace
 
Webinar Semrush Neper - quel ROI pour les pages amp
Webinar Semrush Neper - quel ROI pour les pages  ampWebinar Semrush Neper - quel ROI pour les pages  amp
Webinar Semrush Neper - quel ROI pour les pages ampPhilippe YONNET
 
Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?Semrush France
 
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...Peak Ace
 
2018 le seo à l heure du mobile first index
2018 le seo à l heure du mobile first index2018 le seo à l heure du mobile first index
2018 le seo à l heure du mobile first indexPhilippe YONNET
 
Veille SEO et Data - Août 2019 - Clustaar
Veille SEO et Data - Août 2019 - ClustaarVeille SEO et Data - Août 2019 - Clustaar
Veille SEO et Data - Août 2019 - ClustaarClustaar SEO & Data
 
MobiliTeaTime #13 : Accelerated Mobile Pages
MobiliTeaTime #13 : Accelerated Mobile PagesMobiliTeaTime #13 : Accelerated Mobile Pages
MobiliTeaTime #13 : Accelerated Mobile PagesUSERADGENTS
 
La stratégie de diversification de google
La stratégie de diversification de googleLa stratégie de diversification de google
La stratégie de diversification de googleDanièle Attias
 
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Peak Ace
 
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Peak Ace
 
Rapport De Veille
Rapport De VeilleRapport De Veille
Rapport De VeilleTrochet
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...Peak Ace
 

Ähnlich wie Nouveautés Google Mobile 2016 (20)

Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
 
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire Frapin
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire FrapinActualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire Frapin
Actualités SEO - Petit déjeuner 27 sept 2018 - Anne Claire Frapin
 
Google AMP : le guide complet
Google AMP : le guide completGoogle AMP : le guide complet
Google AMP : le guide complet
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018
 
Synodiance > AMP - EBG - 04/04/2016
Synodiance > AMP - EBG - 04/04/2016Synodiance > AMP - EBG - 04/04/2016
Synodiance > AMP - EBG - 04/04/2016
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
 
Webinar Semrush Neper - quel ROI pour les pages amp
Webinar Semrush Neper - quel ROI pour les pages  ampWebinar Semrush Neper - quel ROI pour les pages  amp
Webinar Semrush Neper - quel ROI pour les pages amp
 
Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?
 
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...
Grand Est Numérique - 14 septembre - Le SEO à l'heure du Mobile First - Phili...
 
2018 le seo à l heure du mobile first index
2018 le seo à l heure du mobile first index2018 le seo à l heure du mobile first index
2018 le seo à l heure du mobile first index
 
Veille SEO et Data - Août 2019 - Clustaar
Veille SEO et Data - Août 2019 - ClustaarVeille SEO et Data - Août 2019 - Clustaar
Veille SEO et Data - Août 2019 - Clustaar
 
L'univers Google
L'univers GoogleL'univers Google
L'univers Google
 
MobiliTeaTime #13 : Accelerated Mobile Pages
MobiliTeaTime #13 : Accelerated Mobile PagesMobiliTeaTime #13 : Accelerated Mobile Pages
MobiliTeaTime #13 : Accelerated Mobile Pages
 
VIEWLEX # 08
VIEWLEX # 08VIEWLEX # 08
VIEWLEX # 08
 
La stratégie de diversification de google
La stratégie de diversification de googleLa stratégie de diversification de google
La stratégie de diversification de google
 
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
 
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille
Search : la todo list 2017 - Petit déjeuner 29 septembre 2016 Lille
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
 
Rapport De Veille
Rapport De VeilleRapport De Veille
Rapport De Veille
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - 22 févri...
 

Mehr von iProspect France

#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis RylkoiProspect France
 
Les nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParisLes nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParisiProspect France
 
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...iProspect France
 
Core Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiserCore Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiseriProspect France
 
Future Focus 2020 : Les dix prochaines années
Future Focus 2020 : Les dix prochaines années Future Focus 2020 : Les dix prochaines années
Future Focus 2020 : Les dix prochaines années iProspect France
 
E-commerce, quelles alternatives à Facebook ? #whatsupsocial
E-commerce, quelles alternatives à Facebook ? #whatsupsocialE-commerce, quelles alternatives à Facebook ? #whatsupsocial
E-commerce, quelles alternatives à Facebook ? #whatsupsocialiProspect France
 
Comment optimiser son business grâce à une méthodologie de tagging performant...
Comment optimiser son business grâce à une méthodologie de tagging performant...Comment optimiser son business grâce à une méthodologie de tagging performant...
Comment optimiser son business grâce à une méthodologie de tagging performant...iProspect France
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesiProspect France
 
Confinement : Comment le web en a parlé par iProspect Data Consulting
Confinement : Comment le web en a parlé par iProspect Data ConsultingConfinement : Comment le web en a parlé par iProspect Data Consulting
Confinement : Comment le web en a parlé par iProspect Data ConsultingiProspect France
 
Confinement - Comment le Web en parle - début des remises en question et appa...
Confinement - Comment le Web en parle - début des remises en question et appa...Confinement - Comment le Web en parle - début des remises en question et appa...
Confinement - Comment le Web en parle - début des remises en question et appa...iProspect France
 
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...iProspect France
 
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...iProspect France
 
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...iProspect France
 
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...iProspect France
 
Les enjeux SEA de l'omnicanalité - iProspect France
Les enjeux SEA de l'omnicanalité - iProspect FranceLes enjeux SEA de l'omnicanalité - iProspect France
Les enjeux SEA de l'omnicanalité - iProspect FranceiProspect France
 
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search Y
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search YSEO sur Yandex en 2019 : particularités, nouveautés et futur - Search Y
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search YiProspect France
 
Vitesse des sites : ce que le CrUX nous dévoile
Vitesse des sites : ce que le CrUX nous dévoileVitesse des sites : ce que le CrUX nous dévoile
Vitesse des sites : ce que le CrUX nous dévoileiProspect France
 
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusive
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusiveLe CTR (taux de clics) SEO en France en 2018 - Etude exclusive
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusiveiProspect France
 
Data Management Platform (DMP) : Présentation & fonctionnement
Data Management Platform (DMP) : Présentation & fonctionnementData Management Platform (DMP) : Présentation & fonctionnement
Data Management Platform (DMP) : Présentation & fonctionnementiProspect France
 
iProspect Futur Focus 2018 : The New Machine Rules
iProspect Futur Focus 2018 : The New Machine RulesiProspect Futur Focus 2018 : The New Machine Rules
iProspect Futur Focus 2018 : The New Machine RulesiProspect France
 

Mehr von iProspect France (20)

#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
 
Les nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParisLes nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParis
 
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...
Recherches dans le SEO: tests, investigations et études SEO - SEO Camp'us Par...
 
Core Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiserCore Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, Optimiser
 
Future Focus 2020 : Les dix prochaines années
Future Focus 2020 : Les dix prochaines années Future Focus 2020 : Les dix prochaines années
Future Focus 2020 : Les dix prochaines années
 
E-commerce, quelles alternatives à Facebook ? #whatsupsocial
E-commerce, quelles alternatives à Facebook ? #whatsupsocialE-commerce, quelles alternatives à Facebook ? #whatsupsocial
E-commerce, quelles alternatives à Facebook ? #whatsupsocial
 
Comment optimiser son business grâce à une méthodologie de tagging performant...
Comment optimiser son business grâce à une méthodologie de tagging performant...Comment optimiser son business grâce à une méthodologie de tagging performant...
Comment optimiser son business grâce à une méthodologie de tagging performant...
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibes
 
Confinement : Comment le web en a parlé par iProspect Data Consulting
Confinement : Comment le web en a parlé par iProspect Data ConsultingConfinement : Comment le web en a parlé par iProspect Data Consulting
Confinement : Comment le web en a parlé par iProspect Data Consulting
 
Confinement - Comment le Web en parle - début des remises en question et appa...
Confinement - Comment le Web en parle - début des remises en question et appa...Confinement - Comment le Web en parle - début des remises en question et appa...
Confinement - Comment le Web en parle - début des remises en question et appa...
 
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...
SEO des images : enjeux et stratégies gagnantes de la recherche visuelle #SMX...
 
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...
Les clés pour accentuer votre impact Omnicanal & Local par Google - iProspect...
 
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...
De l'importance des cas d'usage dans la data marketing - iProspect Data Consu...
 
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...
Google Spreadsheet, astuces et fonctions cachées pour ne plus vous en passer ...
 
Les enjeux SEA de l'omnicanalité - iProspect France
Les enjeux SEA de l'omnicanalité - iProspect FranceLes enjeux SEA de l'omnicanalité - iProspect France
Les enjeux SEA de l'omnicanalité - iProspect France
 
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search Y
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search YSEO sur Yandex en 2019 : particularités, nouveautés et futur - Search Y
SEO sur Yandex en 2019 : particularités, nouveautés et futur - Search Y
 
Vitesse des sites : ce que le CrUX nous dévoile
Vitesse des sites : ce que le CrUX nous dévoileVitesse des sites : ce que le CrUX nous dévoile
Vitesse des sites : ce que le CrUX nous dévoile
 
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusive
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusiveLe CTR (taux de clics) SEO en France en 2018 - Etude exclusive
Le CTR (taux de clics) SEO en France en 2018 - Etude exclusive
 
Data Management Platform (DMP) : Présentation & fonctionnement
Data Management Platform (DMP) : Présentation & fonctionnementData Management Platform (DMP) : Présentation & fonctionnement
Data Management Platform (DMP) : Présentation & fonctionnement
 
iProspect Futur Focus 2018 : The New Machine Rules
iProspect Futur Focus 2018 : The New Machine RulesiProspect Futur Focus 2018 : The New Machine Rules
iProspect Futur Focus 2018 : The New Machine Rules
 

Nouveautés Google Mobile 2016

  • 1. La visibilité sur Google mobile Octobre 2016 – Madeline Pinthon
  • 2. L’univers du mobile Site web Site mobile Web app AMP Pour être visible sur le mobile, plusieurs solutions sont possibles. Google donne des conseils pour chacun des éléments. App
  • 3. Les nouveautés de Google sur mobile • Rich cards • Live • Recherche vocale • AMP • App indexing • Android Instant App • Progressive Web App
  • 4. Les carrousels et la mise en avant des Rich Cards
  • 5. Faciliter la navigation avec les carrousels Google propose plusieurs types de carrousels dans les résultats de recherche. Les carrousels sont utilisés pour les news, les vidéos, certaines thématiques, présenter des articles d’un site, des recettes, des tweets,… Cela permet d’enrichir les résultats de recherche via une navigation horizontale.
  • 6. Carrousel pour un même sujet Google propose un carrousel d’articles récents sur un sujet. Ce carrousel contient des articles, des vidéos, etc. Pour ce carrousel, Google présente de plus en plus de contenus AMP.
  • 7. Exemples de carrousel top stories Pour les films/séries Pour les actualités (labelsAMP)
  • 8. Exemples de carrousel Pour les tweets Pour les recettes Pour le site
  • 9. Passer d’un résultat à l’autre avec AMP Avec AMP, il est possible de naviguer horizontalement entre les différents contenus.
  • 10. Carrousel pour un même site Pour un même site, Google peut également présenter les contenus les plus récents en carrousel. C’est une sorte de sitelinks amélioré. Les résultats ont généralement moins de 2 semaines et sont présentés en chronologie décroissante (du plus frais au plus ancien). Les données sont issues de : - Schema.org (ex: datePublished) - Open graph (ex: meta property="article:published_time") - Balises traditionnelles (ex: title)
  • 11. Les carrousels pour les vidéos Pour afficher des extraits enrichis pour les vidéos, certains champs sont obligatoires : • Name • Description • Thumbnail • UploadDate Les videos peuvent être affichées dans les carrousels de sites mais également « à la une » (top stories), ou les videos. https://developers.google.com/search/docs/data-types/videos#examples
  • 12. Les Rich Cards Google propose un nouvel affichage pour 2 types de résultats : les recettes et les films https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html
  • 13. Qu’est-ce qu’une Rich Card ? C’est un format d’affichage attractif, ce sont des extraits enrichis plus évolués. Elles peuvent s’afficher sous différentes formes : - Plusieurs sites différents - Plusieurs pages d’un même site. Les Rich Cards sont déployées pour les recettes, elles sont testées pour les films et toucheront à l’avenir d’autres types de contenus. Elles se basent sur le marquage de schema.org.
  • 14. Les déploiements en cours https://developers.google.com/search/docs/guides/mark-up-content
  • 15. Des nouveautés pour les films : les listes et les actions Les recherches sur des noms de films peuvent déclencher l’affichage d’un Knowledge graph. Les informations sont issues de Wikipedia, des certains sites d’autorité et des données structurées. Google souhaite proposer des liens pour voir les films en streaming ou VOD, en faisant apparaître des sites partenaires. Ces sites partenaires doivent avoir mis en place un balisage précis, indiquant une action (regarder un film) et s’être manifesté via un formulaire.
  • 16. Exemple de mise en avant vidéo
  • 18. La recherche vocale Le mobile favorise la recherche vocale. Google a fait énormément de progrès pour comprendre l’oral. Sur Google drive, il est possible de dicter un texte. Sur Google Search, il est possible de faire des recherches vocales. Google souhaite également devenir véritable un assistant personnel.
  • 19. Google Assistant Google Assistant permet à Google de chercher à partir d’un texte, d’une image, etc. Google mélange plusieurs sources d’informations : Knowledge Graph, Google Goggles, etc. Google Assistant permet de trouver des informations sur : • Restaurants : trouvez les restaurants et les autres points d'intérêt mentionnés à l'écran. • Films : consultez des avis et des informations sur les acteurs d'un film à partir de son nom. • Musique : obtenez davantage d'informations sur un titre ou un artiste directement à partir de votre application. • Personnes : obtenez des informations sur les célébrités mentionnées dans les actualités. • Images : informez-vous sur des œuvres d'art, des logos de produit, des monuments, etc.
  • 20. Rechercher dans les applications Le 30 août 2016, Google annonce une nouvelle fonctionnalité pour les téléphones Android : la possibilité de rechercher des informations dans les applications. Actuellement, il peut rechercher dans Gmail, Spotify, Youtube...et très prochainement dans Facebook Messenger, Linkedin, Evernote,…. https://search.googleblog.com/2016/08/a-new-way-to-search-for-content-in- your.html
  • 21. Activer la commande vocale https://developers.google.com/voice-actions/
  • 23. Nouveauté : label Live Il existe une étiquette rouge pour indiquer du live blogging. Il s’agit d’une beta privée. Actuellement en France, 20minutes fait partie des testeurs https://developers.google.com/search/pilot/open/live-blogs
  • 24. Nouveauté : Real time indexing API Google met en avant des pages qui s’actualisent en direct via l’étiquette « live ». Google souhaite également pouvoir indexer les contenus en temps réel et indiquer ce qui se passe maintenant. Cette nouveauté n’est pas encore déployée….
  • 26. Google et les sites mobiles Google fournit beaucoup de conseils pour concevoir un site mobile. Il fournit également plusieurs outils pour faire des tests de compatibilité mobile. Google ne va plus faire apparaître l’étiquette « site mobile » car 85% des sites le sont. Ce n’est plus un critère différenciant, c’est devenu un standard. https://developers.google.com/webmasters/mobile-sites/?hl=fr-FR
  • 27. La chasse aux interstitiels A compter du 10 janvier 2017, les pages ayant du contenu difficilement accessibles pourront être moins bien classées. Les pop-ups font partie des pratiques gênantes. Quelques exceptions seront tolérées (cookies, obligations légales, etc.). http://googlewebmastercentral-fr.blogspot.fr/2016/08/faciliter-acces-au-contenu-mobile.html
  • 28. Suppression du label « site mobile » Fin août 2016, Google a supprimé le label « Site Mobile » dans les résultats de recherche mobile. La cause est que Google a remarqué que 85% des pages web sont compatible au niveau mobile, la présence du label est donc devenu moins important. L’algorithme mobile-friendly est toujours en vigueur mais ne sera plus affichée sur les appareils mobiles. Le label AMP fait son apparition.
  • 29. Des tests sur les sites lents Google a testé l’affichage d’un label « slow » pour les sites lents à charger. Ce test n’as pas été déployé, il n’est resté qu’au stade de l’expérimentation. http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483
  • 30. La mise en avant des sites incompatibles Google évite de présenter des pages non compatibles dans ses résultats. Cependant, lorsque c’est le cas, il peut afficher une alerte. https://webmasters.googleblog.com/2014/07/promoting-modern-websites-for-modern.html
  • 31. Un 1er outil de test de compatibilité https://www.google.com/webmasters/tools/mobile-friendly/
  • 32. Une nouvelle version de l’outil https://search.google.com/search-console/mobile-friendly
  • 33. Un outil qui inclut Google Page Speed https://testmysite.thinkwithgoogle.com
  • 35. Où voir des pages AMP ? L’AMP est actuellement visible dans un carrousel de news.
  • 36. AMP dans les résultats de recherche mobiles Google propose des pages AMP dans ses résultats de recherche mobiles. Cela permettra aux internautes de précharger la page et de la voir instantanément. L’AMP ne sera pas un boost pour le classement. Si une version AMP est disponible, elle sera présentée en lieu et place de la page mobile. Cependant, la présence du label peut faire augmenter le taux de clic et un bon taux de clic peut améliorer le ranking. https://webmasters.googleblog.com/2016/08/amp-your-content-preview-of- amped.html
  • 37. L’AMP également disponible pour l’e- commerce Pour le moment, Google propose des formats pour les pages listing et produits. Mais AMP est compatible pour tout type de site. Page Listing Page Produit
  • 38. AMP – Accelerated Mobile Pages https://www.ampproject.org
  • 39. L’AMP Objectif : Charger des pages très rapidement sur mobile Améliorer l’expérience utilisateur Consommer moins de ressources (batterie, processeur,…). 50% des pages AMP ont un temps de chargement inférieur à 1 seconde AMP, c’est : • Un projet open-source très actif, fortement soutenu par Google. • Un sous html5, plus léger, qui doit permettre d’afficher une page en faisant une seule requête http. • Des pages miroir beaucoup plus légères que les pages html traditionnelles
  • 40. Les 3 piliers AMP est composé de trois parties distinctes: • AMP HTML Un HTML avec certaines restrictions. • AMP JS Une bibliothèque JS assure pour un rendu rapide des pages AMP HTML • Google AMP Cache Cache Google pour fournir les contenus valides.
  • 41. Pourquoi AMP est si rapide ? Autorise seulement les scripts asynchrones Les ressources doivent définir leur taille Blocage du rendering impossible Les JS Tiers sont appelés dans des iframes. Les CSS sont inline et avec une taille limite Le téléchargement des Fonts est asynchrone Minimise les recalcules du style layout Les animations utilisent le calcul par le GPU Priorisation des éléments Pré-chargement des ressources
  • 42. Les champs obligatoires en AMP <!doctype html> <html amp > <head> <meta charset="utf-8"> < <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" /> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-boilerplate> body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both; -moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both; -ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both; animation:-amp-start 8s steps(1,end) 0s 1 normal both} @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} </style> <noscript> <style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;- msanimation:none;animation:none}</style> </noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body> </body> </html> Déclaration de l’AMP Canonical Boiler Plate AMP JS sur le CDN AMP Adapté aux mobiles
  • 43. ⚡ AMP HTML : les restrictions Les commentaires HTML conditionnels ne sont pas autorisés Tous les attributs commençant par «on» ne sont pas autorisés Le schéma ‘‘Javascript:’’ n’est pas autorisé Tous les styles doivent être Inline Une seule balise de style dans le <head> Les règles de style doivent être inférieures à 50 Ko Pas de Input ou de text area.
  • 44. ⚡ AMP HTML : les changements <img> est remplacée par <amp-img> <video> est remplacée par <amp-video> <audio> est remplacée par <amp-audio> <iframe> est remplacée par <amp-iframe>
  • 45. AMP HTML : Quelles restrictions sur les iframe ? amp-iframe ne peut pas apparaître à proximité du haut du document (sauf pour les iframes qui utilisent l'espace réservé comme décrit ci-dessous). Elles doivent être au minimum éloigné de 600px du haut de la page ou ne pas apparaitre dans les premiers 75% de la fenêtre quand défile vers le haut. Elles ne peuvent seulement appeler des ressources via HTTPS ou à partir d'un data-URI ou via l'attribut srcdoc. Elles ne doivent pas être de la même origine que le conteneur à moins qu‘elles ne permettent pas le allow- same-origin dans l'attribut sandbox. Plus de détails sur pour les iframes ici : https://github.com/ampproject/amphtml/blob/master/extensions/amp-iframe/amp-iframe.md https://github.com/ampproject/amphtml/blob/master/spec/amp-iframe-origin-policy.md
  • 46. AMP JS La bibliothèque AMP JS implémente les meilleures pratiques d’AMP en termes d’efficacité. Tous les scripts doivent avoir l’attribut async. Les éléments externes ne peuvent être chargés que dans des iframes. Les ressources externes sont limitées et contrôlées. Cela permet de diminuer le nombre de requêtes et d’éléments à charger. Le poids de la page est fortement diminué.
  • 47. Ajouter des meta données en JSON-LD Les meta données en JSON-LD sont compatibles AMP. Il est même fortement recommandé de les installer pour aider Google à mieux comprendre les pages. Cela permet d’activer les rich cards (si les contenus sont compatibles).
  • 48. Google AMP Cache Google AMP Cache est un réseau de distribution de contenus basé sur proxy qui fournit tous les documents AMP valides. Il extrait les pages AMP HTML, les stocke en mémoire cache et améliore automatiquement la performance des pages. Avec Google AMP Cache, le document, tous les fichiers JS et toutes les images se chargent à partir d'une source, laquelle utilise HTTP 2.0 pour une efficacité optimale.
  • 49. Ne pas oublier de déclarer les différentes versions <link rel="amphtml" href="{amp version}"> <link rel="canonical" href="{desktop version}"> <link rel="only screen and (max-width: 640px)" href="{mobile version}"> <link rel="canonical" href="{desktop version}"> <link rel="amphtml" href="{amp version}"> canonical canonical Only screen and… amphtml amphtml
  • 51. Tester les meta données
  • 52. Surveiller l’indexation dans la Search Console
  • 53. Analytics et AMP Les scripts analytiques doivent être chargés en asynchrone. Ils doivent être intégrés dans une balise <amp- analytics> La plupart des solutions sont maintenant compatibles AMP : AT Internet, comScore, Google Analytics, Clicky,… Exemple : AT internet http://developers.atinternet-solutions.com/javascript- fr/fonctionnalites-avancees-javascript-fr/accelerated- mobile-pages-amp-javascript-fr/
  • 54. Médiamétrie et AMP ? Médiamétrie va comptabiliser les audiences des pages AMP en 2017, dans une nouvelle catégorie appelée « agrégat de contenus » http://www.offremedia.com/mediametrie-va-mesurer-laudience-dinstant- articles-et-amp-au-1er-semestre-2017
  • 55. Les ressources sur l’AMP • AMP validator : https://chrome.google.com/webstore/detail/amp- validator/nmoffdblmcmgeicmolmhobpoocbbmknc • Nouvel outil de validation AMP : https://search.google.com/search-console/amp • Site officiel : https://www.ampproject.org/fr/ • Github : https://github.com/ampproject • Exemples : https://ampbyexample.com/ • Why AMP is fast ?: https://medium.com/@cramforce/why-amp-is-fast-7d2ff1f48597#.lbug1423e
  • 57. Interactions avec les applications L’app indexing permet d’indexer directement les contenus des applications dans Google. Le but est d’inciter les utilisateurs à découvrir des applications, ou de les encourager à les utiliser plus souvent. https://firebase.google.com/docs/app-indexing/#key_functions
  • 58. App indexing, des résultats décevants “Not much changed [with Google App Indexing], as far as I know. But, if I remember correctly, the engagement on those app install buttons weren’t high enough or there weren’t enough engagements to spend more resources on it. We just moved them to another feature as opposed to spending more resources on it and maintaining it.” Gary Illyes L’app indexing n’a pas donné de résultats concluants. Google travaille sur de nouvelles fonctionnalités.
  • 59. L’AMP préféré à l’app indexing Depuis le 20 septembre 2016, Google commence à proposer les pages AMP en lieu et place des pages mobiles ou des applications. https://support.google.com/webmasters/answer/6211453?hl=en
  • 60. Android Instant App : utiliser une application sans l’installer A chaque étape du processus d’installation d’une application, 20% des internautes abandonneraient. Pour éviter cette fuite, Google travaille la possibilité de streamer les applications android: pouvoir les utiliser sans les installer. Il « suffira » de mettre à jour une application Android. Ce programme est encore limité, il faut s’inscrire pour pouvoir accéder à la documentation.
  • 61. Progressive Web Applications Une Progressive Web App utilise les possibilités du web moderne pour délivrer une expérience utilisateur similaire à une application native. Elle allie le meilleur des applications natives et des sites mobiles. https://developers.google.com/web/progressive-web-apps/
  • 62. Les avantages d’une PWA Chargement très rapide Utilisation hors ligne Ajout d’une icône sur l’écran d’accueil Pas d’installation Notifications Push Serveur sécurisé Responsive
  • 64. Que faire pour le mobile ? - Un site doit être mobile (et rapide) - L’AMP gagne du terrain - Le HTTPS devient une nécessité - Le balisage sémantique est essentiel - Relier les applications et le web mobile pour exploiter au mieux l’expérience mobile