SlideShare une entreprise Scribd logo
1  sur  52
Face à…

l’explosion du Web mobile

… quelle stratégie adopter ?


                               1
Programme


1.   Explosion de l’usage du mobile
2.   Stratégie de contenu : du web vers le mobile
3.   Ergonomie des applications mobiles
4.   Référencement mobile




                                                    2
Explosion de l’usage
     du mobile



                       3
Spectaculaire progression du mobile




                                      4
Volume de consultation
en fonction des heures de la journée




                            desktop




                             mobile



                                       5
Lieux de consultation




                        6
Activités mobiles


1.   Meubler les temps morts
2.   Rester connecté socialement
3.   S’orienter
4.   Trouver une réponse immédiate
5.   Acheter et réserver
6.   Gérer et planifier



                                     7
Meubler les temps morts




                          viedemerde.com




                                           8
Rester connecté socialement




                        endomondo.com




                                        9
S’orienter




             stib.be




                       10
Gérer et planifier




                     doodle mobile




                                     11
Stratégie de contenu
Du Web vers le mobile



                        12
Comment évolue votre trafic mobile ?




                                       13
Mesurer votre ratio desktop/mobile




   blog.60questions.net   timidite.info




                                          14
Êtes-vous au-dessus de la moyenne ?




                                      15
Quels appareils mobiles ?




                            16
Que cherchent-ils sur mobile ?




                                 17
Stratégie mobile : 3 options


1.   Le responsive design
2.   La version web mobile
3.   L’application mobile




                               18
Option 1 : le « responsive design »




                                      19
Le même contenu,
mais un affichage adapté




                           20
Un doigt, c’est gros sur un
smartphone




                              21
Option 2 : la version web mobile




                                   22
Un contenu adapté aux attentes mobiles




                                         23
Et la communication institutionnelle ?




                                         24
Plusieurs options d’accès


1.   www.monsite.be/mobile
2.   m.monsite.eu
3.   www.monsite.mobi




                             25
Appauvrissement ou enrichissement ?




                                      26
Plus-value mobile


1.   Géolocalisation
2.   Temps réel
3.   Alertes
4.   Données personnelles et sociales




                                        27
Option 3 : l’application mobile




                                  28
Exploiter les capteurs de l’appareil




                                       30
Ergonomie mobile




                   31
Une question de pixels




                         32
Même deux colonnes, c’est déjà trop




                                      33
Cinq boutons, c’est déjà trop aussi




                                      34
Astuces pour une navigation en 2 temps




                                         35
Verticalisation de l’architecture




                                    36
Accueillir les gros doigts




                             37
Variabilité de la ligne de flottaison




                                        38
Chaque pixel vaut son pesant d’or




                                    39
Plus difficile que
bourrer un sac de couchage




                             40
S’adapter aux rotations de l’appareil




                                        41
Ben oui, pas évident…




                        42
Y a pas photo !




                  43
Renforcer les contrastes




                           44
Rédiger pour les mobiles




                           45
Faciliter l’utilisation du clavier




                                     46
Référencement
    mobile


                47
Concurrence entre votre site classique
et votre site mobile


                              Appli mobile




                 Web mobile

Web classique




                                             48
Pensez au référencement en life !




                                    49
Valorisez l’appli mobile sur la page
d’accueil du site classique !




                                       50
Géolocalisez-vous !




                      51
« Du Web vers le mobile »
 Isabelle Canivet & Jean-Marc Hardy




                                      52
Pour en savoir plus …

www.redaction.be/formations/formation-web-mobile.htm


                blog.60questions.net

                @jeanmarc_hardy

                jmh@60questions.net

Contenu connexe

En vedette

La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secretsAymeric Bouillat
 
Designing Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeDesigning Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeVicke Cheung
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Olivier Andrieu
 
Memoire M2 - Le role du mobile dans le parcours client en Assurance
Memoire M2 - Le role du mobile dans le parcours client en AssuranceMemoire M2 - Le role du mobile dans le parcours client en Assurance
Memoire M2 - Le role du mobile dans le parcours client en AssuranceÉléonore Hugot
 
Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017iProspect France
 
HTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisHTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisAysun Akarsu
 
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Intuiti
 
Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Virginie Clève - largow ☕️
 
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards Présentation du Webinar SEMrush par Isabelle Canivet - 60canards
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards Yellow Dolphins
 
Les défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEOLes défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEODaniel Roch - SeoMix
 
Measuring Content Marketing
Measuring Content MarketingMeasuring Content Marketing
Measuring Content MarketingDavid Iwanow
 
Organiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOrganiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOpen-linking
 
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017   utiliser google analytics comme un voyou - aristide riouSeo camp'us 2017   utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riouPrénom Nom de famille
 
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)Thomas BART
 

En vedette (16)

La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secrets
 
Designing Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeDesigning Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us see
 
Distribution multicanal
Distribution multicanalDistribution multicanal
Distribution multicanal
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
 
Memoire M2 - Le role du mobile dans le parcours client en Assurance
Memoire M2 - Le role du mobile dans le parcours client en AssuranceMemoire M2 - Le role du mobile dans le parcours client en Assurance
Memoire M2 - Le role du mobile dans le parcours client en Assurance
 
Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017
 
HTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisHTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp Paris
 
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
 
Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?
 
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards Présentation du Webinar SEMrush par Isabelle Canivet - 60canards
Présentation du Webinar SEMrush par Isabelle Canivet - 60canards
 
Les défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEOLes défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEO
 
Measuring Content Marketing
Measuring Content MarketingMeasuring Content Marketing
Measuring Content Marketing
 
Organiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOrganiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari Fou
 
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017   utiliser google analytics comme un voyou - aristide riouSeo camp'us 2017   utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
 
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)
Pourquoi mes clients n'appliquent pas mes recommandations SEO (mais pas que ...)
 
Mots-clés, au delà du volume de recherche
Mots-clés, au delà du volume de rechercheMots-clés, au delà du volume de recherche
Mots-clés, au delà du volume de recherche
 

Similaire à Du Web vers le mobile

Et le web devient mobile
Et le web devient mobileEt le web devient mobile
Et le web devient mobileaestetype
 
Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Ardesi Midi-Pyrénées
 
Christophe morawski intervention-mobilisation-des-marques_2012
Christophe morawski intervention-mobilisation-des-marques_2012Christophe morawski intervention-mobilisation-des-marques_2012
Christophe morawski intervention-mobilisation-des-marques_2012Christophe Morawski
 
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ?
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ? C2iS Keynote - Quelle stratégie "web mobile" en 2013 ?
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ? C2iS
 
Paris2.0 Ubimedia et hyperlieu Sqliagency
Paris2.0 Ubimedia et hyperlieu SqliagencyParis2.0 Ubimedia et hyperlieu Sqliagency
Paris2.0 Ubimedia et hyperlieu SqliagencyFrançois VERRON
 
Paris2.0 Ubimedia Sqliagency
Paris2.0 Ubimedia SqliagencyParis2.0 Ubimedia Sqliagency
Paris2.0 Ubimedia SqliagencyWax Interactive
 
Introduction aux stratégies de communication sur mobile
Introduction aux stratégies de communication sur mobileIntroduction aux stratégies de communication sur mobile
Introduction aux stratégies de communication sur mobileCahuzac Alexandre
 
(E9) Vem3 atelier reservation sur mobile
(E9) Vem3 atelier reservation sur mobile (E9) Vem3 atelier reservation sur mobile
(E9) Vem3 atelier reservation sur mobile Salon e-tourisme #VeM
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012MBA Multimedia
 
Demain, mon site sera mobile
Demain, mon site sera mobileDemain, mon site sera mobile
Demain, mon site sera mobilePoule Design
 
LesNuages_MobiletoStore
LesNuages_MobiletoStoreLesNuages_MobiletoStore
LesNuages_MobiletoStoreLesNuages
 
Tendances digitales 2014
Tendances digitales 2014Tendances digitales 2014
Tendances digitales 2014U92
 
Le décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iSLe décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iSC2iS
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimediadefimedia
 
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2(E10) Quoi de neuf dans les systèmes de réservation ? 2/2
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2Salon e-tourisme #VeM
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...Le Moulin Digital
 
Le pouvoir du Marketing mobile
Le pouvoir du Marketing mobileLe pouvoir du Marketing mobile
Le pouvoir du Marketing mobileWSI France
 
Valtech - Mobilité : Passé, présent et futur...
Valtech - Mobilité : Passé, présent et futur...Valtech - Mobilité : Passé, présent et futur...
Valtech - Mobilité : Passé, présent et futur...Valtech
 
RDV Etourisme M Tourisme Anglet 18 octobre 2012
RDV Etourisme M Tourisme Anglet 18 octobre 2012RDV Etourisme M Tourisme Anglet 18 octobre 2012
RDV Etourisme M Tourisme Anglet 18 octobre 2012Tourisme 64
 

Similaire à Du Web vers le mobile (20)

Et le web devient mobile
Et le web devient mobileEt le web devient mobile
Et le web devient mobile
 
Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012Mobilité - Nouvelles tendances du web public - La Novela 2012
Mobilité - Nouvelles tendances du web public - La Novela 2012
 
Christophe morawski intervention-mobilisation-des-marques_2012
Christophe morawski intervention-mobilisation-des-marques_2012Christophe morawski intervention-mobilisation-des-marques_2012
Christophe morawski intervention-mobilisation-des-marques_2012
 
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ?
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ? C2iS Keynote - Quelle stratégie "web mobile" en 2013 ?
C2iS Keynote - Quelle stratégie "web mobile" en 2013 ?
 
Paris2.0 Ubimedia et hyperlieu Sqliagency
Paris2.0 Ubimedia et hyperlieu SqliagencyParis2.0 Ubimedia et hyperlieu Sqliagency
Paris2.0 Ubimedia et hyperlieu Sqliagency
 
Paris2.0 Ubimedia Sqliagency
Paris2.0 Ubimedia SqliagencyParis2.0 Ubimedia Sqliagency
Paris2.0 Ubimedia Sqliagency
 
Introduction aux stratégies de communication sur mobile
Introduction aux stratégies de communication sur mobileIntroduction aux stratégies de communication sur mobile
Introduction aux stratégies de communication sur mobile
 
(E9) Vem3 atelier reservation sur mobile
(E9) Vem3 atelier reservation sur mobile (E9) Vem3 atelier reservation sur mobile
(E9) Vem3 atelier reservation sur mobile
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
Développement sur Mobile
Développement sur MobileDéveloppement sur Mobile
Développement sur Mobile
 
Demain, mon site sera mobile
Demain, mon site sera mobileDemain, mon site sera mobile
Demain, mon site sera mobile
 
LesNuages_MobiletoStore
LesNuages_MobiletoStoreLesNuages_MobiletoStore
LesNuages_MobiletoStore
 
Tendances digitales 2014
Tendances digitales 2014Tendances digitales 2014
Tendances digitales 2014
 
Le décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iSLe décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iS
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
 
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2(E10) Quoi de neuf dans les systèmes de réservation ? 2/2
(E10) Quoi de neuf dans les systèmes de réservation ? 2/2
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
 
Le pouvoir du Marketing mobile
Le pouvoir du Marketing mobileLe pouvoir du Marketing mobile
Le pouvoir du Marketing mobile
 
Valtech - Mobilité : Passé, présent et futur...
Valtech - Mobilité : Passé, présent et futur...Valtech - Mobilité : Passé, présent et futur...
Valtech - Mobilité : Passé, présent et futur...
 
RDV Etourisme M Tourisme Anglet 18 octobre 2012
RDV Etourisme M Tourisme Anglet 18 octobre 2012RDV Etourisme M Tourisme Anglet 18 octobre 2012
RDV Etourisme M Tourisme Anglet 18 octobre 2012
 

Du Web vers le mobile