Search : la todo list 2017 pour ne rien oublier dans votre roadmap
Depuis quelques temps, on décèle les prémices de changements structurels majeurs qui vont impacter l’activité Search. Certains sont inhérents à l’évolution du web et des usages, d’autres à l’évolution des moteurs de recherche. Nous verrons en particulier s’il faut basculer en https ou en http2, s’il faut baliser son site avec des tags schema.org, s’il faut créer des contenus pour les featured snippets, s’il faut créer une version AMP de son site, s’il faut basculer ses sites sur des frameworks full stack, et quels sont les formats publicitaires et types de campagne à privilégier… Bref un tour d’horizon de tous les sujets à traiter bientôt pour éviter de se faire prendre de vitesse par les concurrents !
par Mathieu Chapon, Directeur métier, Search Foresight
2. Sommaire
Prenez une longueur d’avance sur vos concurrents
2
HTTP HTTPS HTTP2
Utilisation du balisage schema.org
L’utilisation des frameworks Full Stack
Version AMP Le mobile instantané
Formats publicitaires et Types de campagne à privilégier
3. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
HTTPS & HTTP2
4. LES RAISONS DU PASSAGE AU HTTPS
En 2011, Google commence à chiffrer les pages de résultats en commençant à faire
apparaitre le fameux « not provided » dans nos outils analytics
En 2016, plus de 90% des mots clé ne remonte plus dans les outils de suivis analytics
Google communique en 2014 sur le fait qu’un site web qui passera en https sera boosté
par l’algorithme de pertinence de son moteur.
On ne remarque aucun impact SEO sur ce critère à l’heure actuelle
En septembre 2016, Google annonce l’affichage sur Chrome (62% d’utilisateurs) d’une
annotation qui indiquera les sites non sécurisés dans leurs espaces confidentiels à partir
de janvier 2017 (sortie de chrome V56)
Cela ne concerne que les sites qui transmettent des informations sensibles sans chiffrement, donc
plutôt une bonne chose
Un pas de plus vers le « Tout HTTPS » dans les mois qui viennent
4
5. QUID DU HTTP2
En 2009, Google propose SPDY (SPEEDY), nouveau protocole qui ordonne les fichiers pour
un transfert pour une seule connexion. L’IETF (Internet Engineering Task Force) annonce le
18 février 2015 avoir arrêté les spécifications finales de HTTP/2 sur la base de SPDY.
Les 3 axes majeurs:
la compression des headers des requêtes et des réponses
Le parallélisme (Multiplexage) des requêtes au serveur
Le « push » actif des ressources serveur aux navigateurs comme le JS, le CSS,…
Chrome et Firefox en tant que navigateur et les sites Google et Facebook sont les premiers
à supporter déjà le HTTP2
Rapidité et sécurité de la navigation sont les mots d’ordre
5
6. HTTPS vs HTTP2
En effet, HTTP2 embarque le système de chiffrement TLS (le successeur du SSL) dans son
nouveau protocole.
Quelques chiffres en début d’année 2015:
• Google annonce une rapidité sur mobile à 23% plus rapide en HTTP2 vs HTTP1
• 5% du trafic mondial utilise déjà HTTP2
• 9% des requêtes sur Firefox sont en HTTP
Deux pour le prix d’un!
6
7. En attendant HTTP2
L’implémentation demande une mise à jour côté serveur et quelques adaptations dans
votre infrastructure qui ne sont pas anodines.
Le temps que ce nouveau protocole devienne une norme, vous pouvez déjà:
- Compresser vos pages et vos médias
- Regrouper et minifier votre code et les appels JS et CSS
- Utiliser/configurer des solutions de caches
- Structurer votre base de données et optimiser les chemins aux différentes sources qui
génèrent vos pages
- Développer une version AMP
- …
Travailler sur vos marges d’amélioration
7
8. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
BALISAGE SCHEMA.ORG
9. BALISAGE SCHEMA.ORG
Cela à commencer par les richnsippets et le Knowledge graph
L’objectif est d’améliorer son affichage, sa visibilité et donc son référencement!
9
10. BALISAGE SCHEMA.ORG
Une voiture, https://schema.org/Car à des propriétés comme sa
longueur, sa largeur, son angle de braquage, sa couleur, le nombre
de places à l’arrière, le volume de son coffre. Mais elle est aussi
composée d’un moteur https://schema.org/EngineSpecification qui
est une entité à part entière avec son propre schéma, ses propres
propriétés ; elle est vendue par
un https://schema.org/AutoDealer qui, en
tant https://schema.org/LocalBusiness à des heures d’ouverture,
une adresse physique, et beaucoup d’autres données liées à son
type et pourtant tout à fait descriptibles au travers du vocabulaire
schema.org.
Schema.org apporte une syntaxe pour décrire n’importe quelle entité physique
10
Les avantages de ce balisage sont multiples:
• Meilleure compréhension du moteur de vos contenus
• Meilleure visibilité de vos résultats
• Une mise en avant de vos résultats
11. BALISAGE SCHEMA.ORG
Il existe un outil de Google pour vous aider à structurer vos contenus et
vous produire le code en fonction des éléments structurer que vous
pouvez valoriser
https://www.google.com/webmasters/markup-helper/u/0/
Un outil mis à disposition pour structurer vos contenus WEB et EMAIL
11
12. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
FRAMEWORK FULL STACK
13. Avec l’évolution constante des technologies et des comportements (mobile/AMP, Big Data, IA, l’usage…), vos
équipes techniques se plaignent souvent des solutions du marché ou Opensource:
- « Trop contraignante pour faire des évolutions »
- « La solution ne répond pas à tous nos besoins »
- « Le coût pour réinventer la roue est trop important »
Et du coup, il vous parle de framework JavaScript comme étant la solution miracle avec des logiciels du type
Express.js, AngularJS, ReactJS ou encore Bootstrap qui sont:
• Les couteaux suisses du développement: Cela gère, le back, le front voir la base de données
• Une personne pour tous les métiers : Parfait quand on est une start-up, on fera des économies
• Les maquettes ergonomiques seront développées 100% iso : Respect du brief des ergonomes!
• Performante en temps de chargement
FRAMEWORK FULL STACK
Ne cédez pas à la tentation
13
14. Avec des urls avec un # pour chaque page Google ne voit plus qu’une seule page sur votre site
Sans des solutions de génération d’url et de pages HTML, le SEO de ces sites s’écroulent ou ne décollent
jamais
Une Solution existe: PhantomJS
FRAMEWORK FULL STACK
Or, en SEO, Google ne voit souvent qu’une url!
14
ANGULAR.JS
PhantomJS
15. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
AMP
(Accelerated Mobile Page)
16. AMP pour détrôner les APPS?
Lancé en 2015, Google a proposé en février 2016, les premiers résultats AMP pour les sites
Médias. En août 2016, les Ecommerces obtiennent leur version AMP.
Depuis le 20 septembre, la firme Montain View, a annoncé qu’à partir de cette date, les pages
AMP vont être utilisées sur l’intégralité du moteur.
Google ajoutera un indicateur dans les listes de résultats des sites proposant une version
AMP.
Google précise qu’il n’y a pas de « Boost » SEO mais si on considère qu’une version AMP est
plus rapide, alors l’internaute privilégiera ce type de résultat dans les moteurs, et donc
l’usage?
Remplacement du site mobile et mort de l’App Indexing
16
App Indexing
Version Mobile
AMP
17. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
FORMAT PUBLICITAIRE
À PRIVILÉGIER
19. 84 146
246
422
1121
1180
1123
1033
S1 2013 S1 2014 S1 2015 S1 2016
Une Croissance portée par les investissements
sur Mobile (+ 71 %)
19
Search + Display en millions €
Source : sri-France S12016
Mobile
Desktop
20. SEA – Update S1
20
3
2
1
2017 = Priorité au Mobile
Et le local
Gain de CTR
en Search ou Display
Des mots-clés aux Audiences
21. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
2016 - 2017
=
Priorité au mobile avec
Google
22. 18 février
Modification de l’affichage Harmonisation des pages de résultats
Adwords / SERPs Desktop = SERPs Mobile
3 positions
en prémium
+ bloc à droite
Dont 4 positions en
prémium
+ bloc en bas de page
Shopping Ads
23. Usage mobile = Usage Local
Une priorité pour les moteurs
1/3 recherches Mobile = Local
25. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
2. Des mots-clés
aux Audiences
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
26. DISPLAY > Rentabiliser vos annonces grâce aux
audiences similaires
1. Convertir les
prospects
chauds
2. Réengager vos
audiences et
clients
3. Trouvez des
nouveaux
acheteurs
Remarketing
Display ou
RLSA
Custom
Audience
Audience
similaire
Mai 2016
28. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
3. Gain de CTR
29. Expanded Text Ads
+ 20% de CTR annoncé par Google
31 janvier 2017
Google retarde leur arrivée dans nos comptes afin de laisser plus de
temps aux annonceurs de tester et d’intégrer leurs nouvelles annonces.
30. Universal App Install
Téléchargement d’application à travers
l’ensemble du réseau Google dont le GDN,
Google Play, Youtube, Google search etc..
Il suffit de :
- Choisir un CPA cible, et de manière
automatisée Google diffuse l’annonce.
=> Un bon moyen de promouvoir et de faire télécharger des applications.
31. Les bonnes pratiques à déployer
31
ANNONCES
Tester le contenu de vos annonces
avec le déploiement des ETA.
Un déploiement facilité des
campagnes Display avec les annonces
créatives.
AUDIENCES
Créez un ensemble d’audiences
différentes : Adwords – Analytics –
Customer Match – Similaire
Ajustez vos enchères pour
améliorer votre ROI!
MOBILE
Ouvrez vos Campagnes !
Mettez en place les stratégies
spécifiques.
Un intérêt fort pour le local.