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

Nantes – 24 février 2017

Mobile firstcomment 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 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

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 ?

Nantes – 24 février 2017

Pourquoi faut-il penser mobile first en 2017 ?

Nantes – 24 février 2017

TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?

« Nous sommes tous hyper connectés à notre mobile »

Nantes – 24 février 2017

TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?

Selon Médiamétrie

Nantes – 24 février 2017

TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?

La recherche mobile a dépassé l’ordinateur

Nantes – 24 février 2017

TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?

#Edon2016

Nantes – 24 février 2017

TITRE DE LA SLIDEPourquoi faut-il penser mobile first en 2017 ?

#Edon2016

Nantes – 24 février 2017

TITRE DE LA SLIDEL’évolution de l’usage

Nos usages évoluent et Google adapte en conséquence son algorithme

Nantes – 24 février 2017

TITRE DE LA SLIDETester son site en mode mobile friendly

Index Mobile First : priorité au mobile chez Google

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

Nantes – 24 février 2017

TITRE DE LA SLIDETester son site en mode mobile friendly

Test avec le site : A chacun son cap

Nantes – 24 février 2017

TITRE DE LA SLIDETester son site en mode mobile friendly

Test avec le site : Les Restos du Cœur

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/

Nantes – 24 février 2017

TITRE DE LA SLIDETester son site en mode mobile friendly

Test avec le site : A chacun son cap

Nantes – 24 février 2017

TITRE DE LA SLIDETester 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 SLIDEComment devenir Mobile First ?

3 possibilités

Site mobileSite

responsive design

Application

mobile

Nantes – 24 février 2017

TITRE DE LA SLIDEComment 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 SLIDEComment devenir Mobile First ?

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

Une application mobile

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

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 »

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

Comment procéder ?

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 ?

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

C’est quoi l’approche Mobile First ?

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

Amélioration progressive

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

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

Etude de cas : Médecins du Monde

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

Nantes – 24 février 2017

TITRE DE LA SLIDEComment devenir Mobile First ?

Vue d’un smartphone

Nantes – 24 février 2017

TITRE DE LA SLIDEComment 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 + adresseBoutons

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 + adresseBoutons

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 SLIDEComment générer plus de dons en ligne ?

Nantes – 24 février 2017

TITRE DE LA SLIDEComment 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 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)

Nantes – 24 février 2017

MERCI

Des questions