mobile first comment améliorer sa visibilité et mieux convertir ?
TRANSCRIPT
![Page 1: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/1.jpg)
Nantes – 24 février 2017
Mobile firstcomment améliorer sa visibilité et mieux convertir
![Page 2: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/2.jpg)
Nantes – 24 février 2017
Votre intervenante
@NoirAleks
https://www.linkedin.com/in/alexandra-noirault
Alexandra NOIRAULTConseiller Numérique
7 ans d’expérience en web marketing et e-commerce
Conseillère et Formatrice auprès des TPE et PME
Intervenante en enseignement supérieur
CCI Vendée
![Page 3: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/3.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEMobile first: comment améliorer sa visibilité et mieux convertir
• Pourquoi faut-il penser mobile first en 2017 ?• Comment devenir mobile first ?• Comment générer plus de dons en ligne ?
![Page 4: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/4.jpg)
Nantes – 24 février 2017
Pourquoi faut-il penser mobile first en 2017 ?
![Page 5: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/5.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?
« Nous sommes tous hyper connectés à notre mobile »
![Page 6: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/6.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?
Selon Médiamétrie
![Page 7: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/7.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?
La recherche mobile a dépassé l’ordinateur
![Page 8: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/8.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?
#Edon2016
![Page 9: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/9.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?
#Edon2016
![Page 10: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/10.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEL’évolution de l’usage
Nos usages évoluent et Google adapte en conséquence son algorithme
![Page 11: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/11.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Index Mobile First : priorité au mobile chez Google
![Page 12: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/12.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Google propose un outil pour tester si votre site est responsive:https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr
![Page 13: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/13.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Test avec le site : A chacun son cap
![Page 14: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/14.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur
![Page 15: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/15.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Outil de test de la vitesse des sites Web mobiles – Google - Test My Sitehttps://testmysite.withgoogle.com/intl/fr-fr/
![Page 16: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/16.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Test avec le site : A chacun son cap
![Page 17: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/17.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDETester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur
![Page 18: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/18.jpg)
Nantes – 24 février 2017
Comment devenir Mobile First ?
![Page 19: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/19.jpg)
Nantes – 24 février 2017
Comment devenir Mobile First ?
![Page 20: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/20.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
3 possibilités
Site mobileSite
responsive design
Application
mobile
![Page 21: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/21.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Un site mobile : m.monassociation.com
![Page 22: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/22.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDE
Un site responsive design
Comment devenir Mobile First ?
![Page 23: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/23.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
![Page 24: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/24.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Une application mobile
![Page 25: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/25.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Avantages et inconvénientsSite mobile Site Responsive design Application mobile
Les avantages •Contenus adaptés au mobile•Expérience rapide au chargement•Navigation pensée pour les petits écrans
•Moins coûteux à la création•Gain de temps à sa création•Contenu unique•URL Unique•Ajustement des colonnes et images automatiques•Bonne indexation•Bonne expérience Utilisateur
•Interface fluide et agréable•Personnalisation / contenu spécifique•Ergonomie optimisée (boutons adaptés)•Contenu accessible hors connexion
Les inconvénients
•Maintenance séparée du site classique•Temps de développement long•Absence de toutes les fonctionnalités du site classique.•Coût important
•Temps de chargement long•Temps de développement long•Compétences techniques requises•Phase de test importante•Créativité limitée
•Adaptation pour tablettes et Smartphones•Visibilité nulle sur les moteurs de recherche•Coût important
![Page 26: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/26.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Combien ça coûte ?
• Pour un site responsive design : entre 1 500 et 3 000 € HT.
• Pour la création d’un site mobile dédié : entre 3 000 et 6 000 € HT
• Pour une application mobile : c’est « la solution la plus coûteuse »
![Page 27: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/27.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Comment procéder ?
![Page 28: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/28.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Avant de se lancer, se poser les bonnes questions :
Quelle est la cible et quels sont les objectifs à atteindre ? Dans quel contexte la cible utilise-t-elle différents formats
d’écran ? Qu’attend-t-elle par rapport à chacun d’entre eux ? Comment peut-on répondre à ces attentes en s’adaptant
à chaque format d’écran ?
![Page 29: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/29.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
C’est quoi l’approche Mobile First ?
![Page 30: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/30.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Amélioration progressive
![Page 31: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/31.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Mobile-First = Content-First
Aller à l’essentiel Hiérarchiser votre contenu Prioriser le contenu à afficher sur mobile
![Page 32: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/32.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Etude de cas : Médecins du Monde
![Page 33: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/33.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Définissez vos priorités de contenu par formatVersion ordinateur Version mobile
1 Menu + logo + bouton d’action don Menu + logo + bouton d’action don
2 actualités actualités
3 À la une À la une
4 Live : Facebook, Twitter et Instagram Live : Facebook, Twitter et Instagram
5 Ici et là-bas : carte du monde
6 Recrutement / Appel au volontariat Recrutement / Appel au volontariat
7 Newsletter Newsletter
8 Contact : - Formulaire de contact- Nous rencontrer
Contact :- Formulaire de contact- Nous rencontrer
9 Réseaux Sociaux Réseaux Sociaux
10 Médecins du Monde dans le Monde Médecins du Monde dans le Monde
![Page 34: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/34.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Vue d’un smartphone
![Page 35: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/35.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment devenir Mobile First ?
Vue d’une tablette
![Page 36: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/36.jpg)
Nantes – 24 février 2017
Comment devenir Mobile First ?
Vue d’un ordinateur
![Page 37: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/37.jpg)
Nantes – 24 février 2017
A Chacun Son Cap – version ordinateur
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresseBoutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires
![Page 38: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/38.jpg)
Nantes – 24 février 2017
A Chacun Son Cap – version mobile
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresseBoutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires
![Page 39: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/39.jpg)
Nantes – 24 février 2017
Comment générer plus de dons en ligne ?
![Page 40: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/40.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment générer plus de dons en ligne ?
![Page 41: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/41.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment générer plus de dons en ligne ?
![Page 42: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/42.jpg)
Nantes – 24 février 2017
Comment générer plus de dons en ligne ?
![Page 43: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/43.jpg)
Nantes – 24 février 2017
TITRE DE LA SLIDEComment générer plus de dons en ligne ?
Pour mieux convertir Optimiser sa page de don en ligne Rendre la page attractive et
chaleureuse Faire ressortir les éléments
importants comme les montants des dons et les boutons d’action
Utiliser des éléments de réassurance : Mode de paiement sécurisé Lien vers la page expliquant la
défiscalisation Remercier à la fin
(sur la page de confirmation)
![Page 44: Mobile first comment améliorer sa visibilité et mieux convertir ?](https://reader034.vdocuments.pub/reader034/viewer/2022042707/58ef6e3b1a28ab69088b4653/html5/thumbnails/44.jpg)
Nantes – 24 février 2017
MERCI
Des questions