le seo pour mobile 

26
Agence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics BIEN PERFORMER SUR MOBILE EN 2016 / SEO #4sight2016 LE 28 JANVIER 2016 9h-12h PETIT DEJEUNER SEO SEARCH FORESIGHT 11 eme édition #4SIGHT2016 K_lice

Upload: search-foresight

Post on 13-Apr-2017

449 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Le SEO pour mobile 

Agence Conseil en stratégie digitale

SEO, CRO, Inbound Marketing, Analytics

BIEN PERFORMER SUR MOBILE EN 2016/ SEO

#4sight2016

LE 28 JANVIER 20169h-12h

PETIT DEJEUNER SEOSEARCH FORESIGHT11eme édition

#4SIGHT2016

K_lice

Page 2: Le SEO pour mobile 

@k_lice

LE TEMPS PASSÉ SUR MOBILE DÉPASSE LE TEMPS SUR DESKTOP !

- 2 -

CONTEXTE

Page 3: Le SEO pour mobile 

@k_lice

LES DEPENSES PUBLICITAIRES SUR MOBILES NE CESSENT D’AUGMENTER

- 3 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

CONTEXTE

Page 4: Le SEO pour mobile 

@k_lice

SITE MOBILE ? RESPONSIVE DESIGN ? DYNAMIC SERVING ?

- 4 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

QUEL SUPPORT MOBILE CHOISIR ?

Page 5: Le SEO pour mobile 

@k_lice

URL DEDIEE OU IDENTIQUE DESKTOP ?

- 5 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

URLS & VERSION MOBILE

Page 6: Le SEO pour mobile 

@k_lice

CHOISIR LES BON KEYWORDS : MOBILE

- 6 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

Page 7: Le SEO pour mobile 

@k_lice

KEYWORDS MOBILE ACTIFS

- 7 -Search Foresight 2014 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

Page 8: Le SEO pour mobile 

@k_lice

OPTIMISATION METAS SUR MOBILE

- 8 -Search Foresight 2014 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

MOINS de places pour la META DESCRIPTION mais PLUS pour le title

Page 9: Le SEO pour mobile 

@k_lice

Attention à ne pas rediriger vers la page d’accueil

REDIRECTIONS MOBILE - DESKTOP

- 9 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

Page 10: Le SEO pour mobile 

@k_lice

REL ALTERNATE & CANONICAL

- 10 -

OPTIMISER SON SITE MOBILE

Pour chaque url mobile il faut indiquer l’équivalent sur desktop et vice versa avec les balises :- Rel Alternate- Canonical

Page 11: Le SEO pour mobile 

@k_lice

AMP : DES PAGES MOBILES ULTRA RAPIDES

Page 12: Le SEO pour mobile 

DES PAGES SÉRIEUSEMENT ALLÉGÉES

- 12 -

AMP

Page 13: Le SEO pour mobile 

/ UNE RÉPONSE À FACEBOOK INSTANT ARTICLES ?

13

AMP

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

Page 14: Le SEO pour mobile 

UN CDN DÉDIÉ POUR UN AFFICHAGE PRESQUE INSTANTANÉ

- 14 -

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)

AMP

Page 15: Le SEO pour mobile 

LES PRÉ-REQUIS TECHNIQUES EN AMP HTML

- 15 -

Les documents codés en AMP HTML doivent :

• Débuter par la balise doctype <!doctype html>.

• Contenir une balise top-level <html > (<html amp> est également valide).⚡

• Contenir forcément au moins une balise <head> et <body> (C’est optionnel en HTML classique).

• Contenir une balise <link rel="canonical" href="$SOME_URL" /> dans la zone head qui pointe vers la page HTML classique équivalente, ou vers la même page s’il n’existe pas de version normale.

• Contenir une balise <meta charset="utf-8"> dans la zone head.

• Contenir une balise <meta name="viewport" content="width=device-width,minimum-scale=1"> dans la zone head. Il est recommandé d’inclure la valeur d’attribute “initial-scale=1”.

• Contenir une balise <script async src="https://cdn.ampproject.org/v0.js"></script> en tant que dernier élément de la zone head.

• Contenir <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> dans la zone head.

AMP

Page 16: Le SEO pour mobile 

- 16 -

Statuts des balisesHTML5 en AMP HTML

Le standard AMP HTML définit une version « allégée » et « simplifiées » des balises disponibles en HTML. Ce n’est pas un nouveau langage.

Page 17: Le SEO pour mobile 

/ LA VERSION AMP HTML EST UN DOUBLON DE CONTENUS EXISTANTS

- 17 -

AMP

N’oubliez pas la balise canonical sur la page AMP HTML, pointant vers un contenu existant (s’il y’a lieu)

Page 18: Le SEO pour mobile 

/ http://www.ampproject.org

- 18 -

Pour en savoir plus :

Démo :

https://g.co/ampdemo

Depuis un smartphone évidemment

Page 19: Le SEO pour mobile 

MONITORINGSearch Foresight : Agence conseil en stratégie digitale - SEO, CRO, Inbound Marketing, Analytics

Page 20: Le SEO pour mobile 

@k_lice

VOTRE SITE EST-IL MOBILE FRIENDLY ?

https://www.google.com/webmasters/tools/mobile-friendly/

MONITORING

Page 21: Le SEO pour mobile 

@k_lice

TEMPS DE TELECHARGEMENT DES PAGES

- 21 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

MONITORING

https://developers.google.com/speed/docs/insights/mobile

Page 22: Le SEO pour mobile 

@k_lice

TEMPS DE TELECHARGEMENT DES PAGES MOBILES LES PLUS VISITEES

MONITORING

Page 23: Le SEO pour mobile 

@k_lice

VISIBILITE MOBILE MONITORING

Page 24: Le SEO pour mobile 

@k_lice

MONITORING : ERREURS EXPLORATIONS

- 24 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

Page 25: Le SEO pour mobile 

@k_lice

MONITORING : FETCH AS GOOGLE

- 25 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale

OPTIMISER SON SITE MOBILE

Page 26: Le SEO pour mobile 

@k_lice

DES QUESTIONS ?