SlideShare une entreprise Scribd logo
Nantes – 24 février 2017
Mobile first
comment améliorer sa visibilité et mieux convertir
Nantes – 24 février 2017
Votre intervenante
Alexandra.noirault@gmail.com
@NoirAleks
https://www.linkedin.com/in/alexandra-noirault
Alexandra NOIRAULT
Conseiller 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
Nantes – 24 février 2017
TITRE DE LA SLIDE
Mobile 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 ?
Nantes – 24 février 2017
Pourquoi faut-il penser mobile first en 2017 ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
« Nous sommes tous hyper connectés à notre mobile »
Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
Selon Médiamétrie
Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
La recherche mobile a dépassé l’ordinateur
Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
#Edon2016
Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
#Edon2016
Nantes – 24 février 2017
TITRE DE LA SLIDE
L’évolution de l’usage
Nos usages évoluent et
Google adapte en conséquence son algorithme
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Index Mobile First : priorité au mobile chez Google
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester 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
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : A chacun son cap
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Outil de test de la vitesse des sites Web mobiles – Google - Test My Site
https://testmysite.withgoogle.com/intl/fr-fr/
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : A chacun son cap
Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur
Nantes – 24 février 2017
Comment devenir Mobile First ?
Nantes – 24 février 2017
Comment devenir Mobile First ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
3 possibilités
Site mobile
Site
responsive
design
Application
mobile
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Un site mobile : m.monassociation.com
Nantes – 24 février 2017
TITRE DE LA SLIDE
Un site responsive design
Comment devenir Mobile First ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Une application mobile
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Avantages et inconvénients
Site 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
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment 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 »
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Comment procéder ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment 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 ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
C’est quoi l’approche Mobile First ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Amélioration progressive
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Mobile-First = Content-First
 Aller à l’essentiel
 Hiérarchiser votre contenu
 Prioriser le contenu à afficher sur mobile
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Etude de cas : Médecins du Monde
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Définissez vos priorités de contenu par format
Version 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
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Vue d’un smartphone
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Vue d’une tablette
Nantes – 24 février 2017
Comment devenir Mobile First ?
Vue d’un ordinateur
Nantes – 24 février 2017
A Chacun Son Cap – version ordinateur
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresse
Boutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires
Nantes – 24 février 2017
A Chacun Son Cap – version mobile
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresse
Boutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires
Nantes – 24 février 2017
Comment générer plus de dons en ligne ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment générer plus de dons en ligne ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment générer plus de dons en ligne ?
Nantes – 24 février 2017
Comment générer plus de dons en ligne ?
Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment 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)
Nantes – 24 février 2017
MERCI
Des questions

Contenu connexe

Similaire à Mobile first comment améliorer sa visibilité et mieux convertir ?

Tendances web 2014
Tendances web 2014Tendances web 2014
Tendances web 2014
MXO | agence totale
 
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
Ultraviolet Agency
 
M4 - Piloter le changement dans son équipe face à la révolution numérique
M4 - Piloter le changement dans son équipe face à la révolution numériqueM4 - Piloter le changement dans son équipe face à la révolution numérique
M4 - Piloter le changement dans son équipe face à la révolution numérique
Salon e-tourisme #VeM
 
Webassoc - conférence webmarketing pour les association à Nantes
Webassoc - conférence webmarketing pour les association à Nantes Webassoc - conférence webmarketing pour les association à Nantes
Webassoc - conférence webmarketing pour les association à Nantes
Guillaume Degré
 
Stratégies Digital Week 2017
Stratégies Digital Week 2017Stratégies Digital Week 2017
Stratégies Digital Week 2017
Caroline Dupire
 
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisationAtelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
Salon e-tourisme #VeM
 
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
Stratenet.com
 
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
Gabor Markus
 
M-Commerce byDedi
M-Commerce byDediM-Commerce byDedi
M-Commerce byDedi
Dedi Agency
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Pascale GEMIGNANI
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Pascale GEMIGNANI
 
Améliorez votre présence en ligne pour attirer vos clients !
Améliorez votre présence en ligne pour attirer vos clients !Améliorez votre présence en ligne pour attirer vos clients !
Améliorez votre présence en ligne pour attirer vos clients !
polenumerique33
 
#compublique Où en est-on des réseaux sociaux ?
#compublique Où en est-on des réseaux sociaux ?#compublique Où en est-on des réseaux sociaux ?
#compublique Où en est-on des réseaux sociaux ?
Cap'Com
 
Mesure d'audience & ROI
Mesure d'audience & ROIMesure d'audience & ROI
Mesure d'audience & ROI
David Desrousseaux
 
Maîtriser la mesure d'audience
Maîtriser la mesure d'audienceMaîtriser la mesure d'audience
Maîtriser la mesure d'audience
Cap'Com
 
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrainConférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
Cap'Com
 
Conférence "Le virage du Digital Marketing pour les PME"
Conférence "Le virage du Digital Marketing pour les PME" Conférence "Le virage du Digital Marketing pour les PME"
Conférence "Le virage du Digital Marketing pour les PME"
Gabor Markus
 
Projet professionnel : rebondir avec un projet qui explore toutes les pistes
Projet professionnel : rebondir avec un projet qui explore toutes les pistesProjet professionnel : rebondir avec un projet qui explore toutes les pistes
Projet professionnel : rebondir avec un projet qui explore toutes les pistes
Transmission RH
 
CV Sébastien Bourguignon
CV Sébastien BourguignonCV Sébastien Bourguignon
CV Sébastien Bourguignon
Sébastien Bourguignon
 
Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016
Pascale GEMIGNANI
 

Similaire à Mobile first comment améliorer sa visibilité et mieux convertir ? (20)

Tendances web 2014
Tendances web 2014Tendances web 2014
Tendances web 2014
 
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
Conférence Ultraviolet + Actibizz : Stratégie digitale & Développement commer...
 
M4 - Piloter le changement dans son équipe face à la révolution numérique
M4 - Piloter le changement dans son équipe face à la révolution numériqueM4 - Piloter le changement dans son équipe face à la révolution numérique
M4 - Piloter le changement dans son équipe face à la révolution numérique
 
Webassoc - conférence webmarketing pour les association à Nantes
Webassoc - conférence webmarketing pour les association à Nantes Webassoc - conférence webmarketing pour les association à Nantes
Webassoc - conférence webmarketing pour les association à Nantes
 
Stratégies Digital Week 2017
Stratégies Digital Week 2017Stratégies Digital Week 2017
Stratégies Digital Week 2017
 
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisationAtelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
Atelier 15 VEM7 - Intercommunalité et projet numérique : Vive la mutualisation
 
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
Grow-your-business : Impact de l'Inbound Marketing sur la croissance des entr...
 
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
Comment formuler une stratégie e-marketing? BlueLab Octobre 2017
 
M-Commerce byDedi
M-Commerce byDediM-Commerce byDedi
M-Commerce byDedi
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
Améliorez votre présence en ligne pour attirer vos clients !
Améliorez votre présence en ligne pour attirer vos clients !Améliorez votre présence en ligne pour attirer vos clients !
Améliorez votre présence en ligne pour attirer vos clients !
 
#compublique Où en est-on des réseaux sociaux ?
#compublique Où en est-on des réseaux sociaux ?#compublique Où en est-on des réseaux sociaux ?
#compublique Où en est-on des réseaux sociaux ?
 
Mesure d'audience & ROI
Mesure d'audience & ROIMesure d'audience & ROI
Mesure d'audience & ROI
 
Maîtriser la mesure d'audience
Maîtriser la mesure d'audienceMaîtriser la mesure d'audience
Maîtriser la mesure d'audience
 
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrainConférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
 
Conférence "Le virage du Digital Marketing pour les PME"
Conférence "Le virage du Digital Marketing pour les PME" Conférence "Le virage du Digital Marketing pour les PME"
Conférence "Le virage du Digital Marketing pour les PME"
 
Projet professionnel : rebondir avec un projet qui explore toutes les pistes
Projet professionnel : rebondir avec un projet qui explore toutes les pistesProjet professionnel : rebondir avec un projet qui explore toutes les pistes
Projet professionnel : rebondir avec un projet qui explore toutes les pistes
 
CV Sébastien Bourguignon
CV Sébastien BourguignonCV Sébastien Bourguignon
CV Sébastien Bourguignon
 
Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016
 

Plus de Agence Bee Yoo

SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
Agence Bee Yoo
 
Comment rendre visible son entreprise localement sur le web ?
Comment rendre visible son entreprise localement sur le web ?Comment rendre visible son entreprise localement sur le web ?
Comment rendre visible son entreprise localement sur le web ?
Agence Bee Yoo
 
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
Agence Bee Yoo
 
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activitéConférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
Agence Bee Yoo
 
Atelier Numérique Google - Comment bien construire sa présence sur LinkedIn
Atelier Numérique Google - Comment bien construire sa présence sur LinkedInAtelier Numérique Google - Comment bien construire sa présence sur LinkedIn
Atelier Numérique Google - Comment bien construire sa présence sur LinkedIn
Agence Bee Yoo
 
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
Agence Bee Yoo
 
Conférence CNAM Living Lab - La pédagogie active
Conférence CNAM Living Lab - La pédagogie activeConférence CNAM Living Lab - La pédagogie active
Conférence CNAM Living Lab - La pédagogie active
Agence Bee Yoo
 
Atelier Foliweb - Apprendre à construire une communauté sur Instagram
Atelier Foliweb - Apprendre à construire une communauté sur InstagramAtelier Foliweb - Apprendre à construire une communauté sur Instagram
Atelier Foliweb - Apprendre à construire une communauté sur Instagram
Agence Bee Yoo
 
Comment performer sur les réseaux sociaux en 2019
Comment performer sur les réseaux sociaux en 2019Comment performer sur les réseaux sociaux en 2019
Comment performer sur les réseaux sociaux en 2019
Agence Bee Yoo
 
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
Agence Bee Yoo
 
Atelier Foliweb - Créer un site parfait en 7 étapes !
Atelier Foliweb - Créer un site parfait en 7 étapes !Atelier Foliweb - Créer un site parfait en 7 étapes !
Atelier Foliweb - Créer un site parfait en 7 étapes !
Agence Bee Yoo
 
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
Agence Bee Yoo
 
Les Foliweb - 2 ateliers indispensables pour réussir sur Internet
Les Foliweb - 2 ateliers indispensables pour réussir sur InternetLes Foliweb - 2 ateliers indispensables pour réussir sur Internet
Les Foliweb - 2 ateliers indispensables pour réussir sur Internet
Agence Bee Yoo
 

Plus de Agence Bee Yoo (13)

SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
 
Comment rendre visible son entreprise localement sur le web ?
Comment rendre visible son entreprise localement sur le web ?Comment rendre visible son entreprise localement sur le web ?
Comment rendre visible son entreprise localement sur le web ?
 
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
Pitch Digital Change 2020 - Digitaliser son parcours client en 2020 : il est ...
 
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activitéConférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
Conférence ACEC - Quels réseaux sociaux utiliser pour développer mon activité
 
Atelier Numérique Google - Comment bien construire sa présence sur LinkedIn
Atelier Numérique Google - Comment bien construire sa présence sur LinkedInAtelier Numérique Google - Comment bien construire sa présence sur LinkedIn
Atelier Numérique Google - Comment bien construire sa présence sur LinkedIn
 
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
Conférence NTU Talk - Comment rendre visible vos vidéos grâce au référencemen...
 
Conférence CNAM Living Lab - La pédagogie active
Conférence CNAM Living Lab - La pédagogie activeConférence CNAM Living Lab - La pédagogie active
Conférence CNAM Living Lab - La pédagogie active
 
Atelier Foliweb - Apprendre à construire une communauté sur Instagram
Atelier Foliweb - Apprendre à construire une communauté sur InstagramAtelier Foliweb - Apprendre à construire une communauté sur Instagram
Atelier Foliweb - Apprendre à construire une communauté sur Instagram
 
Comment performer sur les réseaux sociaux en 2019
Comment performer sur les réseaux sociaux en 2019Comment performer sur les réseaux sociaux en 2019
Comment performer sur les réseaux sociaux en 2019
 
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
Atelier Foliweb - Les 10 étapes clés pour trouver des clients efficacement su...
 
Atelier Foliweb - Créer un site parfait en 7 étapes !
Atelier Foliweb - Créer un site parfait en 7 étapes !Atelier Foliweb - Créer un site parfait en 7 étapes !
Atelier Foliweb - Créer un site parfait en 7 étapes !
 
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
Les Foliweb - les Clés pour développer le chiffre d'affaires de votre site E-...
 
Les Foliweb - 2 ateliers indispensables pour réussir sur Internet
Les Foliweb - 2 ateliers indispensables pour réussir sur InternetLes Foliweb - 2 ateliers indispensables pour réussir sur Internet
Les Foliweb - 2 ateliers indispensables pour réussir sur Internet
 

Mobile first comment améliorer sa visibilité et mieux convertir ?

  • 1. Nantes – 24 février 2017 Mobile first comment améliorer sa visibilité et mieux convertir
  • 2. Nantes – 24 février 2017 Votre intervenante Alexandra.noirault@gmail.com @NoirAleks https://www.linkedin.com/in/alexandra-noirault Alexandra NOIRAULT Conseiller 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
  • 3. Nantes – 24 février 2017 TITRE DE LA SLIDE Mobile 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 ?
  • 4. Nantes – 24 février 2017 Pourquoi faut-il penser mobile first en 2017 ?
  • 5. Nantes – 24 février 2017 TITRE DE LA SLIDE Pourquoi faut-il penser mobile first en 2017 ? « Nous sommes tous hyper connectés à notre mobile »
  • 6. Nantes – 24 février 2017 TITRE DE LA SLIDE Pourquoi faut-il penser mobile first en 2017 ? Selon Médiamétrie
  • 7. Nantes – 24 février 2017 TITRE DE LA SLIDE Pourquoi faut-il penser mobile first en 2017 ? La recherche mobile a dépassé l’ordinateur
  • 8. Nantes – 24 février 2017 TITRE DE LA SLIDE Pourquoi faut-il penser mobile first en 2017 ? #Edon2016
  • 9. Nantes – 24 février 2017 TITRE DE LA SLIDE Pourquoi faut-il penser mobile first en 2017 ? #Edon2016
  • 10. Nantes – 24 février 2017 TITRE DE LA SLIDE L’évolution de l’usage Nos usages évoluent et Google adapte en conséquence son algorithme
  • 11. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Index Mobile First : priorité au mobile chez Google
  • 12. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester 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
  • 13. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Test avec le site : A chacun son cap
  • 14. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Test avec le site : Les Restos du Cœur
  • 15. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Outil de test de la vitesse des sites Web mobiles – Google - Test My Site https://testmysite.withgoogle.com/intl/fr-fr/
  • 16. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Test avec le site : A chacun son cap
  • 17. Nantes – 24 février 2017 TITRE DE LA SLIDE Tester son site en mode mobile friendly Test avec le site : Les Restos du Cœur
  • 18. Nantes – 24 février 2017 Comment devenir Mobile First ?
  • 19. Nantes – 24 février 2017 Comment devenir Mobile First ?
  • 20. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? 3 possibilités Site mobile Site responsive design Application mobile
  • 21. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Un site mobile : m.monassociation.com
  • 22. Nantes – 24 février 2017 TITRE DE LA SLIDE Un site responsive design Comment devenir Mobile First ?
  • 23. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ?
  • 24. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Une application mobile
  • 25. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Avantages et inconvénients Site 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
  • 26. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment 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 »
  • 27. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Comment procéder ?
  • 28. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment 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 ?
  • 29. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? C’est quoi l’approche Mobile First ?
  • 30. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Amélioration progressive
  • 31. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Mobile-First = Content-First  Aller à l’essentiel  Hiérarchiser votre contenu  Prioriser le contenu à afficher sur mobile
  • 32. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Etude de cas : Médecins du Monde
  • 33. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Définissez vos priorités de contenu par format Version 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
  • 34. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Vue d’un smartphone
  • 35. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment devenir Mobile First ? Vue d’une tablette
  • 36. Nantes – 24 février 2017 Comment devenir Mobile First ? Vue d’un ordinateur
  • 37. Nantes – 24 février 2017 A Chacun Son Cap – version ordinateur Menu Logo Je fais un don Bannières actualités Facebook Twitter Contact + adresse Boutons réseaux sociaux Pied de page du site Mentions légales Plan du site Recrutement Témoignages Partenaires
  • 38. Nantes – 24 février 2017 A Chacun Son Cap – version mobile Menu Logo Je fais un don Bannières actualités Facebook Twitter Contact + adresse Boutons réseaux sociaux Pied de page du site Mentions légales Plan du site Recrutement Témoignages Partenaires
  • 39. Nantes – 24 février 2017 Comment générer plus de dons en ligne ?
  • 40. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment générer plus de dons en ligne ?
  • 41. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment générer plus de dons en ligne ?
  • 42. Nantes – 24 février 2017 Comment générer plus de dons en ligne ?
  • 43. Nantes – 24 février 2017 TITRE DE LA SLIDE Comment 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)
  • 44. Nantes – 24 février 2017 MERCI Des questions