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

Nantes – 24 février 2017

Mobile firstcomment améliorer sa visibilité et mieux convertir


Votre intervenante

[email protected]

@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


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 ?


Pourquoi faut-il penser mobile first en 2017 ?


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

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



Selon Médiamétrie



La recherche mobile a dépassé l’ordinateur



#Edon2016


TITRE DE LA SLIDEL’évolution de l’usage

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


TITRE DE LA SLIDETester son site en mode mobile friendly

Index Mobile First : priorité au mobile chez Google



Google propose un outil pour tester si votre site est responsive:https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr

https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr



Test avec le site : A chacun son cap



Test avec le site : Les Restos du Cœur



Outil de test de la vitesse des sites Web mobiles – Google - Test My Sitehttps://testmysite.withgoogle.com/intl/fr-fr/

https://testmysite.withgoogle.com/intl/fr-fr/



Test avec le site : A chacun son cap



Test avec le site : Les Restos du Cœur


Comment devenir Mobile First ?


TITRE DE LA SLIDEComment devenir Mobile First ?

3 possibilités

Site mobileSite

responsive design

Application

mobile



Un site mobile : m.monassociation.com


TITRE DE LA SLIDE

Un site responsive design




Une application mobile



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



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 »



Comment procéder ?



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 ?



C’est quoi l’approche Mobile First ?



Amélioration progressive



Mobile-First = Content-First

Aller à l’essentiel Hiérarchiser votre contenu Prioriser le contenu à afficher sur mobile



Etude de cas : Médecins du Monde



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



Vue d’un smartphone



Vue d’une tablette



Vue d’un ordinateur


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


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


Comment générer plus de dons en ligne ?


TITRE DE LA SLIDEComment générer plus de dons en ligne ?


Comment générer plus de dons en ligne ?


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)


MERCI

Des questions

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

Internet